/*
Theme Name: Tu Viajera Online v26 (borrador)
Theme URI: https://tuviajeraonline.com
Author: Creativa Synergy Design
Description: Tema de bloques (FSE) de Tu Viajera Online. Diseño aprobado v25. Todo el contenido vive en bloques; theme.json es la fuente del diseño.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: tuviajera-v26
*/
/* Tu Viajera Online — hoja de estilos del prototipo aprobado (v26). Rutas a assets/. */

/* =========================================================
   TOKENS — paleta de marca cerrada (no tocar)
   ========================================================= */
:root{
  --teal:#1F6F7C; --teal-dk:#175660; --teal-lt:#3D8B97;
  --olive:#3A4A2C; --olive-dk:#2B3720; --sage:#A9C480;
  --cream:#F0E1A0; --cream-dp:#E5D084;
  --terra:#A9452A; --terra-dk:#8A3620;
  --mocha:#B68C70; --wine:#54200F;
  --paper:#FCFCFA; --surface:#FFFFFF; --ink:#22221E; --ink-soft:#5A5A52;
  --tint:#F4F2EA; --line:rgba(34,34,30,.14);
  --wrap:1180px;
  --f-ttl:'Montra','Archivo',system-ui,sans-serif;
  --f-txt:'Poppins',system-ui,sans-serif;
  --r-s:6px; --r-m:14px; --r-l:26px;
  --hdr-h:68px;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr-h) + env(safe-area-inset-top,0px))}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-txt);font-weight:300;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
h1,h2,h3,h4{font-family:var(--f-ttl);font-weight:900;font-stretch:104%;line-height:1;letter-spacing:-.01em;margin:0}
p{margin:0 0 1em}
a{color:inherit}
button{font:inherit;color:inherit}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.narrow{max-width:660px;margin-left:auto;margin-right:auto}
:focus-visible{outline:3px solid var(--terra);outline-offset:3px;border-radius:3px}
h1[tabindex="-1"]:focus{outline:none}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;background:var(--wine);color:#fff;padding:10px 16px;z-index:200;border-radius:4px;text-decoration:none}
.skip:focus{top:calc(10px + env(safe-area-inset-top,0px))}

/* Color dominante por página: lo usan títulos, banner, Instagram y footer */
.page{--pg:var(--teal);--pg-dk:var(--teal-dk);--acc:var(--cream);--acc-ink:var(--olive-dk)}
.page.pg-solo{--pg:var(--olive);--pg-dk:var(--olive-dk);--acc:var(--sage);--acc-ink:var(--olive-dk)}
.page.pg-recursos{--pg:var(--wine);--pg-dk:var(--wine);--acc:var(--cream);--acc-ink:var(--wine)}
.page.pg-ugc{--pg:var(--olive);--pg-dk:var(--olive-dk);--acc:var(--terra);--acc-ink:#fff}
.page.pg-sobremi{--pg:var(--terra);--pg-dk:var(--terra-dk);--acc:var(--cream);--acc-ink:var(--terra-dk)}
.page.pg-videos{--pg:var(--teal);--pg-dk:var(--teal-dk);--acc:#fff;--acc-ink:var(--teal-dk)}
.btn-white{background:#fff;color:var(--teal-dk)}
.page.pg-videos .play b{color:var(--teal)}
.page.pg-videos .vid .ph{background-image:linear-gradient(150deg,var(--teal-dk),var(--teal) 55%,var(--teal-lt))}
.page.pg-videos .vid:nth-child(even) .ph{background-image:linear-gradient(150deg,var(--teal-lt),var(--teal) 50%,var(--teal-dk))}

/* =========================================================
   BOTONES
   ========================================================= */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:13px;letter-spacing:.05em;text-transform:uppercase;padding:14px 26px;border:0;border-radius:40px;cursor:pointer;text-decoration:none;transition:transform .12s,filter .15s,background .15s;line-height:1.1}
.btn:hover{filter:brightness(1.08)}
.btn:active{transform:translateY(1px)}
.btn-sm{padding:10px 18px;font-size:11.5px}
.btn-cream{background:var(--cream);color:var(--olive-dk)}
.btn-olive{background:var(--olive);color:#fff}
.btn-terra{background:var(--terra);color:#fff}
.btn-teal{background:var(--teal);color:#fff}
.btn-wine{background:var(--wine);color:#fff}
.btn-ink{background:var(--ink);color:var(--paper)}
.btn-sage{background:var(--sage);color:var(--olive-dk)}
.btn-acc{background:var(--acc);color:var(--acc-ink)}
.btn-line{background:none;box-shadow:inset 0 0 0 2px currentColor;padding:12px 24px}
.btn svg{width:14px;height:14px;flex:none}
.btn[disabled]{opacity:.55;cursor:default}
.textlink{background:none;border:0;padding:0;cursor:pointer;font-weight:500;text-decoration:underline;text-underline-offset:3px}

/* =========================================================
   SECCIONES
   ========================================================= */
.sec{padding:84px 0}
.sec-tight{padding:56px 0}
.sec-ttl{font-size:clamp(24px,3.7vw,40px);color:var(--pg-dk);text-align:center;text-transform:uppercase}
.sec-sub{text-align:center;color:var(--ink-soft);font-size:15.5px;max-width:58ch;margin:14px auto 0}
.bg-tint{background:var(--tint)}
.bg-cream{background:var(--cream);color:var(--olive-dk)}
.bg-cream .sec-ttl{color:var(--olive-dk)}
.bg-cream .sec-sub{color:var(--olive)}
.bg-terra{background:var(--terra);color:#fff}
.bg-olive{background:var(--olive);color:#fff}
.bg-mocha{background:var(--mocha);color:#fff}
.bg-mocha .sec-ttl{color:#fff}
.bg-mocha .sec-sub{color:rgba(255,255,255,.92)}

/* =========================================================
   HERO HOME
   ========================================================= */
.hero-home{background:var(--teal);display:grid;grid-template-columns:1fr .5fr .5fr}
.hero-copy{padding:44px 48px;color:#fff;display:flex;flex-direction:column;justify-content:center}
.hero-copy h1{font-size:clamp(30px,4.2vw,51px);text-transform:uppercase;margin-bottom:22px}
.hero-copy p{font-size:16px;max-width:38ch;color:rgba(255,255,255,.93)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
.facts{display:flex;gap:28px;margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.25)}
.facts div{font-size:13px;color:rgba(255,255,255,.85);line-height:1.3}
.facts b{display:block;font-family:var(--f-ttl);font-size:26px;font-weight:900;color:var(--cream);line-height:1}
.band-sage{background:var(--teal-dk);color:#fff;padding:24px 24px;border-top:4px solid var(--cream)}
.band-sage .wrap{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;text-align:center}
.band-sage b{font-family:var(--f-ttl);font-size:19px;font-weight:800;display:block;color:var(--cream)}
.band-sage span{color:rgba(255,255,255,.9)}
.band-sage span{font-size:14.5px}

/* =========================================================
   HOME — 2 SERVICIOS
   ========================================================= */
.paths{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:46px}
.path{position:relative;border-radius:var(--r-l);overflow:hidden;min-height:470px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;text-decoration:none;cursor:pointer;border:0;padding:0;text-align:left;background:var(--olive)}
.path .ph{position:absolute;inset:0}
.path::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(20,20,16,.78));z-index:1}
.path-body{position:relative;z-index:2;padding:30px 30px 28px}
.path h3{font-size:clamp(22px,2.7vw,30px);text-transform:uppercase;margin-bottom:10px}
.path p{font-size:14.5px;color:rgba(255,255,255,.9);max-width:38ch;margin-bottom:18px}
.path-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.price-tag{background:var(--cream);color:var(--wine);font-weight:600;font-size:13px;padding:7px 14px;border-radius:20px}
.path .go{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:13px;letter-spacing:.05em;text-transform:uppercase}
.path .go svg{width:16px;height:16px;transition:transform .2s}
.path:hover .go svg,.path:hover .path-btn svg{transform:translateX(4px)}
.path-btn svg{transition:transform .2s}

/* =========================================================
   RECURSOS HOME
   ========================================================= */
.res3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:44px}
.rescard{background:var(--mocha);border-radius:var(--r-m);padding:9px;color:#fff;display:flex;flex-direction:column}
.rescard .ph{aspect-ratio:4/4.3;border-radius:9px}
.rescard .ph .off{position:absolute;top:10px;right:10px;z-index:2;background:var(--cream);color:var(--wine);font-weight:600;font-size:12px;padding:5px 11px;border-radius:20px}
.rescard h4{font-size:18px;text-transform:uppercase;margin:14px 8px 6px;line-height:1.02}
.rescard p{font-size:13px;color:rgba(255,255,255,.92);margin:0 8px 14px;line-height:1.45;flex:1}
.rescard .textlink{margin:0 8px 8px;color:#fff;font-size:13px;align-self:flex-start}

/* =========================================================
   SOBRE MI HOME
   ========================================================= */
.split{display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:center}
.split h2{font-size:clamp(26px,3.7vw,43px);text-transform:uppercase;margin-bottom:18px}
.split p{font-size:16px;max-width:44ch}
.reel{aspect-ratio:9/15;border-radius:var(--r-m);max-width:270px;margin-left:auto;cursor:pointer;border:0;padding:0;display:block;width:100%}
.play{position:absolute;inset:0;display:grid;place-content:center;z-index:2}
.play b{width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-content:center;color:var(--wine);transition:transform .2s}
.play b svg{width:20px;height:20px;margin-left:3px}
.reel:hover .play b,.vid:hover .play b{transform:scale(1.08)}

/* =========================================================
   BANNER YOUTUBE (patrón sincronizado)
   ========================================================= */
.yt-banner{background:var(--pg-dk);color:#fff;display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center;padding:30px 36px;border-radius:var(--r-m);text-decoration:none}
.yt-banner .yt-ic{width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-content:center}
.yt-banner .yt-ic svg{width:26px;height:26px}
.yt-banner h3{font-size:clamp(18px,2.2vw,24px);text-transform:uppercase;margin-bottom:6px}
.yt-banner p{margin:0;font-size:14px;color:rgba(255,255,255,.86)}

/* =========================================================
   CONOCE EL MUNDO CONMIGO (Instagram aleatorio)
   ========================================================= */
.ig{padding:72px 0 80px}
.ig-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px;flex-wrap:wrap}
.ig h2{font-size:clamp(21px,3.0vw,32px);color:var(--pg-dk);text-transform:uppercase}
.ig-head p{margin:6px 0 0;font-size:14px;color:var(--ink-soft)}
.ig-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ig-grid a{display:block;aspect-ratio:1/1.12;border-radius:var(--r-m);overflow:hidden;position:relative;text-decoration:none}
.ig-grid .ph{height:100%}
.ig-grid a::after{content:"";position:absolute;inset:0;background:var(--pg);opacity:0;transition:opacity .2s}
.ig-grid a:hover::after{opacity:.25}

/* =========================================================
   FOOTER
   ========================================================= */
.ftr{background:var(--pg-dk);color:#fff;padding:56px 0 30px}
.ftr-in{display:grid;grid-template-columns:1.1fr .9fr;gap:48px}
.ftr h3{font-size:25px;margin-bottom:8px}
.ftr p{font-size:14px;color:rgba(255,255,255,.88);max-width:34ch}
.nl{display:flex;gap:8px;max-width:420px;margin-top:6px;flex-wrap:wrap}
.nl input{flex:1;min-width:200px;padding:13px 16px;border:0;border-radius:40px;font:inherit;font-size:14px;color:#22221E;background:#fff}
.nl-msg{font-size:13px;margin-top:10px;min-height:1.4em;color:#fff}
.nl-msg.err{color:#FFD2C4}
.ftr-r{text-align:right}
.ftr-r h4{font-size:16px;letter-spacing:.04em;margin-bottom:16px;text-transform:uppercase}
.ftr-links{display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:flex-end;margin-bottom:22px}
.ftr-links button{background:none;border:0;color:#fff;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;padding:2px 0}
.ftr-links button:hover{text-decoration:underline}
.ftr-mail{font-family:var(--f-ttl);font-size:21px;font-weight:800;text-decoration:none}
.ftr-mail:hover{text-decoration:underline}
.ftr-bottom{margin-top:40px;padding-top:18px;border-top:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12px;color:rgba(255,255,255,.75)}
.ftr-bottom nav{display:flex;gap:18px}
.ftr-bottom a{text-decoration:none}
.ftr-bottom a:hover{text-decoration:underline}

/* =========================================================
   SOLO TRAVEL
   ========================================================= */
.hero-st{background:var(--olive);display:grid;grid-template-columns:1fr .5fr .5fr}
.hero-st .hero-copy h1{font-size:clamp(27px,3.7vw,45px)}
.launch{background:var(--sage);color:var(--olive-dk)}
.launch .wrap{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px;font-size:14.5px;text-align:center}
.seats{display:flex;gap:5px}
.seats i{width:13px;height:13px;border-radius:50%;background:var(--olive-dk);display:block}
.seats i.taken{background:transparent;box-shadow:inset 0 0 0 2px var(--olive-dk);opacity:.45}
.lead{font-size:clamp(18px,2.2vw,22px);color:var(--olive);line-height:1.45;font-weight:400}
.vs{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}
.vs>div{border-radius:var(--r-m);padding:32px 34px}
.vs .lose{background:var(--tint);border:1px solid var(--line)}
.vs .win{background:var(--olive);color:#fff}
.vs h3{font-size:24px;margin-bottom:20px}
.vs li{font-size:15px;margin-bottom:14px;padding-left:30px;position:relative;line-height:1.5}

/* Quiz "para ti si" */
.fit{display:grid;grid-template-columns:1.2fr .8fr;gap:54px;align-items:center}
.fit h2{font-size:clamp(24px,3.2vw,37px);text-transform:uppercase;margin-bottom:10px}
.fit-sub{color:rgba(255,255,255,.85);font-size:14.5px;margin-bottom:22px}
.chips{display:grid;gap:10px}
.chip{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.22);color:#fff;padding:14px 18px;border-radius:12px;font-size:14.5px;line-height:1.4;text-align:left;cursor:pointer;transition:background .15s,border-color .15s}
.chip .bx{width:22px;height:22px;border-radius:6px;border:2px solid var(--sage);flex:none;display:grid;place-content:center;transition:background .15s}
.chip .bx svg{width:14px;height:14px;opacity:0;color:var(--olive-dk)}
.chip[aria-pressed="true"]{background:var(--sage);color:var(--olive-dk);border-color:var(--sage)}
.chip[aria-pressed="true"] .bx{background:var(--olive);border-color:var(--olive)}
.chip[aria-pressed="true"] .bx svg{opacity:1;color:var(--sage)}
.fit-result{margin-top:20px;min-height:52px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.fit-result p{margin:0;font-size:15px;font-weight:500}
.fit .ph{aspect-ratio:3/4;border-radius:var(--r-m)}

/* Proceso */
.timeline{list-style:none;padding:0;margin:44px 0 0;position:relative}
.timeline::before{content:"";position:absolute;left:19px;top:10px;bottom:10px;width:2px;background:repeating-linear-gradient(var(--sage) 0 6px,transparent 6px 12px)}
.timeline .step{display:grid;grid-template-columns:40px 150px 1fr;gap:20px;padding:20px 0;align-items:start}
.dot{width:40px;height:40px;border-radius:50%;background:var(--olive);color:#fff;display:grid;place-content:center;font-family:var(--f-ttl);font-weight:900;font-size:16px;position:relative;z-index:1}
.timeline .step:last-child .dot{background:var(--sage);color:var(--olive-dk)}
.when{font-weight:600;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--olive);padding-top:9px}
.timeline h4{font-size:19px;margin:7px 0 6px}
.timeline p{font-size:14.5px;color:var(--ink-soft);margin:0;max-width:60ch}

/* Precios — tarjetas tipo billete */
.passes{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:48px;align-items:start}
.pass{background:var(--surface);border-radius:var(--r-m);border:1.5px solid var(--line);position:relative;overflow:hidden;display:flex;flex-direction:column}
.pass-top{padding:28px 30px 24px}
.pass.hot{border:2.5px solid var(--olive)}
.pass .flag{position:absolute;top:18px;right:-34px;transform:rotate(38deg);background:var(--olive);color:#fff;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:5px 42px}
.pass-name{font-family:var(--f-ttl);font-weight:900;font-size:21px;text-transform:uppercase;color:var(--olive-dk);letter-spacing:.01em}
.pass.prem .pass-name{color:var(--olive-dk)}
.pass.prem{background:color-mix(in srgb,var(--sage) 16%,var(--surface))}
.pass.prem .perf::before,.pass.prem .perf::after{background:var(--paper)}
.pass-for{font-size:14px;color:var(--ink-soft);margin:6px 0 18px;max-width:40ch;line-height:1.45}
.amt{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.amt b{font-family:var(--f-ttl);font-weight:900;font-size:46px;line-height:1;color:var(--ink)}
.amt s{font-size:20px;color:var(--ink-soft)}
.amt .lbl{font-size:12.5px;font-weight:600;color:var(--terra);background:color-mix(in srgb,var(--terra) 12%,transparent);padding:4px 10px;border-radius:20px}
.perf{position:relative;height:0;border-top:2px dashed var(--line);margin:0 18px}
.perf::before,.perf::after{content:"";position:absolute;top:-13px;width:24px;height:24px;border-radius:50%;background:var(--paper);border:1.5px solid var(--line)}
.perf::before{left:-32px}.perf::after{right:-32px}
.pass.hot .perf::before,.pass.hot .perf::after{border:2.5px solid var(--olive);top:-14px}
.pass-body{padding:24px 30px 30px;display:flex;flex-direction:column;gap:18px;flex:1}
.inc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:9px 16px}
.inc li{font-size:13.5px;padding-left:22px;position:relative;line-height:1.4}
.inc li.star{grid-column:1/-1;font-weight:500}
.extra{border-radius:10px;background:var(--tint);padding:16px 18px}
.extra h5{margin:0 0 8px;font-family:var(--f-ttl);font-size:16px;font-weight:800;color:var(--wine)}
.extra p{margin:0;font-size:13.5px;line-height:1.5;color:var(--ink-soft)}
.extra ul{margin:6px 0 0;padding-left:18px;font-size:13.5px;color:var(--ink-soft)}
.budget{display:grid;grid-template-columns:1fr auto;gap:4px 16px;font-size:13px;margin-top:8px;color:var(--ink-soft)}
.budget span:nth-child(even){text-align:right;font-weight:500}
.budget .tot{font-weight:600;color:var(--ink);border-top:1px solid var(--line);padding-top:6px;margin-top:4px}
.pass-note{font-size:12.5px;color:var(--ink-soft);margin:0}
.pass-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pass-actions .btn{width:100%;justify-content:center}
.btn-line-olive{background:transparent;color:var(--olive-dk);box-shadow:inset 0 0 0 1.5px var(--olive)}
.btn-line-olive:hover{background:color-mix(in srgb,var(--olive) 10%,transparent)}
.pay-note{font-size:12px;color:var(--ink-soft);margin:0;text-align:center}
@media (max-width:520px){.pass-actions{grid-template-columns:1fr}}
.prem-all{display:flex;gap:10px;align-items:center;margin:0;font-weight:500;font-size:14px}
.prem-list{list-style:none;margin:0;padding:0;border-left:2px solid var(--sage);display:grid;gap:14px}
.prem-list li{padding-left:16px;font-size:13.5px;line-height:1.45}
.prem-list b{display:block;font-weight:600;color:var(--olive-dk);font-size:14px}
.prem-list span{color:var(--ink-soft)}
.prem-list li.key{border-left:4px solid var(--olive);margin-left:-3px;padding-left:15px}
.pass .btn{width:100%}
.addon{display:flex;align-items:center;gap:12px;font-size:13.5px;cursor:pointer;padding:12px 14px;border:1.5px dashed var(--line);border-radius:10px}
.addon input{width:18px;height:18px;accent-color:var(--olive);flex:none}
.calc{display:grid;gap:8px;padding:16px;border-radius:12px;background:color-mix(in srgb,var(--sage) 18%,transparent)}
.calc .addon{background:var(--surface);border-style:solid;border-color:transparent;padding:10px 13px}
.calc .addon:has(input:checked){border-color:var(--olive)}
.calc-ttl{margin:0 0 2px;font-size:13px;font-weight:600;color:var(--olive-dk)}
.calc-note{margin:2px 0 0;font-size:12.5px;color:var(--ink-soft)}
.amt b.up{animation:bump .3s ease}
@keyframes bump{50%{transform:scale(1.06)}}
.warn-strip + .warn-strip{margin-top:24px}
.warn-strip{display:flex;gap:12px;align-items:flex-start;background:color-mix(in srgb,var(--sage) 22%,var(--surface));border-left:4px solid var(--olive);padding:16px 20px;border-radius:0 10px 10px 0;margin-top:24px;font-size:14.5px}
.warn-strip p{margin:0}

.notinc{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;background:var(--sage);color:var(--olive-dk);border-radius:var(--r-m);padding:34px 38px;margin-top:24px}
.notinc h3{font-size:22px;text-transform:uppercase;color:var(--olive-dk);margin-bottom:10px}
.notinc p{font-size:14px;margin:0}
.notinc ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}
.notinc li{font-size:14px;padding-left:24px;position:relative}

/* Testimonios pendientes */
.testis{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:36px;max-width:760px;margin-inline:auto}
.testi{border:2px dashed var(--line);border-radius:var(--r-m);padding:26px 24px;display:flex;flex-direction:column;gap:14px;min-height:190px}
.testi .q{font-family:var(--f-ttl);font-size:48px;line-height:.6;color:var(--sage);font-weight:900}
.testi p{font-size:14px;color:var(--ink-soft);margin:0;flex:1}
.testi .who{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500}
.testi .av{width:36px;height:36px;border-radius:50%;background:var(--tint);border:1.5px dashed var(--line)}

/* FAQ */
.faq{margin-top:36px;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:22px 44px 22px 0;font-weight:500;font-size:16.5px;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:6px;top:50%;width:14px;height:14px;margin-top:-10px;border-right:2.5px solid var(--pg);border-bottom:2.5px solid var(--pg);transform:rotate(45deg);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(225deg);margin-top:-3px}
.faq details p{font-size:15px;color:var(--ink-soft);margin:0 0 22px;max-width:68ch}

.final{text-align:center}
.final h2{font-size:clamp(22px,3.2vw,35px);color:var(--pg-dk);text-transform:uppercase;margin-bottom:22px;max-width:20ch;margin-left:auto;margin-right:auto}

/* =========================================================
   RECURSOS Y GUIAS
   ========================================================= */
.hero-rg{display:grid;grid-template-columns:1fr 1fr}
.hero-rg-l{background:var(--cream);padding:60px 48px;display:flex;flex-direction:column;justify-content:center;color:var(--olive-dk)}
.hero-rg-l h1{font-size:clamp(29px,4.0vw,48px);text-transform:uppercase;color:var(--wine);margin-bottom:16px}
.hero-rg-l p{font-size:16px;max-width:38ch}
.jump{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.guides{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:44px}
.guide{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden;display:flex;flex-direction:column}
.guide .cover{aspect-ratio:4/3.3;position:relative;background:var(--cream);display:flex;flex-direction:column;justify-content:flex-end;padding:18px}
.guide .cover .pdf{position:absolute;top:12px;left:12px;background:var(--wine);color:#fff;font-size:10.5px;font-weight:600;letter-spacing:.06em;padding:4px 9px;border-radius:4px}
.guide .cover h4{font-size:19px;color:var(--wine);text-transform:uppercase;line-height:.98}
.guide .cover small{display:block;font-size:12px;color:var(--olive);margin-top:6px}
.guide .body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:12px;flex:1}
.guide ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.guide ul li{font-size:11.5px;background:var(--tint);padding:3px 9px;border-radius:12px;color:var(--ink-soft)}
.guide .row{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}
.guide .price{font-family:var(--f-ttl);font-weight:900;font-size:24px;color:var(--wine)}
.guide .btn.added{background:var(--mocha)}
.bridge{background:var(--wine);color:#fff;border-radius:var(--r-l);display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;margin-top:60px}
.bridge-copy{padding:46px 48px;display:flex;flex-direction:column;justify-content:center}
.bridge h3{font-size:clamp(21px,2.7vw,30px);margin-bottom:14px;text-transform:uppercase}
.bridge p{font-size:15px;color:rgba(255,255,255,.9);margin-bottom:22px;max-width:40ch}
.bridge .ph{min-height:320px}
.partners{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:44px}
.partner{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);border-radius:var(--r-m);padding:24px;display:grid;grid-template-columns:96px 1fr;gap:22px;align-items:start}
.partner .lg{width:96px;height:72px;border-radius:10px;display:grid;place-content:center;font-family:var(--f-ttl);font-weight:900;font-size:15px;text-align:center;padding:6px;line-height:1}
.partner h4{font-size:19px;margin-bottom:6px}
.partner p{font-size:13.5px;color:rgba(255,255,255,.92);margin-bottom:14px;line-height:1.5}
.partner .acts{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.disc{background:var(--cream);color:var(--wine);font-weight:600;font-size:12px;padding:6px 12px;border-radius:20px}
.code{display:inline-flex;align-items:center;gap:8px;background:rgba(0,0,0,.18);border:1px dashed rgba(255,255,255,.55);color:#fff;font-weight:600;font-size:12.5px;letter-spacing:.04em;padding:6px 8px 6px 12px;border-radius:20px;cursor:pointer}
.code svg{width:14px;height:14px}
.auto{font-size:12.5px;color:rgba(255,255,255,.85)}
.partner .textlink{color:#fff;font-size:13px;margin-top:12px;display:inline-block}
.aff{text-align:center;margin:34px auto 0;font-size:12.5px;color:rgba(255,255,255,.88);max-width:62ch}

/* =========================================================
   UGC
   ========================================================= */
.hero-ugc{display:grid;grid-template-columns:1fr 1fr;background:var(--olive)}
.hero-ugc .hero-copy h1{font-size:clamp(37px,5.6vw,67px)}
.svc{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
.svc>div{border-top:3px solid var(--terra);padding-top:20px}
.svc h4{font-size:20px;text-transform:uppercase;color:var(--olive-dk);margin-bottom:10px}
.svc p{font-size:14.5px;color:var(--ink-soft);margin:0}
.fitbrands{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px}
.fitbrands span{background:var(--surface);border:1.5px solid var(--terra);color:var(--terra-dk);border-radius:30px;padding:11px 22px;font-size:14px;font-weight:500}
.why{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.why h2{font-size:clamp(22px,3.0vw,34px);text-transform:uppercase;color:var(--olive-dk);margin-bottom:14px}
.why .compare{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.why .compare div{border-radius:var(--r-m);overflow:hidden}
.why .compare .ph{aspect-ratio:3/4}
.why .compare small{display:block;font-size:12.5px;padding:8px 2px;color:var(--ink-soft)}
.empty-room{background:repeating-linear-gradient(45deg,var(--tint) 0 10px,color-mix(in srgb,var(--line) 60%,var(--tint)) 10px 20px);aspect-ratio:3/4;display:grid;place-content:center;color:var(--ink-soft);font-size:13px;text-align:center;padding:12px}

/* =========================================================
   SOBRE MI
   ========================================================= */
.hero-sm{display:grid;grid-template-columns:1fr 1fr;background:var(--terra)}
.hero-sm .inner{color:#fff;padding:60px 48px;display:flex;flex-direction:column;justify-content:center}
.hero-sm h1{font-size:clamp(37px,5.6vw,67px);text-transform:uppercase}
.hero-sm p{font-size:16px;margin-top:14px;max-width:34ch;color:rgba(255,255,255,.92)}
.story{display:grid;grid-template-columns:1.45fr .55fr;gap:clamp(32px,5vw,72px);align-items:start}
.bio h2{font-size:clamp(24px,3.2vw,36px);color:var(--terra);text-transform:uppercase;margin-bottom:22px}
.bio p{font-size:clamp(16px,.85rem + .6vw,21px);line-height:1.7;margin-bottom:1.1em}
.story-pics{position:sticky;top:calc(var(--hdr-h) + 24px);display:grid;gap:16px}
.story-pics .ph{aspect-ratio:4/5;border-radius:var(--r-m)}
.story-pics .ph:last-child{width:78%;margin-left:auto;aspect-ratio:1/1}
.quote-band{background:var(--terra);color:#fff;padding:clamp(56px,8vw,96px) 0}
.quote-band blockquote{margin:0 auto;max-width:22ch;text-align:center;font-family:var(--f-ttl);font-weight:800;font-size:clamp(24px,3.6vw,42px);line-height:1.12}
.quote-band p{margin:0}
.quote-band blockquote::before{content:"“";display:block;font-family:var(--f-ttl);font-weight:900;font-size:80px;line-height:.6;color:var(--cream);margin-bottom:10px}
.helps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:44px}
.help{background:none;border:0;padding:0;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:10px;color:inherit}
.help{border:1.5px solid color-mix(in srgb,var(--terra) 25%,transparent);border-radius:var(--r-l);padding:30px 28px;transition:border-color .2s,transform .2s}
.help:hover{border-color:var(--terra);transform:translateY(-2px)}
.help-ic{width:76px;height:76px;border-radius:50%;background:color-mix(in srgb,var(--terra) 12%,transparent);color:var(--terra);display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.help-ic svg{width:44px;height:44px;flex:none;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.help h3{font-size:clamp(18px,1.9vw,22px);color:var(--terra-dk);text-transform:uppercase;line-height:1.05}
.help p{font-size:14.5px;color:var(--ink-soft);margin:0}
.help .textlink{color:var(--terra);align-self:flex-start}
.community{text-align:center}
.community h2{text-transform:uppercase;font-size:clamp(24px,3.4vw,37px);color:var(--terra-dk);margin-bottom:18px}
.community p{font-size:16px}

/* =========================================================
   VIDEOS
   ========================================================= */
.filters{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:28px}
.filters button{background:var(--surface);border:1.5px solid var(--line);padding:9px 18px;border-radius:30px;cursor:pointer;font-size:13.5px;font-weight:500}
.filters button[aria-pressed="true"]{background:var(--teal);border-color:var(--teal);color:#fff}
.vid-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:34px}
.vid{border-radius:var(--r-m);overflow:hidden;background:var(--surface);border:1px solid var(--line);cursor:pointer;text-align:left;padding:0}
.vid[hidden]{display:none}
.vid .thumb{aspect-ratio:16/9;position:relative}
.vid .meta{padding:15px 17px 17px}
.vid h4{font-family:var(--f-txt);font-weight:600;font-size:15px;letter-spacing:0;line-height:1.35;font-stretch:100%}
.vid small{font-size:12px;color:var(--ink-soft)}
.vid .tagv{display:inline-block;font-size:11px;font-weight:600;color:var(--teal);background:color-mix(in srgb,var(--teal) 12%,transparent);padding:2px 9px;border-radius:12px;margin-bottom:8px}

/* =========================================================
   MODAL, DRAWER, TOAST
   ========================================================= */
.scrim{position:fixed;inset:0;background:rgba(20,20,16,.55);z-index:120;display:none}
.scrim.on{display:block}
.modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-48%);opacity:0;visibility:hidden;z-index:130;width:min(560px,calc(100% - 32px));max-height:calc(100% - 40px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow:auto;background:var(--surface);color:var(--ink);border-radius:var(--r-l);padding:34px 34px 30px;transition:opacity .2s,transform .2s,visibility 0s .2s}
.modal.on{opacity:1;visibility:visible;transform:translate(-50%,-50%);transition:opacity .2s,transform .2s}
.modal h3{font-size:25px;text-transform:uppercase;color:var(--olive-dk);margin-bottom:8px}
.modal>p{font-size:14.5px;color:var(--ink-soft)}
.x{position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:50%;border:0;background:var(--tint);cursor:pointer;display:grid;place-content:center}
.x svg{width:16px;height:16px}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.field label,.field legend{font-size:13px;font-weight:600}
.field input,.field select{padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;font:inherit;font-size:15px;background:var(--paper);color:var(--ink)}
.field input:focus,.field select:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 25%,transparent)}
.field input[aria-invalid="true"]{border-color:var(--terra)}
.field .err{font-size:12.5px;color:var(--terra);min-height:0}
fieldset.field{border:0;padding:0;margin:0 0 14px}
.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.seg label{position:relative}
.seg input{position:absolute;opacity:0}
.seg span{display:block;text-align:center;padding:11px 8px;border:1.5px solid var(--line);border-radius:10px;font-size:13.5px;font-weight:500;cursor:pointer}
.seg input:checked+span{background:var(--olive);border-color:var(--olive);color:#fff}
.seg input:focus-visible+span{outline:3px solid var(--terra);outline-offset:2px}
.privacy{font-size:12px;color:var(--ink-soft);margin:6px 0 16px}
.ok-state{text-align:center;padding:10px 0}
.ok-state .ok-ic{width:66px;height:66px;border-radius:50%;background:var(--sage);display:grid;place-content:center;margin:0 auto 18px;color:var(--olive-dk)}
.ok-state .ok-ic svg{width:30px;height:30px}



/* Entrada de hero: un solo momento orquestado */
@media (prefers-reduced-motion:no-preference){
  .page .hero-copy>*{animation:rise .6s cubic-bezier(.2,.7,.2,1) both}
  .page .hero-copy>*:nth-child(2){animation-delay:.07s}
  .page .hero-copy>*:nth-child(3){animation-delay:.14s}
  .page .hero-copy>*:nth-child(4){animation-delay:.21s}
  @keyframes rise{from{opacity:0;transform:translateY(14px)}}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}


/* ---------- CABECERAS UNIFICADAS: misma altura y misma area de foto en todas las paginas ---------- */
.hero-home,.hero-st,.hero-rg,.hero-ugc,.hero-sm{height:540px;min-height:0;grid-template-rows:540px}
.hero-vid{grid-template-columns:1fr 1fr}
.hero-home>.ph,.hero-st>.ph,.hero-rg>.ph,.hero-ugc>.ph,.hero-sm>.ph{height:100%;margin:0;min-height:0}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:1060px){
}
@media (max-width:900px){
  :root{--hdr-h:62px}
  .hero-home,.hero-st{grid-template-columns:1fr 1fr}
  .hero-home .hero-copy,.hero-st .hero-copy{grid-column:1/-1}
  .hero-home,.hero-st,.hero-rg,.hero-ugc,.hero-sm{height:auto;grid-template-rows:none}
  .hero-rg,.hero-ugc,.hero-sm,.hero-vid{grid-template-columns:1fr}
  .hero-home>.ph,.hero-st>.ph,.hero-rg>.ph,.hero-ugc>.ph,.hero-sm>.ph{height:320px}
  .hero-copy,.hero-rg-l{padding:44px 26px}
  .paths,.split,.fit,.bridge,.claim,.ftr-in,.why,.stats,.vs,.notinc,.passes{grid-template-columns:1fr;gap:26px}
  .res3,.svc,.testis{grid-template-columns:1fr 1fr}
  .guides,.ig-grid{grid-template-columns:1fr 1fr}
  .vid-grid,.partners{grid-template-columns:1fr 1fr}
  .reel{margin:0 auto}
  .story{grid-template-columns:1fr}
  .story-pics{position:static;grid-template-columns:1fr 1fr}
  .story-pics .ph:last-child{width:100%;aspect-ratio:4/5}
  .helps{grid-template-columns:1fr 1fr}
  .claim .ph{margin:0 auto}
  .ftr-r{text-align:left}
  .ftr-links{justify-content:flex-start}
  .timeline .step{grid-template-columns:40px 1fr;gap:6px 18px}
  .timeline .when{grid-column:2;padding-top:0}
  .timeline .step>div:last-child{grid-column:2}
  .timeline .dot{grid-row:1/span 2}
  .yt-banner{grid-template-columns:auto 1fr}
  .yt-banner .btn{grid-column:1/-1;justify-self:start}
  .bridge-copy{padding:36px 28px}
  .path{min-height:400px}
}
@media (max-width:600px){
  .sec{padding:60px 0}
  .res3,.svc,.testis,.vid-grid,.partners,.guides{grid-template-columns:1fr}
  .notinc ul{grid-template-columns:1fr}
  .inc{grid-template-columns:1fr 1fr;gap:9px 12px}
  .inc li{font-size:12.5px;padding-left:19px}
    .partner{grid-template-columns:1fr}
  .facts{gap:20px}
  .seg{grid-template-columns:1fr}
  .modal{padding:30px 22px 24px}
  .pass-top,.pass-body{padding-left:22px;padding-right:22px}
  .band-sage .wrap{flex-direction:column;gap:12px}
  .notinc{padding:28px 24px}
    .helps{grid-template-columns:1fr}
}

/* ================= v26: cambios de la clienta ================= */
/* Lista de espera apagada: se vuelve a encender quitando la clase sin-lista del <body> */
.wl-off{display:none}
.sin-lista .wl-on{display:none}
.sin-lista .wl-off{display:inline}
.sin-lista .wl-only{display:none!important}
.sin-lista .pass-actions{grid-template-columns:1fr}
.sin-lista .pass-actions .btn-line-olive{background:var(--olive);color:#fff;box-shadow:none}
.sin-lista .pass-actions .btn-line-olive:hover{background:var(--olive-dk)}
.sin-lista .pass.prem .pass-actions .btn-line-olive{background:var(--sage);color:var(--olive-dk)}

/* Fotos: que no se corten ni los pies ni la cabeza */
.ig-grid a{aspect-ratio:3/4}
.ig-grid 
/* UGC: las dos fotos nuevas, sin pies de foto */

/* Sobre mí: la foto del elefante, completa */
.hero-sm>
/* Reel de Instagram en "Te cuento sobre mí" */
.reel-wrap{width:100%;max-width:340px;margin-left:auto;display:grid;gap:14px;justify-items:center}
.reel-embed{width:100%;aspect-ratio:9/17;border-radius:var(--r-m);overflow:hidden;background:var(--terra-dk)}
.reel-embed iframe{width:100%;height:100%;border:0;display:block}
.reel-link{color:#fff;font-size:13.5px}

@media (max-width:900px){
  .hero-sm>  .reel-wrap{margin:0 auto}
}

/* =========================================================
   CAPA DE BLOQUES — adapta el CSS del prototipo a bloques nativos
   (iconos por CSS, botones del editor, cabecera/pie, estados sin JS)
   ========================================================= */
:root{
  color-scheme:light;
  --i-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
  --i-ext:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h6v6M20 4l-9 9M18 14v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h5'/%3E%3C/svg%3E");
  --i-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");
  --i-x:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E");
  --i-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9.5' stroke-width='2'/%3E%3Cpath d='M8 12h8'/%3E%3C/svg%3E");
  --i-plus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9.5' stroke-width='2'/%3E%3Cpath d='M8 12h8M12 8v8'/%3E%3C/svg%3E");
  --i-play:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 4.5v15l13-7.5z'/%3E%3C/svg%3E");
  --i-copy:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2'%3E%3Crect x='8' y='8' width='12' height='12' rx='2'/%3E%3Cpath d='M16 8V5a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h3'/%3E%3C/svg%3E");
  --i-pin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5a7 7 0 0 1 14 0C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E");
  --i-yt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.6 7.2a2.5 2.5 0 0 0-1.8-1.8C18.2 5 12 5 12 5s-6.2 0-7.8.4A2.5 2.5 0 0 0 2.4 7.2 26 26 0 0 0 2 12a26 26 0 0 0 .4 4.8 2.5 2.5 0 0 0 1.8 1.8C5.8 19 12 19 12 19s6.2 0 7.8-.4a2.5 2.5 0 0 0 1.8-1.8A26 26 0 0 0 22 12a26 26 0 0 0-.4-4.8zM10 15V9l5.2 3z'/%3E%3C/svg%3E");
}
.has-arrow .wp-block-button__link::after,.has-ext .wp-block-button__link::after,
.ico-minus li::before,.ico-plus li::before,.inc li::before,.ico-x li::before,.prem-all::before,
.step-pin .dot::before,.yt-ic::before,.code::after,.play>div::before{
  content:"";background:currentColor;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat;flex:none
}

/* ---------- Base WordPress ---------- */
.wp-site-blocks{padding:0}
.wp-site-blocks>*,.page>*{margin-block-start:0;margin-block-end:0}
.page{min-height:60vh}
.center{text-align:center}
.pad-top{padding-top:64px}
.pad-yt{padding:24px 24px 72px}
.sec-flush{padding-top:20px}
.sec-flush2{padding-top:30px}
.ttl-olive.sec-ttl{color:var(--olive-dk)}
.ttl-wine.sec-ttl{color:var(--wine)}
.cream-wine .sec-ttl,.cream-wine .sec-sub{color:var(--wine)}
.page figure{margin:0}
.wp-block-group.wrap{margin-left:auto;margin-right:auto}
.page .wp-block-buttons{gap:12px}

/* pg-* : color de la pastilla del menú por página */
.page{--pc:var(--teal)}
.page.pg-solo{--pc:var(--olive)}
.page.pg-recursos{--pc:var(--wine)}
.page.pg-ugc{--pc:var(--olive-dk)}
.page.pg-sobremi{--pc:var(--terra)}
.page.pg-videos{--pc:var(--teal-dk)}

/* ---------- Botones nativos ---------- */
.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--f-txt);font-weight:600;font-size:13px;letter-spacing:.05em;text-transform:uppercase;padding:14px 26px;border:0;border-radius:40px;text-decoration:none;line-height:1.1;transition:transform .12s,filter .15s,background .15s;background:var(--olive);color:#fff}
.wp-block-button__link:hover{filter:brightness(1.08)}
.wp-block-button__link:active{transform:translateY(1px)}
.wp-block-button.btn-sm .wp-block-button__link{padding:10px 18px;font-size:11.5px}
.is-style-cream .wp-block-button__link{background:var(--cream);color:var(--olive-dk)}
.is-style-olive .wp-block-button__link{background:var(--olive);color:#fff}
.is-style-terra .wp-block-button__link{background:var(--terra);color:#fff}
.is-style-teal .wp-block-button__link{background:var(--teal);color:#fff}
.is-style-wine .wp-block-button__link{background:var(--wine);color:#fff}
.is-style-ink .wp-block-button__link{background:var(--ink);color:var(--paper)}
.is-style-sage .wp-block-button__link{background:var(--sage);color:var(--olive-dk)}
.is-style-acc .wp-block-button__link{background:var(--acc);color:var(--acc-ink)}
.is-style-white .wp-block-button__link{background:#fff;color:var(--teal-dk)}
.is-style-line .wp-block-button__link{background:none;color:inherit;box-shadow:inset 0 0 0 2px currentColor;padding:12px 24px}
.hero-copy .is-style-line .wp-block-button__link{color:#fff}
.hero-rg-l .is-style-line .wp-block-button__link{color:var(--wine)}
.is-style-line-olive .wp-block-button__link{background:transparent;color:var(--olive-dk);box-shadow:inset 0 0 0 1.5px var(--olive)}
.is-style-line-olive .wp-block-button__link:hover{background:color-mix(in srgb,var(--olive) 10%,transparent);filter:none}
.is-style-chip .wp-block-button__link{background:var(--surface);color:var(--ink);border:1.5px solid var(--line);padding:9px 18px;border-radius:30px;font-size:13.5px;font-weight:500;text-transform:none;letter-spacing:0}
.is-style-chip .wp-block-button__link[aria-pressed="true"]{background:var(--teal);border-color:var(--teal);color:#fff}
.has-arrow .wp-block-button__link::after{--ico:var(--i-arrow);width:14px;height:14px}
.has-ext .wp-block-button__link::after{--ico:var(--i-ext);width:14px;height:14px}
.path:hover .has-arrow .wp-block-button__link::after{transform:translateX(4px)}
.wp-block-button__link::after{transition:transform .2s}
.stretched .wp-block-button__link::before{content:"";position:absolute;inset:0;z-index:3}
.path-body .stretched .wp-block-button__link::before{inset:-520px -30px -28px -30px}
.hero-actions{margin-top:10px}
.pass-actions.wp-block-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pass-actions .wp-block-button,.pass-actions .wp-block-button__link{width:100%}
.pass-actions .wp-block-button__link{justify-content:center}
@media (max-width:520px){.pass-actions.wp-block-buttons{grid-template-columns:1fr}}
.pass .pass-actions .wp-block-button__link{width:100%}
.center.wp-block-buttons,.hero-actions.center{justify-content:center}

/* ---------- Fotos (bloque Imagen dentro de .ph) ---------- */
.ph:has(>.wp-block-image)::before{display:none}
.ph>.wp-block-image{position:absolute;inset:0;margin:0;height:100%}
.ph>.wp-block-image img{width:100%;height:100%;object-fit:cover;display:block}
.ph>*:not(.wp-block-image){position:relative;z-index:2}
.fp-01-home-foto-1 img{object-position:50% 50%}
.fp-02-home-foto-2 img{object-position:50% 60%}
.fp-03-home-sesion img{object-position:60% 72%}
.fp-04-home-guias img{object-position:50% 45%}
.fp-05-home-seguro img{object-position:30% 60%}
.fp-06-home-esim img{object-position:40% 55%}
.fp-07-home-tours img{object-position:62% 55%}
.fp-08-solo-hero-1 img{object-position:50% 62%}
.fp-09-solo-hero-2 img{object-position:50% 30%}
.fp-10-solo-quiz img{object-position:50% 50%}
.fp-11-recursos-hero img{object-position:55% 62%}
.fp-12-recursos-puente img{object-position:50% 70%}
.fp-13-ugc-hero img{object-position:50% 55%}
.fp-14-sobremi-hero img{object-position:50% 55%}
.fp-15-sobremi-2 img{object-position:50% 30%}
.fp-16-sobremi-3 img{object-position:50% 35%}
.fp-17-videos-hero img{object-position:50% 50%}
.ph-note{font-size:11px;color:#fff;padding:10px;margin:0;position:absolute!important;left:0;bottom:0}
.tvo-js .ph-note{display:none}
.rescard .ph .off{margin:0;flex:none;font-size:12px;color:var(--wine);position:absolute}

/* ---------- Cabecera ---------- */
.hdr{position:sticky;top:0;z-index:80;background:color-mix(in srgb,var(--paper) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}
.admin-bar .hdr{top:32px}
.hdr.scrolled{border-color:var(--line);box-shadow:0 6px 24px -18px rgba(0,0,0,.4)}
.hdr-in{max-width:var(--wrap);margin:0 auto;padding:0 24px;height:var(--hdr-h);display:flex;align-items:center;gap:20px}
.logo{flex:none;margin:0}
.logo img{height:44px;width:auto;display:block}
.hdr .wp-block-navigation{margin-left:auto;gap:2px;font-family:var(--f-txt);font-size:12px}
.hdr .wp-block-navigation .wp-block-navigation__container{gap:2px}
.hdr .wp-block-navigation-item__content{padding:9px 12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-radius:20px;color:var(--ink);transition:background .2s,color .35s}
.hdr .wp-block-navigation-item__content:hover{background:color-mix(in srgb,var(--ink) 7%,transparent);color:var(--ink)}
.hdr .wp-block-navigation .current-menu-item>.wp-block-navigation-item__content,.hdr .wp-block-navigation .wp-block-navigation-item__content[aria-current="page"]{background:var(--pc);color:#fff}
.hdr-tools{display:flex;align-items:center;gap:6px}
.hdr-social{margin:0;padding:0;gap:0}
.hdr-social .wp-social-link{background:none!important;margin:0}
.hdr-social .wp-social-link a{padding:8px;color:var(--ink)}
.hdr-social .wp-social-link svg{width:19px;height:19px}
.hdr-search .wp-block-search__button{background:none;border:0;color:var(--ink);padding:8px;margin:0}
.hdr-search .wp-block-search__inside-wrapper{border:0;padding:0}
.hdr-search .wp-block-search__input{border:1.5px solid var(--ink);border-radius:30px;padding:8px 14px;font:inherit;font-size:14px;background:var(--surface);color:var(--ink)}
.hdr-cta{margin-left:6px}
.hdr .wp-block-navigation__responsive-container-open{color:var(--ink)}
@media (min-width:600px) and (max-width:899px){
  .hdr .wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important}
  .hdr .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex!important}
}
@media (min-width:900px){.hdr .wp-block-navigation__responsive-container-open:not(.always-shown){display:none!important}}
@media (max-width:1060px){.hdr .wp-block-navigation-item__content{padding:8px 7px;font-size:11px}.hdr .hdr-cta{display:none}}
@media (max-width:899px){:root{--hdr-h:62px}.hdr .hdr-social{display:none}.hdr-tools{margin-left:auto}.hdr .wp-block-navigation{margin-left:0}}

/* ---------- Pie ---------- */
.ftr-logo{margin:0 0 22px}
.ftr-logo img{height:58px;width:auto;display:block}
.ftr .ftr-links{gap:10px 22px;justify-content:flex-end;margin-bottom:22px}
.ftr .ftr-links .wp-block-navigation-item__content{color:#fff;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:2px 0}
.ftr .ftr-links .wp-block-navigation-item__content:hover{text-decoration:underline}
.ftr-mail,.ftr-mail a{font-family:var(--f-ttl);font-size:21px;font-weight:800;text-decoration:none;color:#fff}
.ftr-mail a:hover{text-decoration:underline}
.ftr-bottom p{margin:0}
.ftr-legal{gap:18px}
.ftr-legal .wp-block-navigation-item__content{color:rgba(255,255,255,.75);font-size:12px;text-decoration:none;padding:0}
.ftr-legal .wp-block-navigation-item__content:hover{text-decoration:underline}
.ftr .ftr-in h3{color:#fff}
@media (max-width:899px){.ftr .ftr-links{justify-content:flex-start}}

/* ---------- Instagram (cuatro fotos fijas y editables) ---------- */
.ig-grid .wp-block-image{aspect-ratio:1/1.12;border-radius:var(--r-m);overflow:hidden;position:relative}
.ig-grid .wp-block-image img{width:100%;height:100%;object-fit:cover}
.ig-grid .wp-block-image a{display:block;height:100%}
.ig-grid .wp-block-image::after{content:"";position:absolute;inset:0;background:var(--pg);opacity:0;transition:opacity .2s;pointer-events:none}
.ig-grid .wp-block-image:hover::after{opacity:.25}
.ig-head .wp-block-button__link{background:var(--pg);color:#fff}
.ig-head p{margin:6px 0 0}

/* ---------- Home / bandas ---------- */
.band-sage p{margin:0}
.band-ttl,.band-ttl strong{font-family:var(--f-ttl);font-size:19px;font-weight:800;display:block;color:var(--cream)}
.band-sub{font-size:14.5px;color:rgba(255,255,255,.9)}
.band-sage .wrap>div{text-align:center}
.path{background:var(--olive)}
.path-body{position:relative;z-index:2}
.path-body p{margin-bottom:18px}
.path-foot.wp-block-buttons{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0}
.rescard h4{font-family:var(--f-ttl)}
.rescard p.textlink{margin:0 8px 8px}
.rescard p.textlink a{color:#fff}
.textlink a{font-weight:500;text-decoration:underline;text-underline-offset:3px;color:inherit}
.partner .textlink{display:block;margin:12px 0 0}
.partner .textlink a{color:#fff;font-size:13px}
.reel{border-radius:var(--r-m);max-width:270px;margin-left:auto;aspect-ratio:9/15;width:100%}

/* ---------- Banner YouTube ---------- */
.yt-banner{position:relative}
.yt-ic{width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-content:center}
.yt-ic::before{--ico:var(--i-yt);width:26px;height:26px;background:#fff}
.yt-banner h3{color:#fff;text-transform:uppercase}
.yt-banner p{margin:0}
.yt-banner .wp-block-buttons{margin:0}

/* ---------- Solo Travel ---------- */
.seats{display:flex;gap:5px}
.seats>div{width:13px;height:13px;border-radius:50%;background:var(--olive-dk)}
.launch .wrap p{margin:0}
.vs ul{list-style:none}
.vs h3{font-family:var(--f-ttl)}
.vs .lose h3{color:var(--olive-dk)}
.vs .win h3{color:var(--sage)}
.vs li{margin-bottom:14px;padding-left:30px;position:relative;line-height:1.5;font-size:15px}
.vs li::before{position:absolute;left:0;top:3px;width:18px;height:18px}
.ico-minus li::before{--ico:var(--i-minus)}
.ico-plus li::before{--ico:var(--i-plus)}
.vs .lose li::before{color:color-mix(in srgb,var(--olive) 55%,transparent)}
.vs .win li::before{color:var(--sage)}
.fit h2{color:#fff}
.fit-sub{margin-bottom:22px}

/* Quiz (lista -> casillas con tvo.js) */
.chips{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.chips li{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.22);color:#fff;padding:14px 18px;border-radius:12px;font-size:14.5px;line-height:1.4;text-align:left;cursor:pointer;transition:background .15s,border-color .15s}
.chips li::before{content:"";width:22px;height:22px;border-radius:6px;border:2px solid var(--sage);flex:none;transition:background .15s}
.chips li[aria-checked="true"]{background:var(--sage);color:var(--olive-dk);border-color:var(--sage)}
.chips li[aria-checked="true"]::before{background:var(--olive) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A9C480' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/14px no-repeat;border-color:var(--olive)}
.fit-result p{margin:0}
.tvo-js .fit-result>*{display:none}
.tvo-js .fit-result.one .fit-one{display:block}
.tvo-js .fit-result.many .fit-many{display:block}
.tvo-js .fit-result.many .wp-block-buttons.fit-many{display:flex}

/* Proceso */
.timeline p.dot{width:40px;height:40px;border-radius:50%;background:var(--olive);color:#fff;display:grid;place-content:center;font-family:var(--f-ttl);font-weight:900;font-size:16px;position:relative;z-index:1;margin:0;max-width:none}
.timeline .step:last-child p.dot{background:var(--sage);color:var(--olive-dk)}
.timeline p.when{font-weight:600;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--olive);padding-top:9px;margin:0;max-width:none}
.timeline>.step{display:grid;grid-template-columns:40px 150px 1fr;gap:20px;padding:20px 0;align-items:start}
.step-pin .dot::before{--ico:var(--i-pin);width:18px;height:18px;background:var(--olive-dk)}
.timeline h4{font-size:19px;margin:7px 0 6px}

/* Precios */
.pass .flag{margin:0}
.pass p{margin:0}
.pass .pass-name{margin:0}
.pass-for{margin:6px 0 18px!important}
.amt p{margin:0}
.amt .amt-now{font-family:var(--f-ttl);font-weight:900;font-size:46px;line-height:1;color:var(--ink)}
.amt .amt-was{font-size:20px;color:var(--ink-soft);text-decoration:line-through}
.amt .lbl{font-size:12.5px;font-weight:600;color:var(--terra);background:color-mix(in srgb,var(--terra) 12%,transparent);padding:4px 10px;border-radius:20px}
.inc{list-style:none;padding:0}
.inc li::before{--ico:var(--i-check);position:absolute;left:0;top:2px;width:15px;height:15px;color:var(--olive)}
.inc li.star{grid-column:1/-1;font-weight:500}
.calc p{margin:0}
.calc-ttl{margin:0 0 2px!important}
.calc-note{margin:2px 0 0!important}
.tvo-js .calc-note-sum{display:none}
.calc-note-sum{font-size:12.5px;color:var(--ink-soft)}
.addon{cursor:pointer;display:flex;align-items:center;gap:12px;font-size:13.5px;padding:12px 14px;border:1.5px dashed var(--line);border-radius:10px}
.addon label{display:flex;align-items:center;gap:12px;cursor:pointer;width:100%}
.addon input{width:18px;height:18px;accent-color:var(--olive);flex:none}
.calc .addon{background:var(--surface);border-style:solid;border-color:transparent;padding:10px 13px}
.calc .addon:has(input:checked){border-color:var(--olive)}
.prem-all{display:flex;gap:10px;align-items:center;margin:0}
.prem-all::before{--ico:var(--i-check);width:16px;height:16px;color:var(--olive)}
.prem-list{border-left:2px solid var(--sage);display:grid;gap:14px}
.prem-item{padding-left:16px;font-size:13.5px;line-height:1.45}
.prem-item p{margin:0}
.prem-item strong{display:block;font-weight:600;color:var(--olive-dk);font-size:14px}
.prem-item p+p{color:var(--ink-soft)}
.prem-item.key{border-left:4px solid var(--olive);margin-left:-3px;padding-left:15px}
.warn-strip p{margin:0}
.warn-strip::before{content:"";width:20px;height:20px;margin-top:2px;flex:none;background:var(--olive);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M12 7.5v5.5M12 16.5v.01'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M12 7.5v5.5M12 16.5v.01'/%3E%3C/svg%3E") center/contain no-repeat}
.notinc ul{list-style:none;padding:0}
.notinc li{padding-left:24px;position:relative}
.notinc li::before{--ico:var(--i-x);position:absolute;left:0;top:3px;width:15px;height:15px;color:var(--olive-dk)}
.notinc h3{font-family:var(--f-ttl)}
.testi p.q{font-family:var(--f-ttl);font-size:48px;line-height:.6;color:var(--sage);font-weight:900;flex:none;margin:0}
.testi p.who{display:block;font-size:13px;font-weight:500;color:var(--ink);flex:none;margin:0}
.faq details p{margin:0 0 22px}
.final .wp-block-buttons{justify-content:center}
.final .wp-block-heading{color:var(--pg-dk);text-transform:uppercase}

/* ---------- Recursos y guías ---------- */
.guide .cover p.pdf{position:absolute;margin:0}
.guide .cover-sub{display:block;font-size:12px;color:var(--olive);margin:6px 0 0}
.guide .cover-sage{background:var(--sage)}
.guide .cover-sage h4{color:var(--olive-dk)}
.guide .cover-mocha{background:var(--mocha)}
.guide .cover-mocha h4,.guide .cover-mocha .cover-sub,.guide .cover-teal h4,.guide .cover-teal .cover-sub{color:#fff}
.guide .cover-teal{background:var(--teal)}
.guide ul{list-style:none;padding:0}
.guide .price{margin:0}
.guide .row .wp-block-buttons{margin:0}
.partner p.lg{margin:0}
.lg-assist{background:#fff;color:#1a9ad6}
.lg-saily{background:#FFE000;color:#111}
.lg-gyg{background:#FF5533;color:#fff}
.lg-balcells{background:#E3F29A;color:#2d3a1c}
.partner .acts p{margin:0}
.partner .acts .disc{font-size:12px;color:var(--wine)}
.partner .acts .auto{font-size:12.5px;color:rgba(255,255,255,.85);background:none;padding:0}
.partner p.small{font-size:12px;margin:8px 0 0}
.code{display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.partner .acts p.code{color:#fff;font-size:12.5px;padding:6px 8px 6px 12px}
.code::after{--ico:var(--i-copy);width:14px;height:14px}

/* ---------- UGC ---------- */
.why-text{color:var(--ink-soft);font-size:15.5px}
.why .compare>div{border-radius:var(--r-m);overflow:hidden}
.why .compare .cap{display:block;font-size:12.5px;padding:8px 2px;color:var(--ink-soft);margin:0}
.empty-room p{margin:0}
.svc h4{font-family:var(--f-ttl)}
.svc p{margin:0}
.brands-ttl{text-align:center;font-size:22px;color:var(--olive-dk);margin-top:60px!important;text-transform:uppercase}
.fitbrands{list-style:none;padding:0}
.fitbrands li{background:var(--surface);border:1.5px solid var(--terra);color:var(--terra-dk);border-radius:30px;padding:11px 22px;font-size:14px;font-weight:500}
.cta-ttl{font-size:clamp(22px,3.0vw,32px);text-transform:uppercase;margin-bottom:16px!important;color:#fff}
.cta-sub{color:rgba(255,255,255,.9)}

/* ---------- Sobre mí ---------- */
.hero-sm p{margin-top:14px}
.quote-band .wp-block-quote{margin:0 auto;max-width:22ch;text-align:center;font-family:var(--f-ttl);font-weight:800;font-size:clamp(24px,3.6vw,42px);line-height:1.12;border:0;padding:0}
.quote-band .wp-block-quote::before{content:"“";display:block;font-family:var(--f-ttl);font-weight:900;font-size:80px;line-height:.6;color:var(--cream);margin-bottom:10px}
.quote-band .wp-block-quote p{margin:0}
.help{position:relative}
.help .help-ic{margin-bottom:10px}
.help p.textlink{color:var(--terra);align-self:flex-start}
.help .textlink a::before{content:"";position:absolute;inset:0}
.help .textlink a{color:var(--terra)}
.help h3{font-family:var(--f-ttl)}
.community h2{font-family:var(--f-ttl);color:var(--terra-dk)}

/* ---------- Vídeos ---------- */
.filters.wp-block-buttons{justify-content:center;margin-top:28px;flex-wrap:wrap}
.vid .play{position:absolute;inset:0;display:grid;place-content:center;z-index:2}
.play>div{width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-content:center;color:var(--wine);transition:transform .2s}
.play>div::before{--ico:var(--i-play);width:20px;height:20px;margin-left:3px}
.pg-videos .play>div{color:var(--teal)}
.vid:hover .play>div,.reel:hover .play>div{transform:scale(1.08)}
.vid .thumb{aspect-ratio:16/9;position:relative}
.vid h4{font-family:var(--f-txt)}
.vid p{margin:0}
.vid .tagv{display:inline-block;margin-bottom:8px}
.vid .vid-dur{font-size:12px;color:var(--ink-soft)}
.vid[hidden],.vid.is-hidden{display:none}
.page.pg-videos .vid .ph{background-image:linear-gradient(150deg,var(--teal-dk),var(--teal) 55%,var(--teal-lt))}
.page.pg-videos .vid:nth-child(even) .ph{background-image:linear-gradient(150deg,var(--teal-lt),var(--teal) 50%,var(--teal-dk))}

/* ---------- Modal de lista de espera / boletín ---------- */
.scrim{position:fixed;inset:0;background:rgba(20,20,16,.55);z-index:120;display:none}
.scrim.on{display:block}
.modal .x::before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:var(--i-x) center/contain no-repeat;mask:var(--i-x) center/contain no-repeat}
.ok-state .ok-ic::before{content:"";width:30px;height:30px;background:currentColor;-webkit-mask:var(--i-check) center/contain no-repeat;mask:var(--i-check) center/contain no-repeat}
.form-pending{font-size:13px;color:var(--terra);margin:10px 0 0}
.form-pending[hidden]{display:none}
.nl button{font-family:var(--f-txt)}
.hp{position:absolute;left:-9999px}

/* ---------- Animación de entrada del hero ---------- */
@media (prefers-reduced-motion:no-preference){
  .page .hero-copy>*{animation:rise .6s cubic-bezier(.2,.7,.2,1) both}
  .page .hero-copy>*:nth-child(2){animation-delay:.07s}
  .page .hero-copy>*:nth-child(3){animation-delay:.14s}
  .page .hero-copy>*:nth-child(4){animation-delay:.21s}
}

.pad-text{padding:64px 24px}

/* ---------- Contenedor de foto (.ph): degradado de respaldo mientras no hay imagen ---------- */
.ph{position:relative;overflow:hidden;background:linear-gradient(150deg,var(--teal-lt),var(--sage) 55%,var(--cream-dp));background-size:cover;background-position:center}
.ph::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 25%,rgba(255,255,255,.28),transparent 45%)}
.ph.v2{background-image:linear-gradient(150deg,var(--terra),var(--mocha) 55%,var(--cream-dp))}
.ph.v3{background-image:linear-gradient(150deg,var(--olive),var(--sage) 60%,var(--cream))}
.ph.v4{background-image:linear-gradient(150deg,var(--wine),var(--terra) 50%,var(--mocha))}
.ph.v5{background-image:linear-gradient(150deg,var(--teal-dk),var(--teal) 45%,var(--sage))}

/* afinados tras revisión visual */
.page .ftr-logo{margin:0 0 22px;height:auto}
.ftr-links .wp-block-navigation__container{gap:10px 22px}
.ftr-legal .wp-block-navigation__container{gap:18px}
.wp-block-list.ico-minus,.wp-block-list.ico-plus,.wp-block-list.inc,.wp-block-list.ico-x,.wp-block-list.chips,.wp-block-list.fitbrands,.guide .wp-block-list{list-style:none;padding:0;margin:0}
.pay-note{font-size:12px;color:var(--ink-soft);margin:0;text-align:center}
.partner p.lg-assist{color:#1a9ad6}
.partner p.lg-saily{color:#111}
.partner p.lg-gyg{color:#fff}
.partner p.lg-balcells{color:#2d3a1c}
.partner p.lg{margin:0;line-height:1}
@media (max-width:899px){.hdr .hdr-tools{order:2;margin-left:auto}.hdr .wp-block-navigation{order:3;margin-left:0}}

/* ajustes tras comparar con el prototipo (medición de tamaños y estilos) */
.page .ftr-logo{width:fit-content}
.ftr p.ftr-mail{font-size:21px;color:#fff;max-width:none;margin:0}
.wp-block-button{line-height:0}
.sec-flush .vs{margin-top:8px}
.rescard p.textlink{flex:none}
.partner .textlink{width:fit-content}
.help p.textlink{font-size:16px}
.wp-block-list.fitbrands{margin-top:30px}
.vid .vid-dur{font-size:12px;line-height:2.2}
.is-style-chip .wp-block-button__link{line-height:1.65}
.wp-block-button.btn-sm{padding:0;font-size:inherit;background:none;border-radius:0}
.partner .acts p,.partner p.textlink{line-height:1.65}
@media (max-width:900px){
  .timeline>.step{grid-template-columns:40px 1fr;gap:6px 18px}
  .timeline p.when{grid-column:2;padding-top:0}
  .timeline .step>div:last-child{grid-column:2}
  .timeline p.dot{grid-row:1/span 2}
}

/* =========================================================
   ANIMACIONES DEL PROTOTIPO (idénticas)
   ========================================================= */
/* Rebote del precio al cambiar */
.amt .amt-now.up{animation:bump .3s ease}

/* Menú: burbuja de hover que "se asoma" */
.hdr .wp-block-navigation-item__content{position:relative;z-index:2}
.hdr .wp-block-navigation-item__content::before{content:"";position:absolute;inset:3px 4px;border-radius:20px;background:color-mix(in srgb,var(--ink) 7%,transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--ink) 16%,transparent);transform:scale(.55,.35);opacity:0;z-index:-1;transition:transform .45s cubic-bezier(.3,1.6,.5,1),opacity .25s;pointer-events:none}
.hdr .wp-block-navigation-item__content:hover{background:none}
.hdr .wp-block-navigation-item__content:not([aria-current]):hover::before,.hdr .wp-block-navigation-item__content:not([aria-current]):focus-visible::before{transform:scale(1);opacity:1}
.hdr .wp-block-navigation-item__content[aria-current]::before{display:none}

/* Menú: gota líquida (la crea tvo.js; sin JS queda la pastilla fija de arriba) */
.hdr .wp-block-navigation{position:relative}
.tvo-goo{--pcx:var(--pc)}
.tvo-goo .goo{position:absolute;inset:-12px;z-index:1;filter:url(#goo);pointer-events:none}
.tvo-goo .blob{position:absolute;top:12px;height:calc(100% - 24px);border-radius:30px;background:var(--pcx);transition:background .45s;will-change:left,width}
.tvo-goo .blob.tail{opacity:.95;transition:background .45s,left .38s cubic-bezier(.4,0,.2,1),width .38s cubic-bezier(.4,0,.2,1)}
@media (min-width:900px){
  .tvo-goo .current-menu-item>.wp-block-navigation-item__content,.tvo-goo .wp-block-navigation-item__content[aria-current="page"]{background:none;color:#fff}
}
@media (max-width:899px){.hdr .goo{display:none}}

/* Aviso "código copiado" */
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);opacity:0;z-index:150;background:var(--ink);color:var(--paper);padding:13px 20px;border-radius:30px;font-size:14px;font-weight:500;transition:opacity .2s,transform .2s;pointer-events:none;display:flex;align-items:center;gap:10px;max-width:calc(100% - 32px);margin:0}
.toast.on{opacity:1;transform:translate(-50%,0)}
.toast::before{content:"";width:16px;height:16px;flex:none;background:var(--sage);-webkit-mask:var(--i-check) center/contain no-repeat;mask:var(--i-check) center/contain no-repeat}
.toast-msg{display:none}
@media (prefers-reduced-motion:reduce){.tvo-goo .blob{transition:none}}

/* blindaje frente a estilos globales de otros plugins (p. ej. el "kit" de Elementor) */
.page{font-family:var(--f-txt);font-weight:300;font-size:16px;line-height:1.65;color:var(--ink);background:var(--paper)}

/* correcciones tras la comparación estricta con el prototipo */
/* botón del boletín del pie: color de acento de cada página (igual que .btn-acc) */
.nl button.wp-block-button__link{background:var(--acc);color:var(--acc-ink);cursor:pointer}
@media (min-width:601px){.nl button.wp-block-button__link{min-height:49px}}
/* botones de formularios con el estilo escrito en el propio botón */
button.wp-block-button__link.is-style-olive{background:var(--olive);color:#fff}
button.wp-block-button__link.is-style-teal{background:var(--teal);color:#fff}
/* texto de botones que el prototipo colorea aparte */
.pg-home .path .is-style-cream .wp-block-button__link{color:var(--teal-dk)}
.hero-sm .is-style-cream .wp-block-button__link{color:var(--terra-dk)}
/* pie */
.ftr .ftr-bottom p{font-size:12px;color:rgba(255,255,255,.75);max-width:none}
.ftr .ftr-links .wp-block-navigation-item__content{display:inline-block;line-height:1.65}

/* banner de YouTube en tablet y móvil: el botón ocupa su propia fila (en el prototipo era .btn) */
@media (max-width:900px){.yt-banner>.wp-block-buttons{grid-column:1/-1;justify-self:start}}

/* Cabecera: el desenfoque va en un pseudo-elemento. Con backdrop-filter en la propia cabecera, el menú móvil
   (position:fixed) quedaba atrapado dentro de la barra de 68 px y no se podía desplegar. */
.hdr{background:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.hdr::before{content:"";position:absolute;inset:0;z-index:-1;background:color-mix(in srgb,var(--paper) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}

/* Menú móvil desplegado: como el del prototipo (a la izquierda, filas amplias, pastilla en la página activa) */
.hdr .wp-block-navigation__responsive-container.is-menu-open{background:var(--paper);color:var(--ink);padding:calc(var(--hdr-h) + 8px) 24px 24px;--navigation-layout-justification-setting:flex-start;--navigation-layout-align:stretch}
.hdr .is-menu-open .wp-block-navigation__responsive-container-content{padding:0;align-items:stretch}
.hdr .is-menu-open .wp-block-navigation__container{flex-direction:column;align-items:stretch;gap:2px;width:100%}
.hdr .is-menu-open .wp-block-navigation-item{width:100%}
.hdr .is-menu-open .wp-block-navigation-item__content{display:block;padding:14px;font-size:14px;line-height:1.3;border-radius:10px;text-align:left}
.hdr .is-menu-open .current-menu-item>.wp-block-navigation-item__content,.hdr .is-menu-open .wp-block-navigation-item__content[aria-current="page"]{background:var(--pc);color:#fff}
.hdr .is-menu-open .wp-block-navigation-item__content::before{display:none}
.hdr .wp-block-navigation__responsive-container-close{top:calc((var(--hdr-h) - 40px) / 2);right:14px;padding:8px;color:var(--ink)}
.hdr .wp-block-navigation__responsive-container-open{padding:8px}

/* (mayor especificidad: el núcleo de WordPress fija estos valores con selectores largos) */
html body .hdr nav.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open{background-color:var(--paper)!important;color:var(--ink)!important;padding:calc(var(--hdr-h) + 8px) 24px 24px!important}
html body .hdr nav.wp-block-navigation .is-menu-open .wp-block-navigation__responsive-container-content{padding:0!important;align-items:stretch!important;width:100%}
html body .hdr nav.wp-block-navigation .is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{flex-direction:column!important;align-items:stretch!important;gap:2px!important;width:100%}
html body .hdr nav.wp-block-navigation .is-menu-open .wp-block-navigation-item{width:100%;align-items:stretch}
html body .hdr nav.wp-block-navigation .is-menu-open .wp-block-navigation-item .wp-block-navigation-item__content{display:block;width:100%;padding:14px!important;font-size:14px;line-height:1.3;border-radius:10px;text-align:left}
html body .hdr nav.wp-block-navigation .is-menu-open .current-menu-item>.wp-block-navigation-item__content,html body .hdr nav.wp-block-navigation .is-menu-open .wp-block-navigation-item__content[aria-current="page"]{background:var(--pc);color:#fff}

/* Buscador en móvil: al abrirse, el campo ocupa una fila bajo el encabezado y no empuja el botón del menú */
@media (max-width:899px){
  .hdr .hdr-search,.hdr .hdr-search .wp-block-search__inside-wrapper{position:static}
  .hdr .hdr-search .wp-block-search__inside-wrapper{width:40px!important;min-width:0!important}
  .hdr .hdr-search:has(.wp-block-search__button[aria-expanded="true"]) .wp-block-search__input{position:absolute;left:24px;right:24px;top:calc(100% + 8px);width:auto!important;min-width:0;z-index:5;box-shadow:0 10px 26px -14px rgba(0,0,0,.45)}
  /* zonas táctiles del pie de al menos 40 px */
  .ftr .ftr-links .wp-block-navigation-item__content,.ftr .ftr-legal .wp-block-navigation-item__content{padding-top:10px;padding-bottom:10px}
  .ftr .ftr-mail a{display:inline-block;padding:8px 0}
}

/* =========================================================
   v26 — cambios de la clienta (12 de octubre)
   ========================================================= */
/* 4. Lista de espera apagada. Para encenderla: borrar la regla .lista-espera, invertir .le-activa / .le-apagada
      y apuntar los botones al formulario (#reservar) en lugar del pago. El formulario y la ventana siguen creados. */
.lista-espera{display:none!important}
.le-activa{display:none!important}
.pass-actions.wp-block-buttons{grid-template-columns:1fr}
.mt-44{margin-top:44px}

/* 1 y 3. Fotos que cortaban la cabeza o los pies */
.fp-13-ugc-hero img{object-position:50% 33%}
.fp-01-home-foto-1 img{object-position:40% 100%}
.fp-02-home-foto-2 img{object-position:50% 100%}
.fp-08-solo-hero-1 img{object-position:50% 100%}
.ig-grid .wp-block-image{aspect-ratio:3/4}
.ig-grid .fp-07-home-tours img{object-position:70% 100%}

/* 2. UGC: las dos fotos nuevas, sin pies de foto */
.fp-20-ugc-habitacion img{object-position:50% 50%}
.fp-21-ugc-experiencia img{object-position:50% 40%}

/* 5. Reel de Instagram */
.reel-wrap{width:100%;max-width:340px;margin-left:auto;display:grid;gap:14px;justify-items:center}
.reel-embed{width:100%;aspect-ratio:9/17;border-radius:var(--r-m);overflow:hidden;background:var(--terra-dk)}
.reel-embed iframe{width:100%;height:100%;border:0;display:block}
.reel-link{color:#fff;font-size:13.5px;font-weight:500;text-decoration:underline;text-underline-offset:3px}

/* 8. Sobre mí: la foto del elefante, completa */
.hero-sm>.ph{background:var(--terra)}
.hero-sm>.ph::before{display:none}
.hero-sm>.ph>.wp-block-image{inset:30px 0;height:auto}
.hero-sm>.ph>.wp-block-image img{object-fit:contain;object-position:50% 50%}
@media (max-width:900px){
  .reel-wrap{margin:0 auto}
  .hero-sm>.ph{height:auto;aspect-ratio:4/5}
  .hero-sm>.ph>.wp-block-image{inset:0;height:100%}
  .hero-sm>.ph>.wp-block-image img{object-fit:cover;object-position:50% 35%}
}