/* TEAM SERE · landing pages (presencial/ y online/). Mismos componentes que la web; cambia la paleta
   según el logo de cada una: 06 «Verde profundo» (presencial) y 05 «Monocromo» (online). */

/* Comunes: prueba social en la portada. */
body.landing .lp-proof{display:flex;flex-wrap:wrap;gap:10px 22px;margin:22px 0 0;padding:0;list-style:none;font:500 13px/1.3 DM,system-ui,sans-serif;opacity:.92}
body.landing .lp-proof li{display:flex;align-items:baseline;gap:7px}
body.landing .lp-proof strong{font-weight:700}

/* ── 1 · Presencial: verde profundo (#31502B, el fondo del logo 06) ─────────────────────── */
body.landing-presencial{--lp-deep:#34552d;--lp-deeper:#284423;--lp-light:#d4ebbe;--c-green:#9fcf6b;--c-lime:#c8e9a2}
body.landing-presencial .loader{background:var(--lp-deep)}
body.landing-presencial .site-header{background:#34552df5;border-color:#ffffff24}
body.landing-presencial .site-header.is-scrolled{background:#34552df8}
body.landing-presencial .mobile-nav{background:var(--lp-deep)}
body.landing-presencial .unified-hero{background:var(--lp-deeper)}
body.landing-presencial .unified-hero .hero-b-shade{background:linear-gradient(90deg,#1f3a1ce6,#1f3a1c80 55%,#1f3a1c26 80%),linear-gradient(0deg,#1f3a1ce6,transparent 60%)}
body.landing-presencial .unified-hero .hero-b-copy h1 em{color:var(--lp-light)}
body.landing-presencial .method,body.landing-presencial .contact-section{background:var(--lp-deep);--accent:var(--lp-light)}
body.landing-presencial .method h2 em,body.landing-presencial .contact-section h2 em{color:var(--lp-light)}
body.landing-presencial .gym-arrival{background:var(--lp-deep)}
body.landing-presencial .site-footer{background:var(--lp-deep)}
body.landing-presencial .footer-identity em,body.landing-presencial .footer-identity{color:var(--lp-light)}
body.landing-presencial .cta{background:#223a1e}
body.landing-presencial .cta>.cta-tile{background:var(--c-lime)}
body.landing-presencial .unified-hero .cta>.cta-tile,body.landing-presencial .gym-arrival .cta>.cta-tile,body.landing-presencial .contact-section .cta>.cta-tile{background:#8cc25a}
body.landing-presencial .app-tabbar{background:#233c1fed}
body.landing-presencial .site-header .cta.cta--sm{background:var(--lp-light)}
body.landing-presencial .site-header .cta.cta--sm>.cta-tile{background:var(--lp-deeper);color:var(--lp-light)}

/* ── 2 · Online: blanco y negro (logo 05, marca negra) ─────────────────────────────────── */
body.landing-online{--lo-ink:#111210;--lo-paper:#fafaf7;--lo-soft:#f0f0ea;--c-green:#86bb56;--c-lime:#b3dd78}
body.landing-online .loader{background:var(--lo-paper);color:var(--lo-ink)}
body.landing-online .loader .entry-caption,body.landing-online .loader .entry-meter{color:var(--lo-ink)}
body.landing-online .loader .entry-track{background:#11121022}
body.landing-online .loader .entry-track i{background:var(--lo-ink)}
body.landing-online .page-wipe{background:var(--lo-paper);color:var(--lo-ink)}
body.landing-online .site-header{background:#fafaf7f0;color:var(--lo-ink);border-color:#1112101f;box-shadow:0 10px 30px #1112100f}
body.landing-online .site-header .brand-name,body.landing-online .site-header nav a{color:var(--lo-ink)}
body.landing-online .site-header .menu-btn span{background:var(--lo-ink)}
body.landing-online .mobile-nav{background:var(--lo-paper);color:var(--lo-ink);border-color:#1112101f}
body.landing-online .mobile-nav a{color:var(--lo-ink);border-color:#1112101a}
body.landing-online .method,body.landing-online .contact-section{background:var(--lo-ink);--accent:#b3dd78}
body.landing-online .idea-b,body.landing-online .reviews-section,body.landing-online .sergio-section,body.landing-online .film-section,body.landing-online .booking-section{background:var(--lo-paper)}
body.landing-online .reviews-section{background:var(--lo-soft)}
body.landing-online .site-footer{background:var(--lo-soft);color:var(--lo-ink);--line:#1112101f}
body.landing-online .site-footer a,body.landing-online .footer-bottom{color:var(--lo-ink)}
body.landing-online .footer-identity,body.landing-online .footer-identity em{color:var(--lo-ink)}
body.landing-online .cta{background:var(--lo-ink)}
body.landing-online .app-tabbar{background:#111210ee}

/* Portada clara: texto a la izquierda y Sergio a la derecha; en el móvil, la foto arriba. */
body.landing-online .lo-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:56px;
 min-height:min(100svh,980px);padding:130px var(--content-inset,112px) 70px;background:var(--lo-paper);color:var(--lo-ink);overflow:hidden}
body.landing-online .lo-hero-copy .eyebrow{color:#4e742f}
body.landing-online .lo-hero-copy h1{font:800 clamp(64px,7.4vw,128px)/.86 Barlow,'Arial Narrow',sans-serif;letter-spacing:-.025em;text-transform:uppercase;margin:24px 0 26px}
body.landing-online .lo-hero-copy h1 em{display:inline-block;font:400 1.14em/.92 Instrument,Georgia,serif;letter-spacing:-.035em;text-transform:none;color:#4e742f}
body.landing-online .lo-hero-lead{max-width:440px;font-size:17px;line-height:1.6;color:#2b2d29;margin-bottom:28px}
body.landing-online .lo-hero .hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px}
body.landing-online .lo-hero .hero-whatsapp{color:var(--lo-ink);border-color:#11121055}
body.landing-online .lo-hero .lp-proof{color:var(--lo-ink)}
body.landing-online .lo-hero-media{position:relative;margin:0;height:min(76svh,760px);border-radius:26px;overflow:hidden;box-shadow:0 30px 60px #1112101f}
body.landing-online .lo-hero-media img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
body.landing-online .lo-hero-media figcaption{position:absolute;left:18px;bottom:18px;padding:9px 12px;border-radius:10px;background:#111210c7;color:#fafaf7;
 font:600 10px/1 DM,system-ui,sans-serif;letter-spacing:.14em}

@media (max-width:1100px){body.landing-online .lo-hero{gap:32px;padding-left:48px;padding-right:48px}}
@media (max-width:760px){
 body.landing-online .lo-hero{grid-template-columns:1fr;gap:22px;min-height:0;padding:100px 20px 44px}
 /* La foto no se come la primera pantalla: en móviles bajos (Redmi 718 px, iPhone con barras) el titular queda a la vista. */
 body.landing-online .lo-hero-media{order:-1;height:clamp(220px,38svh,400px);aspect-ratio:auto;border-radius:22px}
 body.landing-online .lo-hero-media img{object-position:50% 28%}
 /* En móvil la etiqueta repetía la cabecera y la línea de debajo, y en pantallas bajas tapaba el logo de la camiseta. */
 body.landing-online .lo-hero-media figcaption{display:none}
 body.landing-online .lo-hero-copy h1{font-size:clamp(52px,16vw,76px);margin:14px 0 16px}
 body.landing-online .lo-hero-lead{font-size:15px;margin-bottom:22px}
 body.landing .lp-proof{font-size:12px;gap:8px 18px}
}

/* Logo 05 (negro y transparente): sin la mezcla «aclarar» que usa la web para borrar el fondo oscuro de sus logos. */
body.landing-online .site-header .brand-logo,body.landing-online .loader .loader-logo,body.landing-online .page-wipe img,body.landing-online .footer-logo{mix-blend-mode:normal;background:transparent}
body.landing-online .footer-word .footer-identity{color:var(--lo-ink)}
body.landing-online .footer-word .footer-identity em,body.landing-online .footer-word .footer-arrow{color:#4e742f}