/* ============================================================
   OMNIS — Ajuste fino global (se carga al final, sobrescribe)
   Tipografía desktop más contenida + interlineados más cerrados.
   ============================================================ */

/* --- títulos de sección más contenidos --- */
.origen__title{font-size:clamp(34px,5.2vw,62px);line-height:1.0}
.botella__title,.enzy__title{font-size:clamp(34px,5.2vw,62px);line-height:1.0}
.ingr__title{font-size:clamp(32px,5vw,58px);line-height:1.02}
.club__title{font-size:clamp(32px,5vw,58px);line-height:1.04}

/* --- leads (cuerpo): más pequeños y líneas más cerradas --- */
.origen__lead,.botella__lead,.enzy__lead{font-size:clamp(16px,1.5vw,20px);line-height:1.34;margin-top:22px}
.ingr__lead,.club__lead{font-size:clamp(16px,1.5vw,19px);line-height:1.38;margin-top:20px}
.origen__note,.botella__note,.enzy__note{font-size:clamp(14px,1.2vw,17px);line-height:1.42;margin-top:12px}
.ingr__note{font-size:clamp(15px,1.4vw,19px)}

/* eyebrows un poco más discretos */
.origen__eyebrow,.botella__eyebrow,.club__eyebrow,.ingr__eyebrow,.enzy__eyebrow{
  font-size:11px;letter-spacing:.3em;margin-bottom:18px;
}

/* badges + cita un toque menores */
.origen__badge,.botella__badge{margin-top:30px}
.origen__quote-text{font-size:clamp(18px,1.6vw,23px);line-height:1.3}

/* ============================================================
   MÓVIL — pase integral (≤760px)
   ============================================================ */
@media(max-width:760px){
  /* títulos de sección ajustados a pantalla */
  .origen__title,.botella__title,.enzy__title{font-size:clamp(30px,8.4vw,44px)}
  .ingr__title,.club__title{font-size:clamp(28px,7.8vw,42px)}
  .pedido__title{font-size:clamp(26px,7vw,38px)}

  /* Age gate: contenido compacto -> se ve la textura (alas) detrás */
  .agegate{padding:4vh 18px}
  .agegate__texture{opacity:.27}
  .agegate::after{background:radial-gradient(96% 96% at 50% 45%, transparent 62%, rgba(0,0,0,.46))}
  .agegate__logo{width:clamp(116px,30vw,146px);margin-bottom:.9em}
  .agegate__sub{margin-bottom:clamp(18px,3.4vh,28px)}
  .agegate__cta{margin-top:clamp(20px,3.4vh,28px)}
  .agegate__legal{margin-top:16px}
  .agegate__tagline{margin-top:14px}

  /* ---- alturas ajustadas (sin tanto vacío) ---- */
  /* hero corto: el vídeo (full-width) es el protagonista, con poco margen del color del exterior */
  /* hero a pantalla completa en móvil; el vídeo va centrado y con bordes difuminados (styles.css) */
  .hero{height:100svh;min-height:100svh}
  /* secciones con foto/vídeo: a la altura del contenido, no 100vh */
  .origen,.botella,.club,.enzy{min-height:auto;padding-top:clamp(74px,13vh,120px);padding-bottom:clamp(64px,11vh,104px)}
  .ingr{min-height:auto;padding:13vh 22px}
  .pedido{padding:60px 18px 70px}
  /* paneles "El Mundo" más bajos */
  .panel{height:32vh}

  /* ---- Footer: rediseño móvil (centrado y limpio) ---- */
  .footer__seg{font-size:clamp(16px,5vw,24px);padding:16px 0}
  .footer__cols{grid-template-columns:1fr;text-align:center;gap:clamp(32px,7vw,42px);padding:clamp(46px,9vw,64px) 22px 16px}
  .footer__brand p{max-width:34ch;margin-left:auto;margin-right:auto}
  .footer__logo{margin-left:auto;margin-right:auto}
  .footer h4{margin-bottom:14px}
  .footer__nav a{margin-bottom:13px}
  .footer__social{justify-content:center}
  .footer__form{margin-left:auto;margin-right:auto}
  .footer__legal{flex-direction:column;align-items:center;text-align:center;gap:8px;padding-top:16px}
  .footer__big{font-size:21vw;letter-spacing:.02em;margin-top:6px}
}

/* ============================================================
   MENÚ MÓVIL — override robusto (oculta aside, centra, sin cortes)
   ============================================================ */
@media(max-width:900px){
  .menu__aside{display:none !important}
  .menu__inner{
    grid-template-columns:1fr !important;
    align-content:center; justify-items:start;
    overflow-y:auto; -webkit-overflow-scrolling:touch;
    padding:96px clamp(28px,8vw,56px) 64px;
  }
  .menu__list{width:100%}
  .menu__item{padding:15px 0}
  .menu__num{align-self:center}
}
@media(max-width:560px){
  .menu__text{font-size:clamp(30px,8.4vw,46px)}
}