/* Revisión de proporciones y jerarquías de la Home. */
main{width:100%;overflow:hidden}
.hero{width:min(1200px,100%);margin:0 auto}

/* Todas las zonas de lectura parten de una misma medida útil. */
.section:not(.about):not(.areas),
.prejudicial{
  width:min(1180px,calc(100% - 48px));
  max-width:none;
  margin-left:auto;
  margin-right:auto;
  padding-left:0;
  padding-right:0;
}
.about,.areas{
  padding-left:max(24px,calc((100% - 1120px)/2));
  padding-right:max(24px,calc((100% - 1120px)/2));
}
.about{grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr)}

/* Las cuatro intervenciones se leen como accesos, no como texto secundario. */
.work>h2{display:none}
.work h3{
  text-align:center;
  font-size:15px;
  line-height:1.35;
}
.work a{
  align-self:center;
  text-align:center;
  font-size:12px;
  padding:8px 12px;
  border-bottom:1px solid currentColor;
}

/* Frase de posicionamiento con peso editorial propio. */
.about .quote{
  max-width:650px;
  margin:22px 0 24px;
  padding:18px 21px;
  border-left:4px solid var(--wine);
  background:#f8f1e9;
  font-size:clamp(19px,1.8vw,26px);
  line-height:1.42;
  letter-spacing:.045em;
}

/* Acceso directo, reconocible y separado de los dos CTAs principales. */
.hero-actions{align-items:center}
.hero-whatsapp{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  padding:0 !important;
  color:#fff !important;
  background:transparent !important;
  border:1px solid rgba(255,255,255,.85);
  border-radius:50%;
}
.hero-whatsapp svg{width:21px;height:21px;fill:currentColor}

@media(max-width:700px){
  .hero{width:100%}
  .section:not(.about):not(.areas),.prejudicial{width:calc(100% - 40px)}
  .about,.areas{padding-left:20px;padding-right:20px}
  .work h3,.work a{text-align:left;align-self:start}
  .work a{font-size:11px;padding:7px 0}
  .about .quote{font-size:18px;padding:16px 17px}
  .hero-whatsapp{width:35px;height:35px}
}