/* Valentina Novikova · web internacional 2026 · v2
   Diagramacion: marianaatencio.com (cajas de resaltado, franja, keynote cards)
   Lenguaje: refero / Parloa (serif editorial + tinta + un acento)
   Efectos: Magic UI / React Bits en vanilla (BlurText, Shimmer, BorderBeam, GridPattern, CountUp, Marquee) */
:root{
  --ink:#0f1715;--ink2:#16221f;--green:#344641;
  --camel:#A78F73;--camel-hi:#C9AC85;--terra:#AF7757;--camel-dk:#7A6248;
  --paper:#F5F1EA;--white:#fff;--text:#1b2321;--muted:#5b615e;--line:#e1d9cc;
  --serif:"Instrument Serif",Georgia,serif;--sans:"Urbanist",system-ui,sans-serif;
  --wrap:1240px;--ease:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-padding-top:90px;overflow-x:clip}
html.lenis,html.lenis body{height:auto}
body{font-family:var(--sans);font-size:17px;line-height:1.6;color:var(--text);background:var(--white);-webkit-font-smoothing:antialiased;overflow-x:clip}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:8px 14px;z-index:200}
.skip:focus{left:8px}
html[data-l=en] .es{display:none!important}
html[data-l=es] .en{display:none!important}
sup{font-size:.55em;vertical-align:super;line-height:0}

h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1;letter-spacing:-.015em}
h2{font-size:clamp(2.6rem,5.6vw,4.8rem)}
h3{font-size:clamp(1.9rem,3vw,2.6rem);line-height:1.05}
h2 em,h3 i{font-style:italic}
.eyebrow{display:flex;align-items:center;gap:12px;font-size:.76rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--camel-dk);margin-bottom:22px}
.eyebrow::before{content:"";width:28px;height:1.5px;background:currentColor}
.eyebrow.light{color:var(--camel-hi)}
.eyebrow.dark{color:var(--ink)}
.lead{font-size:1.15rem;color:var(--muted);max-width:52ch;margin-top:22px}
.tag{font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--camel-dk)}
mark{background:linear-gradient(var(--camel),var(--camel)) no-repeat 0 100%/0% 100%;color:inherit;padding:0 .1em;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:background-size 1s var(--ease)}
mark.on{background-size:100% 100%}
em.u{font-style:italic;background:linear-gradient(var(--camel),var(--camel)) no-repeat 0 92%/0% .09em;transition:background-size 1.1s var(--ease)}
em.u.on{background-size:100% .09em}
.center{text-align:center;margin-top:36px}

/* botones + shimmer (Magic UI ShimmerButton) */
.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 28px;font:700 .8rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border:1.5px solid transparent;cursor:pointer;border-radius:999px;transition:background .3s,color .3s,border-color .3s;isolation:isolate}
.btn .arr{font-style:normal;transition:transform .3s var(--ease)}
.btn:hover .arr{transform:translateX(5px)}
.btn-sm{min-height:42px;padding:0 20px}
.btn-camel{background:var(--camel);color:var(--ink)}
.btn-camel:hover{background:var(--camel-hi)}
.btn-camel::after,.btn-ink::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);transform:translateX(-120%);animation:shimmer 3.4s ease-in-out infinite}
.btn-ink::after{background:linear-gradient(110deg,transparent 35%,rgba(201,172,133,.35) 50%,transparent 65%)}
@keyframes shimmer{0%,55%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.btn-ink{background:var(--ink);color:#fff}
.btn-ink:hover{background:var(--green)}
.btn-ghost{border-color:rgba(255,255,255,.35);color:#fff}
.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
:focus-visible{outline:2px solid var(--camel);outline-offset:3px}

/* cabecera */
.top{position:fixed;inset:0 0 auto 0;z-index:60;transition:background .4s,box-shadow .4s,transform .45s var(--ease)}
.top-in{display:flex;align-items:center;gap:30px;height:84px;max-width:1400px;margin:0 auto;padding:0 28px}
.brand{position:relative;display:block;height:40px}
.brand img{height:40px;width:auto}
.logo-dark{position:absolute;inset:0;opacity:0;transition:opacity .3s}
.nav{display:flex;gap:30px;margin-left:auto}
.nav a{position:relative;font-size:.76rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:#fff;padding:6px 0;transition:color .3s}
.nav a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1.5px;background:var(--camel);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}
.nav a:hover::after,.nav a.on::after{transform:scaleX(1);transform-origin:left}
.top-act{display:flex;align-items:center;gap:16px}
.lang{display:flex;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:3px}
.lang button{font:700 .72rem var(--sans);letter-spacing:.08em;background:none;border:0;min-height:36px;min-width:40px;padding:0 11px;border-radius:999px;cursor:pointer;color:rgba(255,255,255,.7);transition:background .3s,color .3s}
.lang button[aria-pressed=true]{background:var(--camel);color:var(--ink)}
.top.solid{background:rgba(255,255,255,.92);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}
.top.solid .logo-dark{opacity:1}.top.solid .logo-light{opacity:0}
.top.solid .nav a{color:var(--text)}
.top.solid .lang{border-color:var(--line)}
.top.solid .lang button{color:var(--muted)}
.top.solid .lang button[aria-pressed=true]{color:var(--ink)}
.top.solid .burger span{background:var(--ink)}
.top.hide{transform:translateY(-100%)}
.burger{display:none;width:44px;height:44px;background:none;border:0;cursor:pointer;flex-direction:column;justify-content:center;gap:7px;align-items:center}
.burger span{display:block;width:24px;height:2px;background:#fff;transition:transform .3s,background .3s}
.burger[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}
.burger[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}
.drawer{position:fixed;inset:0;background:var(--ink);z-index:55;padding:110px 28px 28px;display:flex}
.drawer[hidden]{display:none}
.drawer nav{display:flex;flex-direction:column;gap:2px;width:100%}
.drawer a:not(.btn){font-family:var(--serif);font-size:2.6rem;color:#fff;text-decoration:none;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.drawer .btn{margin-top:30px}
html.menu .top{background:transparent;box-shadow:none}
html.menu .top .logo-dark{opacity:0}html.menu .top .logo-light{opacity:1}
html.menu .burger span{background:#fff}

/* HERO */
.hero{position:relative;background:var(--ink);color:#fff;overflow:hidden;padding-top:84px}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 70% at 78% 40%,rgba(167,143,115,.28),transparent 70%),radial-gradient(40% 50% at 10% 90%,rgba(52,70,65,.7),transparent 70%)}
.grid-bg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;-webkit-mask-image:radial-gradient(70% 70% at 35% 45%,#000,transparent 75%);mask-image:radial-gradient(70% 70% at 35% 45%,#000,transparent 75%)}
.hero-grid{position:relative;max-width:1400px;margin:0 auto;padding:60px 28px 90px;display:grid;grid-template-columns:minmax(0,820px);gap:60px;align-items:center;min-height:calc(100svh - 84px - 64px)}
.hero-title{font-size:clamp(3.2rem,7.4vw,7.4rem);line-height:.98;margin-bottom:30px}
.hero-title .ln{display:block;overflow:hidden;padding-bottom:.06em}
.hero-title .ln>span{display:inline-block;position:relative}
.hero-title .hl em{font-style:italic;color:var(--ink);position:relative;z-index:1;padding:0 .14em}
.hero-title .box{position:absolute;inset:.1em 0 .02em 0;background:var(--camel);transform-origin:left;z-index:0}
.hero-sub{font-size:1.18rem;color:rgba(255,255,255,.82);max-width:46ch}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:38px}
.hero-photo{position:relative;justify-self:end;width:min(100%,500px)}
.hero-photo-in{overflow:hidden;border-radius:300px 300px 6px 6px;aspect-ratio:4/5}
.hero-photo img{width:100%;height:115%;object-fit:cover;object-position:52% 22%}
.hero-photo figcaption{position:absolute;left:-30px;bottom:40px;background:rgba(48,66,71,.86);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);padding:12px 18px;border-radius:999px;font-size:.78rem;font-weight:600;letter-spacing:.04em;display:flex;align-items:center;gap:10px}
.dot{width:8px;height:8px;border-radius:50%;background:#e2584a;box-shadow:0 0 0 0 rgba(226,88,74,.6);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(226,88,74,0)}100%{box-shadow:0 0 0 0 rgba(226,88,74,0)}}

/* ticker de credenciales */
.ticker{position:relative;border-top:1px solid rgba(255,255,255,.12);height:64px;overflow:hidden;display:flex;align-items:center}
.ticker-track{display:flex;gap:28px;white-space:nowrap;width:max-content;font-size:.82rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.7);animation:slide 38s linear infinite;padding-left:28px}
.ticker i{font-style:normal;color:var(--camel)}
@keyframes slide{to{transform:translateX(-50%)}}

/* franja escenarios (marquee) */
.band{background:var(--terra);color:#fff;padding:34px 0 40px;overflow:hidden}
.band-label{text-align:center;font-size:.8rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.8);margin-bottom:18px}
.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-track{display:flex;align-items:center;gap:40px;white-space:nowrap;width:max-content;animation:slide 40s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee-track span{font-family:var(--serif);font-size:clamp(1.8rem,3.4vw,2.8rem);font-style:italic}
.marquee-track i{flex:none;width:10px;height:10px;border-radius:50%;border:1.5px solid rgba(255,255,255,.7)}

/* manifiesto (BlurText por palabra) */
.manifesto{padding:150px 0 130px}
.manifesto .eyebrow{justify-content:center}
.mani-text{font-family:var(--serif);font-size:clamp(2.1rem,4.6vw,4.1rem);line-height:1.12;max-width:24ch;margin:0 auto;text-align:center}
.w{display:inline-block;opacity:.12;filter:blur(6px);transition:opacity .5s,filter .5s}
.w.on{opacity:1;filter:none}

/* numeros (CountUp) */
.numbers{background:var(--paper);padding:90px 0}
.num-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.num-item{border-top:1px solid var(--camel);padding-top:22px}
.num-item b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(4rem,8vw,7rem);line-height:.9;color:var(--ink)}
.num-item>span{display:block;margin-top:10px;color:var(--muted);font-size:.95rem;max-width:20ch}
.count{font-variant-numeric:tabular-nums}

/* keynotes apiladas + BorderBeam */
.keynotes{background:var(--camel);padding:140px 0 120px;position:relative}
.k-head{text-align:center;margin-bottom:70px}
.k-head .eyebrow{justify-content:center}
.k-head h2{color:var(--ink)}
.stack{display:flex;flex-direction:column;gap:36px}
.kcard{position:sticky;top:110px;display:grid;grid-template-columns:110px 1.2fr .9fr;background:var(--white);border-radius:6px;overflow:hidden;min-height:470px;box-shadow:0 30px 60px -30px rgba(48,66,71,.45);transform-origin:center top}
.kcard::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--a,0deg),transparent 0 75%,var(--camel) 85%,var(--terra) 92%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:beam 6s linear infinite;pointer-events:none;z-index:2}
@property --a{syntax:"<angle>";initial-value:0deg;inherits:false}
@keyframes beam{to{--a:360deg}}
.k-num{font-family:var(--serif);font-size:3.4rem;color:var(--camel);padding:44px 0 0 36px;line-height:1}
.k-body{padding:48px 46px 52px 10px;display:flex;flex-direction:column;gap:18px}
.k-body h3{color:var(--ink)}
.k-body h3 i{color:var(--camel-dk)}
.k-body p:not(.tag){color:var(--text);max-width:48ch}
.k-body strong{font-weight:700}
.leave{margin-top:auto;padding-top:20px;border-top:1px solid var(--line);font-weight:600}
.leave mark{background-image:linear-gradient(rgba(167,143,115,.45),rgba(167,143,115,.45))}
.k-photo{position:relative;overflow:hidden;background:var(--ink2)}
.k-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%}
.k-photo-dark{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 30%,var(--green),var(--ink))}
.k-glyph{font-family:var(--serif);font-style:italic;font-size:9rem;color:var(--camel);opacity:.85}
.k-foot{text-align:center;font-weight:700;font-size:1.35rem;color:var(--ink);margin-top:60px}

/* foto que se expande */
.expand{position:relative;height:120vh;background:var(--white)}
.expand-frame{position:sticky;top:0;height:100vh;overflow:hidden;clip-path:inset(18% 22% round 10px)}
.expand-frame img{width:100%;height:100%;object-fit:cover;object-position:60% 30%;transform:scale(1.25)}
.expand-quote{position:absolute;left:46%;right:12%;top:6%;line-height:1.05;text-align:center;font-family:var(--serif);font-style:italic;color:#fff;font-size:clamp(1.8rem,3.4vw,3.6rem);text-shadow:0 4px 40px rgba(0,0,0,.5);pointer-events:none;opacity:0}

/* sobre mi */
.about{padding:140px 0}
.about-in{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}
.about-photo{position:relative}
.about-photo .clip{overflow:hidden;border-radius:6px 6px 300px 300px;aspect-ratio:4/5}
.about-photo .clip img{width:100%;height:115%;object-fit:cover;object-position:center top}
.stamp{position:absolute;right:-28px;top:40px;width:110px;height:110px;border-radius:50%;background:var(--ink);display:grid;place-items:center;animation:spin 18s linear infinite}
.stamp img{width:52px;height:auto;max-width:none}
@keyframes spin{to{transform:rotate(360deg)}}
.about h2{margin-bottom:28px}
.about-copy>p{margin-bottom:16px;max-width:58ch}
.timeline{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px;position:relative}
.timeline::before{content:"";position:absolute;left:0;right:0;top:7px;height:1.5px;background:var(--line)}
.timeline li{position:relative;padding-top:30px;padding-right:12px}
.timeline li::before{content:"";position:absolute;left:0;top:0;width:15px;height:15px;border-radius:50%;background:var(--white);border:2px solid var(--camel)}
.timeline li:last-child::before{background:var(--camel)}
.timeline b{display:block;font-family:var(--serif);font-weight:400;font-size:1.7rem;line-height:1.1}
.timeline span{font-size:.9rem;color:var(--muted)}

/* ecosistema horizontal */
.eco{background:var(--ink);color:#fff;overflow:hidden}
.eco-pin{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:110px 0 80px;gap:56px}
.eco-head h2 em{color:var(--camel-hi)}
.eco-track{display:flex;gap:28px;padding:0 max(28px,calc((100vw - var(--wrap))/2 + 28px));width:max-content}
.eco-panel{position:relative;width:min(78vw,430px);min-height:400px;background:var(--white);color:var(--text);border-radius:6px;padding:40px 36px;display:flex;flex-direction:column;gap:26px;text-decoration:none;transition:transform .5s var(--ease)}
a.eco-panel:hover{transform:translateY(-8px)}
.eco-n{font-family:var(--serif);font-size:4.5rem;line-height:.8;color:var(--camel)}
.eco-panel img{height:40px;width:auto;max-width:100%;object-fit:contain;object-position:left}
.eco-panel p{font-size:1.06rem;color:var(--muted);flex:1}
.wordmark{font:800 1.4rem/40px var(--sans)!important;letter-spacing:.26em;color:var(--ink)!important;flex:0!important}
.go{font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--camel-dk)}
.go.muted{color:var(--muted)}

/* talleres */
.workshops{padding:140px 0}
.ws-in{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.ws-list{display:flex;flex-direction:column;gap:18px}
.ws{display:flex;gap:24px;align-items:center;text-decoration:none;border:1px solid var(--line);border-radius:6px;padding:28px;transition:background .4s,border-color .4s}
.ws:hover{background:var(--paper);border-color:var(--camel)}
.ws-play{flex:none;width:64px;height:64px;border-radius:50%;background:var(--ink);color:var(--camel-hi);display:grid;place-items:center;font-size:1.1rem;transition:transform .4s var(--ease)}
.ws:hover .ws-play{transform:scale(1.1) rotate(-8deg)}
.ws h3{font-size:1.6rem;margin-top:8px}

/* asesoria */
.advisory{position:relative;background:var(--ink2);color:#fff;overflow:hidden;min-height:90vh;display:flex;align-items:center}
.adv-photo{position:absolute;right:0;top:0;bottom:0;width:46%;overflow:hidden}
.adv-photo img{width:100%;height:120%;object-fit:cover;object-position:center 15%;opacity:.7}
.advisory::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink2) 50%,rgba(52,70,65,.15) 85%)}
.adv-in{position:relative;z-index:1;padding:120px 28px}
.advisory h2{max-width:14ch}
.advisory h2 em{color:var(--camel-hi)}
.advisory p:not(.eyebrow){max-width:46ch;margin:26px 0 36px;color:rgba(255,255,255,.82);font-size:1.12rem}

/* reservar */
.book{padding:130px 0 120px;background:var(--paper)}
.giant{font-size:clamp(4rem,13vw,12rem);line-height:.9;color:var(--ink);margin-bottom:60px}
.giant em{font-style:italic;color:var(--camel-dk)}
.book-in{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}
.book .lead{margin-top:0}
.form{display:flex;flex-direction:column;gap:20px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.form label{display:flex;flex-direction:column;gap:8px;font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.form input,.form select,.form textarea{font:400 1.05rem var(--sans);text-transform:none;letter-spacing:0;color:var(--text);border:0;border-bottom:1.5px solid #b9ad9c;background:transparent;padding:12px 2px;min-height:48px;border-radius:0;transition:border-color .3s}
.form input:focus,.form select:focus,.form textarea:focus{outline:0;border-color:var(--ink)}
.form .btn{align-self:flex-start;margin-top:10px}
.form-msg{color:var(--green);min-height:1.5em}

/* pie */
.foot{background:var(--ink);color:#fff;padding:0 0 32px}
.foot-marquee{padding:40px 0;border-bottom:1px solid rgba(255,255,255,.1);-webkit-mask-image:none;mask-image:none}
.foot-marquee .marquee-track{animation-duration:55s}
.foot-marquee span{font-size:clamp(2.6rem,6vw,5rem);color:rgba(255,255,255,.9)}
.foot-marquee i{border-color:var(--camel)}
.foot-in{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:40px 28px 32px;border-bottom:1px solid rgba(255,255,255,.12)}
.foot-in img{height:40px;width:auto}
.foot nav{display:flex;flex-wrap:wrap;gap:24px}
.foot nav a{font-size:.76rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:rgba(255,255,255,.75)}
.foot nav a:hover{color:var(--camel-hi)}
.legal{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-top:24px;font-size:.84rem;color:rgba(255,255,255,.55)}

/* responsive */
@media (max-width:1080px){
  .nav{display:none}.burger{display:flex}.top-act{margin-left:auto}
  .hero-grid{grid-template-columns:1fr;gap:40px;min-height:0}
  .hero-photo{justify-self:start;width:min(100%,420px)}
  .num-grid{grid-template-columns:repeat(2,1fr);row-gap:44px}
  .kcard{grid-template-columns:80px 1fr;min-height:0}
  .k-photo{grid-column:1/-1;height:260px;order:3}
  .k-num{padding:36px 0 0 26px;font-size:2.8rem}
  .about-in,.ws-in,.book-in{grid-template-columns:1fr;gap:56px}
  .about-photo{max-width:520px}
  .stamp{right:16px;top:20px}
}
@media (max-width:760px){
  body{font-size:16px}
  .hide-m{display:none}
  .top-in{height:70px;padding:0 20px}
  .brand,.brand img{height:34px}
  .wrap{padding:0 20px}
  .hero{padding-top:70px}
  .hero-grid{padding:36px 20px 60px}
  .hero-cta .btn{flex:1 1 100%}
  .hero-photo figcaption{left:12px;bottom:16px}
  .manifesto,.about,.workshops{padding:96px 0}
  .keynotes{padding:96px 0}
  .kcard{position:relative;top:0;grid-template-columns:1fr}
  .k-num{padding:30px 26px 0}
  .k-body{padding:16px 26px 34px}
  .k-glyph{font-size:6rem}
  .num-grid{grid-template-columns:1fr 1fr;gap:34px 18px}
  .expand{height:auto}
  .expand-frame{position:relative;height:70vh;clip-path:none}
  .expand-quote{top:5%;left:21%;right:3%;opacity:1;font-size:1.9rem}
  .stamp{width:76px;height:76px;right:12px;top:16px}
  .stamp img{width:36px}
  .timeline{grid-template-columns:1fr;gap:22px}
  .timeline::before{left:7px;right:auto;top:0;bottom:0;width:1.5px;height:auto}
  .timeline li{padding:0 0 0 34px}
  .eco-pin{min-height:0;padding:96px 0}
  .eco-track{flex-direction:column;width:auto;padding:0 20px}
  .eco-panel{width:100%;min-height:0}
  .advisory{min-height:0}
  .adv-photo{width:100%}.adv-photo img{opacity:.3}
  .advisory::after{background:linear-gradient(180deg,rgba(52,70,65,.4),var(--ink2) 70%)}
  .adv-in{padding:240px 20px 90px}
  .row{grid-template-columns:1fr}
  .form .btn{align-self:stretch}
}
@media (prefers-reduced-motion:reduce){
  .ticker-track,.marquee-track,.stamp,.dot,.btn::after,.kcard::before{animation:none!important}
  .w{opacity:1;filter:none}
  mark{background-size:100% 100%}
  .expand-frame{clip-path:none}.expand-quote{opacity:1}
}

/* hero con video de dron */
.hero-media{position:absolute;inset:0;overflow:hidden;clip-path:inset(0 0 0 0)}
.hero-media video{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.hero-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(48,66,71,.94) 0%,rgba(48,66,71,.78) 38%,rgba(48,66,71,.25) 70%,rgba(48,66,71,.15) 100%),linear-gradient(0deg,rgba(48,66,71,.85) 0%,transparent 30%)}
.hero::before{z-index:1;opacity:.6}
.grid-bg{z-index:1}
.hero-grid,.ticker{z-index:2}
@media (max-width:760px){
  .hero-media{bottom:auto;height:420px}
  .hero-media video{object-position:54% 50%}
  .hero-veil{background:linear-gradient(180deg,rgba(48,66,71,.2) 0%,rgba(48,66,71,.15) 55%,var(--ink) 100%)}
  .hero-grid{padding-top:340px}
}

/* tarjetas apiladas: cada una asoma un poco */
.kcard:nth-child(2){top:128px}.kcard:nth-child(3){top:146px}.kcard:nth-child(4){top:164px}
/* formulario equilibrado */
@media (min-width:1081px){.book-in{grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}}
.book-side{display:flex;flex-direction:column;gap:30px}
.book-photo{border-radius:300px 300px 8px 8px;overflow:hidden;aspect-ratio:1/1;max-width:300px}
.book-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.book-steps{list-style:none;counter-reset:s;display:flex;flex-direction:column;gap:16px;max-width:380px}
.book-steps li{counter-increment:s;display:flex;gap:16px;align-items:baseline;border-top:1px solid var(--line);padding-top:14px;color:var(--text)}
.book-steps li::before{content:"0" counter(s);font-family:var(--serif);font-size:1.6rem;color:var(--camel-dk);line-height:1}
@media (max-width:1080px){.book-photo{max-width:320px}}

/* movil: las tarjetas no se desplazan (el desfase es solo para apilarlas en escritorio) */
@media (max-width:760px){.kcard,.kcard:nth-child(2),.kcard:nth-child(3),.kcard:nth-child(4){top:0}}
@media (min-width:761px){.hero-media video{width:128%;max-width:none;object-position:50% 40%}}
.expand-frame img{object-position:45% 45%}
.expand-quote{display:none}
@media (max-width:760px){.expand-frame img{object-position:37% 50%}}

/* 11-nov: hero con foto en lugar de video */
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:62% 35%}
@media (max-width:760px){.hero-media img{object-position:74% 30%}}