/* Dr Ogo Eze — recreation of the drayulianamorales.com design system (Raleway, marfil/caramelo) */
.ym{--caramelo:#bfa58a;--marfil:#f4f3eb;--gris:#c1bdb7;--negro:#0b0c0c;--bg:var(--marfil);--bg-alt:#fbfaf5;--text:var(--negro);--muted:color-mix(in srgb,var(--negro) 62%,var(--marfil));--accent:var(--caramelo);--eyebrow:#8a6f4f;--line:color-mix(in srgb,var(--negro) 12%,transparent);--soft:color-mix(in srgb,var(--gris) 45%,var(--marfil));--on-accent:var(--negro);--r:20px;--r-lg:28px;--gutter:clamp(20px,5vw,64px);--sect:clamp(72px,11vw,152px);--hdr-h:82px;
  margin:0;background:var(--bg);color:var(--text);font-family:"Raleway",system-ui,sans-serif;font-weight:400;line-height:1.65;-webkit-font-smoothing:antialiased;transition:background-color .4s ease,color .4s ease}
.ym[data-theme=dark]{--bg:var(--negro);--bg-alt:#131414;--text:var(--marfil);--muted:var(--gris);--eyebrow:var(--caramelo);--line:color-mix(in srgb,var(--marfil) 16%,transparent);--soft:#191a1a}
.ym *{box-sizing:border-box}
.ym img{display:block;max-width:100%}
.ym a{color:inherit;text-decoration:none}
html{scroll-behavior:smooth;scroll-padding-top:90px}
.skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--accent);padding:8px 14px;border-radius:999px}
.skip:focus{left:12px}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* type */
.ym .eyebrow{font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0 0 20px}
.ym .display{font-size:clamp(40px,7.4vw,92px);line-height:1.02;letter-spacing:-.015em;margin:0;font-weight:300}
.ym .h2{font-weight:300;white-space:pre-line;font-size:clamp(30px,4.6vw,56px);line-height:1.08;letter-spacing:-.01em;margin:0 0 24px}
.ym .h3{font-weight:700;font-size:clamp(18px,2vw,22px);line-height:1.25;letter-spacing:.01em;margin:0 0 10px}
.ym .lead{font-size:clamp(16px,1.5vw,19px);font-weight:300;color:var(--muted);margin:0}
.ym .body{font-size:16px;color:var(--muted);margin:0}
.ym .small{font-size:14px;color:var(--muted);margin:0}
.ym .firma{font-size:12px;font-weight:300;letter-spacing:.35em;text-transform:uppercase;color:var(--muted);margin:0}
.ym .center{text-align:center}
.ph{background:color-mix(in srgb,var(--caramelo) 30%,transparent);padding:0 4px;border-radius:4px;color:var(--text)}

/* layout */
.ym .wrap{max-width:1360px;margin:0 auto;padding:0 var(--gutter)}
.ym .narrow{max-width:760px}
.ym section{padding-block:var(--sect)}
.ym section.alt{background:var(--bg-alt)}
.ym .rule{height:1px;background:var(--line);border:0;margin:0 0 32px}
.ym .grid{display:grid;gap:16px}
.ym .g4{grid-template-columns:repeat(4,1fr)}
@media (max-width:900px){.ym .g4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.ym .g4{grid-template-columns:1fr}}

/* buttons */
.ym .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 28px;border-radius:999px;border:1px solid transparent;font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:transform .25s ease,background-color .25s ease,color .25s ease,border-color .25s ease;background:var(--accent);color:var(--on-accent);font-family:inherit;line-height:1.2}
.ym .btn:hover{transform:translateY(-2px)}
.ym .btn-ghost{background:transparent;color:var(--text);border-color:var(--line);text-transform:none;letter-spacing:.04em;font-size:14px}
.ym .btn-ghost:hover{border-color:var(--accent)}
.ym .btn-light{background:var(--marfil);color:var(--negro);border-color:var(--line)}

/* header */
.ym .hdr{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px calc(var(--gutter) + 14px);transition:background-color .35s ease,backdrop-filter .35s ease,border-color .35s ease;border-bottom:1px solid transparent}
.ym .hdr[data-solid=true]{background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--line)}
.ym .hdr-logo{display:flex;flex-direction:column;width:168px;color:var(--text);line-height:1}
.logo-name{font-size:18px;font-weight:300;letter-spacing:.06em;white-space:nowrap}
.logo-sub{font-size:6.6px;letter-spacing:.32em;margin-top:5px;white-space:nowrap;opacity:.8}
.ym .nav{display:flex;gap:30px}
.ym .nav a{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;padding-bottom:3px;border-bottom:1px solid transparent;transition:border-color .25s ease}
.ym .nav a:hover{border-bottom-color:currentColor}
.ym .hdr-right{display:flex;align-items:center;gap:14px}
.ym .icon-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer;transition:border-color .25s ease,transform .4s ease}
.ym .icon-btn:hover{border-color:var(--accent);transform:rotate(18deg)}
.ym .menu-btn{display:none}
.menu{position:fixed;inset:68px 12px auto 12px;z-index:49;background:var(--bg-alt);border:1px solid var(--line);border-radius:var(--r);padding:18px 22px;display:flex;flex-direction:column;gap:4px}
.menu[hidden]{display:none}
.menu a{padding:12px 0;font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;border-bottom:1px solid var(--line)}
.menu a.btn{margin-top:14px;border-bottom:0}
@media (max-width:900px){.ym{--hdr-h:68px}.ym .nav{display:none}.ym .hdr{padding:14px calc(var(--gutter) + 4px)}.ym .hdr-logo{width:150px}.logo-name{font-size:16px}.logo-sub{font-size:6px}.ym .hdr-right>.btn{display:none}.ym .menu-btn{display:grid}.ym .menu-btn:hover{transform:none}}

/* ===== HERO JOURNEY ===== */
.ym .journey{padding:0;position:relative;height:var(--journey-h,720vh);background:var(--negro)}
.journey-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.journey-media,.journey-media>*{position:absolute;inset:0}
.journey-media img,.journey-media video{width:100%;height:100%;object-fit:cover;object-position:var(--focus-x,56%) 50%}
.journey-media video{opacity:0;transition:opacity .5s ease}
.journey.is-ready .journey-media video{opacity:1}
.journey-still{display:none}
.journey-shade{background:linear-gradient(96deg,color-mix(in srgb,var(--marfil) 94%,transparent) 0,color-mix(in srgb,var(--marfil) 86%,transparent) 26%,color-mix(in srgb,var(--marfil) 50%,transparent) 42%,transparent 58%);opacity:var(--shade,0);pointer-events:none}
.journey-intro{position:absolute;left:0;right:0;bottom:56px;display:flex;justify-content:space-between;align-items:flex-end;padding:0 calc(var(--gutter) + 14px);color:var(--marfil);opacity:var(--intro,1);transition:opacity .2s linear;text-shadow:0 1px 18px rgba(11,12,12,.35)}
.journey-intro .eyebrow{color:var(--marfil);margin:0}
.journey-cue{margin:0;font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}
.journey-cue span{display:inline-block;animation:cue 1.8s ease-in-out infinite}
@keyframes cue{50%{transform:translateY(5px)}}
.journey-end{position:absolute;inset:0;display:flex;align-items:center;padding:calc(var(--hdr-h) + 10px) var(--gutter) 40px;pointer-events:none}
.journey-end .hero-body{max-width:min(640px,48%);padding:0 14px;color:var(--negro)}
.journey .hero-body .display{font-size:clamp(34px,4.6vw,72px)}
.journey .hero-body .eyebrow{color:#8a6f4f}
.journey .hero-body .lead{color:rgba(11,12,12,.75);max-width:44ch;margin-top:22px}
.journey .hero-body .btn-ghost{color:var(--negro);border-color:rgba(11,12,12,.18)}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
/* staged reveal, like the reference's blur-rise */
.journey-end .hero-body>*{opacity:0;transform:translateY(28px);filter:blur(8px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1),filter 1.1s cubic-bezier(.2,.7,.2,1)}
.journey.is-end .journey-end{pointer-events:auto}
.journey.is-end .journey-end .hero-body>*{opacity:1;transform:none;filter:none}
.journey.is-end .journey-end .hero-body>:nth-child(2){transition-delay:.1s}
.journey.is-end .journey-end .hero-body>:nth-child(3){transition-delay:.22s}
.journey.is-end .journey-end .hero-body>:nth-child(4){transition-delay:.34s}
.journey-bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(244,243,235,.25)}
.journey-bar i{display:block;height:100%;width:100%;transform-origin:left;transform:scaleX(var(--p,0));background:var(--caramelo)}
.journey-skip{position:absolute;right:calc(var(--gutter) + 14px);top:calc(var(--hdr-h) + 18px);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--marfil);text-shadow:0 1px 14px rgba(11,12,12,.4);opacity:var(--intro,1)}
.journey.is-end .journey-skip{pointer-events:none}
@media (max-aspect-ratio:1/1){
  .journey-media img,.journey-media video{object-position:50% 50%}
  .journey-still img{object-position:72% 50%}
  .journey-shade{background:linear-gradient(to top,color-mix(in srgb,var(--marfil) 97%,transparent) 0,color-mix(in srgb,var(--marfil) 90%,transparent) 30%,color-mix(in srgb,var(--marfil) 40%,transparent) 46%,transparent 58%)}
  .journey-end{align-items:flex-end;padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  .journey-end .hero-body{max-width:none;padding:0 4px}
  .journey .hero-body .lead{margin-top:14px;font-size:15px}
  .journey .hero-cta{margin-top:20px}
  .journey-intro{flex-direction:column;align-items:flex-start;gap:10px;bottom:90px}
}
/* reduced motion: static final frame + headline */
@media (prefers-reduced-motion:reduce){
  .ym .journey{height:auto}
  .journey-pin{position:relative}
  .journey-media video,.journey-poster,.journey-intro,.journey-bar,.journey-skip{display:none}
  .journey-still{display:block}
  .journey-shade{opacity:1}
  .journey-end{pointer-events:auto}
  .journey-end .hero-body>*{opacity:1;transform:none;filter:none;transition:none}
}
.journey.no-video .journey-media video{display:none}

/* fact strip */
.ym .franja-datos{padding-block:clamp(34px,4.5vw,56px)}
.ym .franja-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ym .franja-grid>*{padding:clamp(22px,2.6vw,32px) clamp(18px,2.2vw,30px)}
.ym .franja-grid>*+*{border-left:1px solid var(--line)}
.ym .franja-grid dt{margin-bottom:10px}
.ym .franja-grid dd{margin:0}
.ym .franja-valor{font-size:clamp(16px,1.5vw,19px);font-weight:300;line-height:1.45;color:var(--text)}
@media (max-width:900px){.ym .franja-grid{grid-template-columns:repeat(2,1fr)}.ym .franja-grid>:nth-child(odd){border-left:0}.ym .franja-grid>:nth-child(n+3){border-top:1px solid var(--line)}}
@media (max-width:520px){.ym .franja-grid{grid-template-columns:1fr}.ym .franja-grid>*+*{border-left:0;border-top:1px solid var(--line)}}

/* marquee strips */
.ym .cinta{overflow:hidden;margin-top:clamp(36px,5vw,64px)}
.ym .cinta-pista{display:flex;gap:16px;width:max-content;animation:cinta calc(var(--n) * 9s) linear infinite}
@keyframes cinta{to{transform:translateX(calc(-50% - 8px))}}
.ym .cinta:hover .cinta-pista,.ym .cinta:focus-within .cinta-pista,.ym .cinta.dragging .cinta-pista{animation-play-state:paused}
.ym .cinta-item{width:clamp(300px,33vw,500px);flex:0 0 auto;margin:0}
.ym .cinta-item figcaption{margin-top:12px}
.ym .cinta-pista-nota{text-align:center;margin:22px auto 0}
.ym .cinta-sonrisas .cinta-pista{animation-duration:calc(var(--n) * 6s)}
.ym .cinta-item-sonrisa{width:clamp(210px,22vw,310px)}
.ym .cinta-reels .cinta-pista{animation-duration:calc(var(--n) * 13s)}
.ym .cinta-item-reel{width:clamp(250px,24vw,340px)}
@media (prefers-reduced-motion:reduce){.ym .cinta{overflow-x:auto}.ym .cinta-pista{animation:none}}

/* before/after */
.ym .ba{position:relative;border-radius:var(--r);overflow:hidden;background:var(--soft);aspect-ratio:4/3;user-select:none}
.ym .ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ym .ba-top{clip-path:inset(0 calc(100% - var(--x,50%)) 0 0)}
.ym .ba-handle{position:absolute;left:var(--x,50%);top:0;bottom:0;width:2px;transform:translateX(-1px);background:var(--marfil);pointer-events:none}
.ym .ba-knob{position:absolute;left:var(--x,50%);top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:999px;display:grid;place-items:center;color:var(--negro);background:var(--marfil);pointer-events:none;font-size:15px;letter-spacing:-.05em}
.ym .ba-lbl{position:absolute;bottom:14px;font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#f4f3eb;background:rgba(11,12,12,.55);padding:6px 12px;border-radius:999px;pointer-events:none}
.ym .ba-lbl.a{left:14px}.ym .ba-lbl.b{right:14px}
.ym .ba input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}

/* shots */
.ym .shot{position:relative;border-radius:var(--r);overflow:hidden;background:var(--soft);aspect-ratio:4/5}
.ym .shot img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.ym .shot:hover img{transform:scale(1.045)}

/* closing lines */
.ym .cierre{margin-top:clamp(32px,4vw,48px)}
.ym .cierre-liga{color:var(--text);font-weight:500;white-space:nowrap;border-bottom:1px solid var(--accent);padding-bottom:2px;transition:color .25s ease}
.ym .cierre-liga:after{content:" →";color:var(--accent)}
.ym .cierre-liga:hover{color:var(--accent)}

/* criteria sticky viewer */
.ym .criterio{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,84px);align-items:start;margin-top:clamp(28px,4vw,48px)}
.ym .criterio-visor{position:sticky;top:calc(var(--hdr-h) + 40px)}
.ym .criterio-marco{position:relative;aspect-ratio:4/5;border-radius:var(--r);overflow:hidden;background:var(--soft)}
.ym .criterio-marco img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.2,1)}
.ym .criterio-marco img[data-activa=true]{opacity:1}
.ym .criterio-contador{margin:16px 0 0;font-size:12px;font-weight:300;letter-spacing:.24em;color:var(--muted)}
.ym .criterio-contador span{color:var(--accent)}
.ym .criterio-lista{list-style:none;margin:0;padding:0}
.ym .criterio-lista li{display:grid;grid-template-columns:clamp(52px,6vw,78px) 1fr;gap:clamp(12px,2vw,24px);padding:clamp(24px,3vw,34px) 0;border-top:1px solid var(--line)}
.ym .criterio-lista li:last-child{border-bottom:1px solid var(--line)}
.ym .criterio-num{margin:0;font-size:clamp(22px,2.6vw,30px);font-weight:300;line-height:1;color:var(--muted);opacity:.55;transition:color .5s ease,opacity .5s ease}
.ym .criterio-lista li[data-activo=true] .criterio-num{color:var(--accent);opacity:1}
.ym .criterio-lista li[data-activo=true] .body{color:var(--text)}
.ym .criterio-lista .body{transition:color .5s ease}
.ym .criterio-foto-movil{display:none}
@media (max-width:900px){.ym .criterio{grid-template-columns:1fr;gap:0}.ym .criterio-visor{display:none}.ym .criterio-foto-movil{display:block;position:relative;aspect-ratio:3/2;margin:18px 0 0;border-radius:var(--r);overflow:hidden;background:var(--soft)}.ym .criterio-foto-movil img{width:100%;height:100%;object-fit:cover}}

/* treatments */
.ym .trat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,84px);align-items:start}
.ym .trat-fijo{position:sticky;top:calc(var(--hdr-h) + 40px)}
.ym .trat-foto{aspect-ratio:4/3;margin-top:28px}
.ym .trat-indice{list-style:none;margin:0;padding:0}
.ym .trat-indice li{display:grid;grid-template-columns:clamp(38px,4vw,54px) 1fr;gap:12px;padding:22px 0;border-bottom:1px solid var(--line);transition:border-color .4s ease}
.ym .trat-num{font-size:13px;letter-spacing:.14em;color:var(--muted);transition:color .4s ease;padding-top:3px}
.ym .trat-indice li:hover{border-color:var(--accent)}
.ym .trat-indice li:hover .trat-num{color:var(--accent)}
.ym .trat-nota{margin-top:22px}
@media (max-width:900px){.ym .trat{grid-template-columns:1fr}.ym .trat-fijo{position:static}}

/* method */
.ym .metodo-fotos{display:grid;grid-template-columns:repeat(auto-fit,minmax(196px,1fr));gap:clamp(20px,2.4vw,34px);margin:clamp(28px,4vw,48px) 0 clamp(12px,1.6vw,20px)}
.ym .metodo-foto{margin:0}
.ym .metodo-foto .shot{aspect-ratio:4/3}
.ym .metodo-linea{list-style:none;margin:46px 0 0;padding:0;position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(196px,1fr));gap:clamp(20px,2.4vw,34px)}
.ym .metodo-linea:before,.ym .metodo-linea:after{content:"";position:absolute;top:2px;left:0;right:0;height:1px}
.ym .metodo-linea:before{background:var(--line)}
.ym .metodo-linea:after{background:var(--accent);transform-origin:left;transform:scaleX(var(--trazo,0));transition:transform .2s linear}
.ym .metodo-linea li{position:relative;padding-top:27px}
.ym .metodo-punto{position:absolute;top:0;left:0;width:5px;height:5px;border-radius:50%;background:var(--accent)}
.ym .metodo-num{margin:0 0 10px;font-size:12px;letter-spacing:.24em;color:var(--muted)}
.ym .concept-note{margin-top:28px;font-size:12px}
@media (max-width:700px){.ym .metodo-fotos{grid-template-columns:1fr 1fr}.ym .metodo-fotos .metodo-foto:last-child{grid-column:1/-1}.ym .metodo-linea{grid-template-columns:1fr;margin-top:24px;padding:0 0 0 26px;gap:30px}.ym .metodo-linea:before,.ym .metodo-linea:after{top:6px;bottom:6px;right:auto;left:0;width:1px;height:auto}.ym .metodo-linea:after{transform:scaleY(var(--trazo,0));transform-origin:top}.ym .metodo-linea li{padding-top:0}.ym .metodo-punto{top:7px;left:-26px}}

/* doctor */
.ym .dra{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,84px);align-items:center}
.ym .dra-foto{aspect-ratio:4/5}
.ym .dra-subtitulo{margin:0 0 26px;font-size:15px;letter-spacing:.01em}
.ym .dra-voz{color:var(--text)}
@media (max-width:900px){.ym .dra{grid-template-columns:1fr}}
.ym .credenciales-ficha{margin-top:clamp(56px,7vw,96px);padding-top:clamp(40px,5vw,64px);border-top:1px solid var(--line)}
.ym .credenciales-cuerpo{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:clamp(28px,4vw,64px);align-items:start}
@media (max-width:900px){.ym .credenciales-cuerpo{grid-template-columns:1fr}}
.ym .cred-sello{border:1px solid var(--line);border-radius:var(--r);padding:clamp(24px,3vw,34px);background:var(--bg-alt)}
.ym .cred-sello-emblema{color:var(--accent);margin-bottom:20px}
.ym .cred-sello-emblema svg{width:76px;height:76px;display:block}
.ym .cred-sello-titulo{font-size:19px;line-height:1.35;margin:0 0 4px}
.ym .cred-sello-escuela{font-size:15px;color:var(--muted);margin:0 0 22px}
.ym .cred-sello-linea{height:1px;background:var(--line);margin-bottom:20px}
.ym .cred-sello .eyebrow{margin:0}
.ym .cred-sello-cedula{font-size:clamp(30px,3.4vw,40px);font-weight:300;line-height:1;letter-spacing:.02em;font-variant-numeric:tabular-nums;margin:6px 0 10px}
.ym .cred-sello-pie{font-size:13px;color:var(--muted);line-height:1.6;margin:0}
.ym .credenciales-lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(24px,3vw,38px);margin:0}
.ym .credencial dt{display:flex;align-items:center;gap:16px;margin:0 0 4px}
.ym .credencial dt .eyebrow{margin:0}
.ym .credencial-icono{flex:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--accent);font-size:15px}
.ym .credencial dd{margin:0;padding-left:58px;font-size:15px;line-height:1.65;color:var(--muted)}
@media (max-width:480px){.ym .credencial dd{padding-left:0}}

/* reviews */
.ym .resena{margin:0;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);padding:28px 26px;display:flex;flex-direction:column;min-height:300px;aspect-ratio:9/12}
.resena-etq{align-self:flex-start;font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#f4f3eb;background:rgba(11,12,12,.55);padding:6px 12px;border-radius:999px}
.resena-txt{font-size:clamp(20px,1.9vw,26px);font-weight:300;line-height:1.3;margin:auto 0 18px;color:var(--text)}
.ym .resena cite{font-style:normal}

/* practice */
.ym .consultorio-panoramica{aspect-ratio:15/8;margin-top:clamp(28px,4vw,48px)}
.ym .consultorio-par{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.4vw,32px);margin-top:clamp(16px,2.4vw,32px)}
.ym .consultorio-par .shot{aspect-ratio:3/2}
@media (max-width:700px){.ym .consultorio-panoramica{aspect-ratio:3/2}.ym .consultorio-par{grid-template-columns:1fr}}

/* getting here */
.ym .viajar-hero{position:relative;border-radius:var(--r-lg);overflow:hidden;min-height:min(70vh,640px);display:flex;align-items:center;background:var(--soft)}
.ym .viajar-hero picture{position:absolute;inset:0}
.ym .viajar-hero img{width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.ym .viajar-hero picture:after{content:"";position:absolute;inset:0;background:linear-gradient(96deg,color-mix(in srgb,var(--marfil) 97%,transparent) 0,color-mix(in srgb,var(--marfil) 93%,transparent) 32%,color-mix(in srgb,var(--marfil) 66%,transparent) 50%,color-mix(in srgb,var(--marfil) 22%,transparent) 64%,transparent 76%)}
.ym .viajar-body{position:relative;z-index:2;color:var(--negro);padding:clamp(28px,4.5vw,64px);max-width:min(620px,56%)}
.ym .viajar-body .eyebrow{color:#8a6f4f}
.ym .viajar-body .h2{font-size:clamp(30px,3.9vw,52px)}
.ym .viajar-body .body,.ym .viajar-body .lead{color:rgba(11,12,12,.76)}
@media (max-width:900px){.ym .viajar-hero{display:grid;min-height:0;overflow:visible;background:transparent}.ym .viajar-body{display:contents}.ym .viajar-hero picture{position:relative;grid-area:1/1;aspect-ratio:4/5;border-radius:var(--r-lg);overflow:hidden}.ym .viajar-hero picture:after{background:linear-gradient(to top,color-mix(in srgb,var(--marfil) 96%,transparent) 0,color-mix(in srgb,var(--marfil) 88%,transparent) 22%,color-mix(in srgb,var(--marfil) 40%,transparent) 38%,transparent 52%)}.ym .viajar-titular{grid-area:1/1;align-self:end;z-index:2;padding:clamp(20px,5vw,30px)}.ym .viajar-prosa{grid-area:2/1;padding:clamp(22px,5vw,30px) 2px 0}.ym .viajar-prosa .body,.ym .viajar-prosa .lead{color:var(--muted)}}
.ym .viajar-pasos{margin-top:clamp(28px,4vw,48px);gap:28px clamp(20px,2.6vw,36px)}
.ym .viajar-pasos .eyebrow{margin-bottom:10px}

/* faq */
.ym .faq-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(28px,4vw,64px);align-items:start;margin-top:clamp(20px,3vw,36px)}
@media (max-width:760px){.ym .faq-cols{grid-template-columns:1fr}}
.ym details{border-bottom:1px solid var(--line);padding:22px 0}
.ym summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:clamp(16px,1.8vw,20px);font-weight:500}
.ym summary::-webkit-details-marker{display:none}
.ym summary:after{content:"+";color:var(--accent);font-size:22px;font-weight:300}
.ym details[open] summary:after{content:"–"}
.ym details p{margin:14px 0 0;color:var(--muted);max-width:72ch}
.ym details a{text-decoration:underline;text-underline-offset:3px}

/* booking band */
.ym .agendar{padding-block:clamp(48px,6vw,88px)}
.ym .agenda{max-width:980px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:22px}
.ym .agenda .rule{width:100%}
.agenda-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}

/* footer */
.ym .ftr{padding:var(--sect) 0 40px;border-top:1px solid var(--line)}
.ym .ftr-cierre{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(32px,5vw,80px);align-items:start;padding-bottom:clamp(48px,6vw,80px);border-bottom:1px solid var(--line);margin-bottom:clamp(40px,5vw,64px)}
@media (max-width:860px){.ym .ftr-cierre{grid-template-columns:1fr}}
.ym .ftr-iso{display:inline-grid;place-items:center;width:54px;height:54px;border:1px solid var(--accent);border-radius:50%;color:var(--accent);margin-bottom:26px;font-size:15px;letter-spacing:.12em}
.ym .ftr-frase{margin:0}
.ym .ym-boletin{padding:clamp(26px,3vw,36px);border:1px solid var(--line);border-radius:var(--r);background:var(--bg-alt)}
.ym .ftr-news-txt{max-width:46ch;margin:0 0 22px}
.ym .ftr-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.ym .ftr-cols .eyebrow{margin-bottom:12px}
@media (max-width:860px){.ym .ftr-cols{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.ym .ftr-cols{grid-template-columns:1fr}}
.ym .ftr a:hover{color:var(--accent)}
.ym .ftr-mapa{margin-top:clamp(32px,4vw,48px);border-radius:var(--r);overflow:hidden;border:1px solid var(--line);height:280px;background:var(--soft)}
.ym .ftr-mapa iframe{width:100%;height:100%;border:0;display:block;filter:grayscale(.35)}
.ym .ftr-mapa-link{display:inline-block;margin-top:10px;color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.ym .ftr-legal{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}

/* mobile dock */
.ym .dock{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:60;display:none;gap:10px;transition:transform .4s ease,opacity .4s ease}
.ym .dock .btn{flex:1}
@media (max-width:900px){.ym .dock{display:flex}.ym .ftr{padding-bottom:110px}}
.ym .dock.is-hidden{transform:translateY(130%);opacity:0}

/* reveal */
.ym .reveal{opacity:0;transform:translateY(28px)}
.ym .reveal.is-in{opacity:1;transform:none;transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.ym .reveal .h2{filter:blur(10px);opacity:0}
.ym .reveal.is-in .h2{filter:blur(0);opacity:1;transition:filter 1.1s cubic-bezier(.2,.7,.2,1),opacity .9s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--d,0s) + .12s)}
@media (prefers-reduced-motion:reduce){.ym .reveal,.ym .reveal .h2{opacity:1;transform:none;filter:none}.ym .reveal.is-in,.ym .reveal.is-in .h2{transition:none}.ym .btn,.ym .icon-btn,.ym .shot img{transition:none}.ym .shot:hover img{transform:none}.journey-cue span{animation:none}html{scroll-behavior:auto}}
.no-js .reveal,.no-js .reveal .h2{opacity:1;transform:none;filter:none}