/* HERO */
.hero{background:#300 url("../img/banner.webp") center/cover no-repeat;height:650px;display:flex;align-items:center;justify-content:center;text-align:center;padding:48px 20px 40px}
.hero__in{max-width:547px}
.hero h1{font-size:clamp(34px,4.6vw,46px);line-height:1.05;font-weight:600;margin:0 0 20px;letter-spacing:-.01em}
.hero p{font-size:14px;line-height:1.55;font-weight:500;margin:0 auto 26px;}

/* ABOUT */
.about{padding:clamp(40px,6vw,64px) var(--pad-x) clamp(56px,8vw,96px)}
.about__in{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1.08fr 1fr;gap:clamp(24px,5vw,64px);align-items:start}
.about h2{font-size:clamp(28px,3.4vw,34px);line-height:1.1;font-weight:600;margin:0 0 22px;letter-spacing:-.01em}
.about p{font-size:14px;line-height:1.6;font-weight:500;margin:0 0 15px;max-width:60ch}
.about__art{align-self:center;margin-top:clamp(0px,3vw,40px)}
.about__art img{width:100%;display:block}
.about__text{margin-top:clamp(0px,3vw,40px)}
.about__more{display:grid;grid-template-rows:1fr;transition:grid-template-rows .4s ease}
.about__more.is-collapsed{grid-template-rows:0fr}
.about__more-in{min-height:0;overflow:hidden}
.about__toggle{display:inline-flex;align-items:center;gap:8px;margin-top:4px;padding:0;background:none;border:0;color:var(--red);font:700 13px/1.4 var(--font);letter-spacing:.02em;cursor:pointer}
.about__toggle::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .25s}
.about__toggle[aria-expanded="true"]::after{transform:translateY(2px) rotate(-135deg)}
.about__toggle:hover{color:#fff}
.about__toggle[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.about__more{transition:none}}

@media(max-width:720px){
  .hero p{font-size:12px}
  .about__in{grid-template-columns:1fr}
  .about p{font-size:13px}
  .about__art{max-width:380px;margin:8px auto 0}
}

/* BANNER EQUIPO */
.banner-team{margin:0;background:var(--red,#e0261b);line-height:0}
.banner-team img{display:block;width:100%;height:auto}
/* Botón secundario de WhatsApp en la sección de contacto (solo Home) */
.contact__wa{margin-top:clamp(24px,3vw,34px)}
@media (max-width:720px){.contact__wa{display:block;width:fit-content;margin-left:auto;margin-right:auto}}

/* Sección "Marcas que confían en nosotros" con fondo blanco (solo Home) */
.clients.clients--white{background:#fff;color:#000}
.clients.clients--white .clients__logos{border:1px solid #ececec}

/* Ilustración de "Tu agencia de publicidad..." al 80% (solo Home) */
.about__art img.about__img--80{width:80%;margin:0 auto}