.hero.m1,.hero.m2,.hero.m3{gap:8px}.m-texto{z-index:3;position:relative}.m-escena{min-height:clamp(400px,58vh,780px);position:relative}.m-libro{z-index:2;position:absolute;bottom:0;left:-2%}.m-libro .book{--w:clamp(130px, 15vw, 220px)}.m-libro .book-shadow{margin-top:14px}@media (min-width:900px){.hero.m1,.hero.m3{grid-template-columns:1fr 1.15fr}.hero.m2{grid-template-columns:1.15fr 1fr}.m-escena{min-height:min(86dvh,820px)}}@media (max-width:899px){.hero.m1 .m-escena,.hero.m3 .m-escena{order:-1}.m-escena{margin:0 -20px}.m-libro{left:20px}}@keyframes revelar-cara{0%{opacity:0;filter:brightness(0)}to{opacity:1}}.m1-retrato{aspect-ratio:758/976;max-width:100%;animation:revelar-cara 2.6s var(--ease-out) both .2s;position:absolute;top:0;bottom:0;right:0;-webkit-mask-image:radial-gradient(50% 50% at 54% 42%,#000 45%,#00000080 70%,#0000 100%);mask-image:radial-gradient(50% 50% at 54% 42%,#000 45%,#00000080 70%,#0000 100%)}.m1-retrato img{object-fit:contain;object-position:right bottom;filter:contrast(1.12)brightness(.92);width:100%;height:100%}.m1-luz{pointer-events:none;mix-blend-mode:soft-light;background:radial-gradient(circle at 40% 30%,#ffe4b76b,#0000 34%),linear-gradient(100deg,#0000 45%,#000000b3 95%);background:radial-gradient(circle at 40% 30%,lab(92.0085% 5.3418 27.5105/.42),#0000 34%),linear-gradient(100deg,#0000 45%,lab(.112911% 0 0/.7) 95%);position:absolute;inset:0}.m1-luz:before{content:"";pointer-events:none;filter:blur(24px);background:linear-gradient(120deg,#feedc91a,#0000 55%);background:linear-gradient(120deg,lab(94.3657% 2.03729 19.5421/.1),#0000 55%);width:120%;height:90%;position:absolute;top:-30%;left:-40%;transform:rotate(-8deg)}.m2-retrato{animation:revelar-cara 2.6s var(--ease-out) both .2s;place-items:start center;display:grid;position:absolute;inset:0}.m2-retrato img{z-index:0;aspect-ratio:880/1140;filter:saturate(.7)contrast(1.1)brightness(.95);width:min(78%,520px);height:auto;margin-top:4%;position:relative;-webkit-mask-image:radial-gradient(50% 46% at 50% 40%,#000 42%,#00000073 68%,#0000 100%);mask-image:radial-gradient(50% 46% at 50% 40%,#000 42%,#00000073 68%,#0000 100%)}.m2-haz{z-index:1;pointer-events:none;filter:blur(26px);mix-blend-mode:screen;width:min(96%,680px);height:96%;animation:5.5s ease-in-out infinite respirar;position:absolute;top:-14%;left:50%;transform:translate(-50%)}.m2-haz:before{content:"";clip-path:polygon(43% 0,57% 0,92% 100%,8% 100%);background:linear-gradient(#fff0d161,#f0dcb114 75%,#0000);background:linear-gradient(lab(95.5261% 2.02972 19.535/.38),lab(88.5854% 2.6772 23.6807/.08) 75%,#0000);position:absolute;inset:0}@keyframes respirar{0%,to{opacity:.7}50%{opacity:1}}.hero.m2 .m-libro{left:auto;right:2%}.hero.m3 .m-escena{min-height:clamp(480px,66vh,840px)}.m3-linterna{aspect-ratio:842/1543;--lx:62%;--ly:34%;--sombra:270deg;--fuerza:.5;--aparicion:0;max-width:72%;opacity:var(--aparicion);position:absolute;top:0;bottom:0;right:4%}.m3-linterna img{object-fit:contain;object-position:center top;width:100%;height:100%;filter:contrast(1.12) saturate(.9) sepia(.12) brightness(calc(.55 + var(--aparicion) * .5));-webkit-mask-image:radial-gradient(ellipse 64% 54% at var(--lx) calc(var(--ly) + 6%), #000 34%, #0009 64%, transparent 94%), linear-gradient(var(--sombra), rgba(0,0,0,calc(1 - var(--fuerza) * .8)) 6%, #000 62%);-webkit-mask-composite:source-in;-webkit-mask-image:radial-gradient(ellipse 64% 54% at var(--lx) calc(var(--ly) + 6%), #000 34%, #0009 64%, transparent 94%), linear-gradient(var(--sombra), rgba(0,0,0,calc(1 - var(--fuerza) * .8)) 6%, #000 62%);mask-image:radial-gradient(ellipse 64% 54% at var(--lx) calc(var(--ly) + 6%), #000 34%, #0009 64%, transparent 94%), linear-gradient(var(--sombra), rgba(0,0,0,calc(1 - var(--fuerza) * .8)) 6%, #000 62%);-webkit-mask-composite:source-in;mask-composite:intersect}.m3-halo{pointer-events:none;mix-blend-mode:soft-light;background:radial-gradient(ellipse 34% 22% at var(--lx) var(--ly), #ffdeb959, transparent 70%);display:block;position:absolute;inset:0;-webkit-mask-image:url(/img/ipaniza-barba.png);mask-image:url(/img/ipaniza-barba.png);-webkit-mask-position:top;mask-position:top;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@supports (color:lab(0% 0 0)){.m3-halo{background:radial-gradient(ellipse 34% 22% at var(--lx) var(--ly), lab(90.6905% 9.28059 26.2768/.35), transparent 70%)}}.hero.m3 .m-libro{animation:libro-entra .9s var(--ease-out) both .12s}@keyframes libro-entra{0%{opacity:0;transform:translateY(24px)scale(.96)}}.hero.m3 .m-libro{bottom:3%;left:0}.hero.m3 .m-libro .book{--w:clamp(190px, 21vw, 320px)}@media (max-width:899px){.hero.m3 .m-escena{min-height:470px}.hero.m3 .m-libro{left:2%}.hero.m3 .m-libro .book{--w:clamp(170px, 46vw, 220px)}.m3-linterna{max-width:60%;right:0}}@media (prefers-reduced-motion:reduce){.m1-retrato,.m2-retrato,.m2-haz,.hero.m3 .m-libro{animation:none}}
.d-nav{z-index:6;position:absolute;top:0;left:0;right:0}.d-main{z-index:1;position:relative}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pal{white-space:pre;display:inline-block}.d-tira{max-width:1240px;padding:28px max(20px, env(safe-area-inset-left));border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:0;margin:0 auto;display:grid}.d-tira>div{border-left:1px solid var(--line);gap:2px;padding:6px 20px;display:grid}.d-tira>div:first-child{border-left:0;padding-left:0}.d-tira b{font-size:1.05rem}.d-tira span{color:var(--muted);font-size:14px}@media (max-width:899px){.d-tira{grid-template-columns:1fr 1fr;row-gap:18px}.d-tira>div{border-left:0;padding:0}}.d-cierre{text-align:center;justify-items:center;gap:28px;padding:clamp(96px,14vw,180px) 0;display:grid}.d-cierre h2{letter-spacing:-.035em;text-wrap:balance;max-width:15ch;margin:0;font-size:clamp(2.4rem,6vw,5rem);line-height:.98}.d-pie{color:var(--muted);padding-top:24px;padding-bottom:calc(40px + env(safe-area-inset-bottom));border-top:1px solid var(--line);font-size:14px}.polvo{width:100%;height:100%;display:block;position:absolute;inset:0}[class^=d] .m3-linterna{max-width:none}.giro-escena{perspective:1600px;place-items:center;display:grid}.book.libro-giro{--w:clamp(200px, 22vw, 320px);transform:rotateX(4deg) rotateY(calc(var(--desde) + (var(--hasta) - var(--desde)) * var(--p,0)));transition:transform .12s linear}.book.libro-giro .front img,.book.libro-giro .back img,.book.libro-giro .spine img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.book.libro-giro .spine img{object-fit:fill}.book.libro-giro .front,.book.libro-giro .back,.book.libro-giro .spine{overflow:hidden}.d1-hero{height:100dvh;min-height:640px;position:relative;overflow:hidden}.d1-titulo{z-index:0;pointer-events:none;letter-spacing:-.04em;text-transform:uppercase;color:#f9efc929;color:lab(94.475% -.958473 19.4963/.16);animation:telon 2.4s var(--ease-out) both;justify-items:center;font-size:clamp(3.6rem,11.5vw,11.5rem);font-weight:900;line-height:.86;display:grid;position:absolute;top:11%;left:0;right:0}@keyframes telon{0%{opacity:0;letter-spacing:.02em;filter:blur(10px)}}.d1-cara{z-index:1;position:absolute;inset:0}.d1-cara .m3-linterna{height:94%;inset:6% auto 0 50%;transform:translate(-38%)}.d1-libro{z-index:3;animation:libro-entra .9s var(--ease-out) both .15s;position:absolute;bottom:7vh;left:max(20px,7vw)}.d1-libro .book{--w:clamp(170px, 19vw, 290px)}.d1-texto{z-index:4;text-align:right;justify-items:end;display:grid;position:absolute;bottom:6vh;left:0;right:0}.d1-texto>*{max-width:30rem}.d1-texto h1{margin:6px 0 0;font-size:clamp(2.2rem,4.2vw,3.8rem);line-height:1}.d1-texto h1 em{color:var(--cream);font-weight:600}.d1-texto p:not(.eyebrow){color:var(--muted);margin:14px 0 22px;font-size:1.1rem;line-height:1.5}.d1-texto .ctas{justify-content:flex-end}@media (max-width:899px){.d1-hero{height:auto;min-height:0;padding-top:74vh}.d1-titulo{font-size:12.4vw;top:14%}.d1-cara .m3-linterna{height:64vh;top:8%;bottom:auto;transform:translate(-40%)}.d1-libro{top:46vh;bottom:auto;left:20px}.d1-libro .book{--w:150px}.d1-texto{text-align:left;justify-items:start;padding-bottom:48px;position:relative;bottom:auto}.d1-texto .ctas{justify-content:flex-start}}.d1-giro{height:260vh;position:relative}.d1-giro-pegado{grid-template-columns:1fr 1fr;align-items:center;gap:48px;height:100dvh;display:grid;position:sticky;top:0}.d1-sinopsis{justify-items:start;gap:16px;display:grid}.d1-sinopsis h2{letter-spacing:-.03em;margin:0 0 8px;font-size:clamp(2.2rem,4.6vw,3.8rem)}.d1-sinopsis p{color:#d1d1d1;color:lab(83.76% -.0000298023 0);max-width:52ch;margin:0;font-size:1.12rem;line-height:1.7}@media (max-width:899px){.d1-giro{height:auto}.d1-giro-pegado{grid-template-columns:1fr;height:auto;padding:72px 20px;position:relative}.d1-giro .book.libro-giro{--w:180px}}.d1-cita{padding:clamp(96px,12vw,160px) 20px}.d1-cita blockquote{letter-spacing:-.03em;text-wrap:balance;max-width:22ch;margin:0 0 28px;font-size:clamp(2rem,4.8vw,4.2rem);font-weight:800;line-height:1.06}.d1-cita p{color:var(--muted);max-width:60ch;margin:0;font-size:1.1rem;line-height:1.6}.d2{grid-template-columns:1.05fr 1fr;display:grid}.d2>.d-pie{grid-column:1/-1}.d2-escena{height:100dvh;position:sticky;top:0;overflow:hidden}.d2-cara{transition:opacity .9s var(--ease-out), filter .9s var(--ease-out), transform 1.2s var(--ease-out);position:absolute;inset:0}.d2-cara .m3-linterna{height:93%;top:7%;bottom:0;right:4%}.d2-libro{z-index:2;transition:transform 1.2s cubic-bezier(.77,0,.175,1),opacity .7s;position:absolute;bottom:8%;left:8%}.d2-libro .book.libro-giro{--w:clamp(180px, 18vw, 290px);transition:transform 1.3s cubic-bezier(.77,0,.175,1)}.d2-retrato{object-fit:cover;object-position:50% 22%;opacity:0;filter:grayscale()contrast(1.2)brightness(.8);width:100%;height:100%;transition:opacity 1s var(--ease-out), transform 1.6s var(--ease-out);position:absolute;inset:0;transform:scale(1.06);-webkit-mask-image:radial-gradient(60% 60% at 55% 40%,#000 40%,#0000 85%);mask-image:radial-gradient(60% 60% at 55% 40%,#000 40%,#0000 85%)}.d2[data-paso="0"] .d2-libro{--p:0}.d2[data-paso="1"] .d2-libro{--p:1;transform:translate(18%,-6%)scale(1.15)}.d2[data-paso="1"] .d2-cara{opacity:.35;filter:blur(2px)}.d2[data-paso="2"] .d2-libro{--p:.42;transform:translate(26%,-10%)scale(1.25)}.d2[data-paso="2"] .d2-cara{opacity:.18;filter:blur(4px)}.d2[data-paso="3"] .d2-retrato{opacity:1;transform:scale(1)}.d2[data-paso="3"] .d2-cara,.d2[data-paso="3"] .d2-libro{opacity:0}.d2[data-paso="4"] .d2-libro{--p:0;transform:translate(40%,-16%)scale(1.3)}.d2[data-paso="4"] .d2-cara{opacity:.5}.d2-relato{padding:0 max(20px,5vw) 0 24px}.d2-paso{align-content:center;justify-items:start;gap:18px;min-height:100dvh;display:grid}.d2-paso h1{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(2.6rem,5vw,4.6rem);line-height:.98}.d2-paso h1 em{color:var(--cream);font-weight:600}.d2-paso h2{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1}.d2-paso p{color:#cecece;color:lab(82.6% .0000298023 -.0000119209);max-width:46ch;margin:0;font-size:1.15rem;line-height:1.7}.d2-grande{font-weight:600;color:var(--ink)!important;font-size:clamp(1.4rem,2.4vw,2rem)!important;line-height:1.4!important}.d2-paso blockquote{letter-spacing:-.02em;margin:0;font-size:clamp(1.7rem,3vw,2.6rem);font-weight:800;line-height:1.12}.d2-paso .d-tira{grid-template-columns:1fr 1fr;row-gap:14px;padding:18px 0}.d2-paso .d-tira>div{border-left:0;padding:0}.d2-paso>*{transition:opacity .7s var(--ease-out), transform .7s var(--ease-out)}@media (max-width:899px){.d2{grid-template-columns:1fr}.d2-escena{z-index:0;height:58vh}.d2-relato{z-index:1;background:linear-gradient(transparent, var(--bg) 12vh);margin-top:-10vh;padding:0 20px;position:relative}.d2-paso{min-height:80vh}.d2-libro .book.libro-giro{--w:140px}}.d3-hero{text-align:center;align-content:center;justify-items:center;min-height:100dvh;padding:64px 0 5vh;display:grid;position:relative;overflow:hidden}.d3-cara{opacity:.55;position:absolute;inset:0}.d3-cara .m3-linterna{height:78%;inset:4% auto auto 50%;transform:translate(-50%)}.d3-cono{z-index:1;pointer-events:none;filter:blur(28px);mix-blend-mode:screen;width:min(70vw,760px);height:82%;animation:6s ease-in-out infinite respirar-cono;position:absolute;top:-6%;left:50%;transform:translate(-50%)}.d3-cono:before{content:"";clip-path:polygon(44% 0,56% 0,86% 100%,14% 100%);background:linear-gradient(#fff0d157,#f0dcb114 80%,#0000);background:linear-gradient(lab(95.5261% 2.02972 19.535/.34),lab(88.5854% 2.6772 23.6807/.08) 80%,#0000);position:absolute;inset:0}@keyframes respirar-cono{0%,to{opacity:.75}50%{opacity:1}}.d3-libro{z-index:2;animation:libro-entra 1s var(--ease-out) both .15s;margin-top:12vh;position:relative}.d3-libro .book{--w:clamp(170px, 15vw, 240px)}.d3-libro .stage{-webkit-box-reflect:below 2px linear-gradient(transparent 62%, #fff3)}.d3-libro .book-shadow{display:none}.d3-libro:after{content:"";pointer-events:none;background:radial-gradient(#e0cba138,#6d29612e 40%,#0000 70%);background:radial-gradient(lab(82.7817% 2.74146 23.7494/.22),lab(28.635% 35.982 -18.3454/.18) 40%,#0000 70%);border-radius:50%;width:220%;height:70px;position:absolute;bottom:-26px;left:50%;transform:translate(-50%)}.d3-texto{z-index:3;justify-items:center;margin-top:5vh;display:grid;position:relative}.d3-texto h1{letter-spacing:-.035em;text-wrap:balance;max-width:18ch;margin:6px 0 22px;font-size:clamp(2rem,3.4vw,3.3rem);line-height:1}.d3-texto h1 em{color:var(--cream);font-weight:600}.d3-texto .ctas{justify-content:center}.d3-pregunta{text-align:center;padding:clamp(96px,12vw,170px) 20px}.d3-pregunta h2{letter-spacing:-.03em;text-wrap:balance;max-width:22ch;margin:0 auto;font-size:clamp(2rem,4.6vw,4rem);line-height:1.08}.d3-anatomia{padding-bottom:clamp(72px,10vw,140px)}.d3-anatomia h2{letter-spacing:-.03em;margin:0 0 28px;font-size:clamp(1.8rem,3.4vw,2.8rem)}.d3-pista{scroll-snap-type:x mandatory;scrollbar-width:none;gap:20px;padding:4px max(20px,50vw - 600px) 24px;display:flex;overflow-x:auto}.d3-pista figure{scroll-snap-align:center;flex:none;gap:10px;margin:0;display:grid}.d3-pista img{border-radius:3px;width:auto;height:min(62vh,560px);box-shadow:0 30px 80px #4f0a4559;box-shadow:0 30px 80px lab(16.9851% 35.7889 -18.2327/.35)}.d3-pista .lomo img{width:auto}.d3-pista figcaption{color:var(--muted);font-size:14px}.d3-sinopsis{gap:22px;max-width:760px;margin:0 auto;padding:0 20px clamp(72px,10vw,120px);display:grid}.d3-sinopsis p{color:#d1d1d1;color:lab(83.76% -.0000298023 0);margin:0;font-size:clamp(1.15rem,1.6vw,1.4rem);line-height:1.7}@media (max-width:899px){.d3-libro{margin-top:14vh}.d3-libro .book{--w:170px}.d3-cara .m3-linterna{height:72%}}.d4-hero{align-items:center;min-height:100dvh;padding-top:64px;display:grid;position:relative;overflow-x:clip}@media (min-width:900px){.d4-hero{grid-template-columns:1fr 1.15fr}.d4-texto{padding-right:0}}.d4-texto{z-index:3;position:relative}.d4-texto h1{letter-spacing:-.035em;text-wrap:balance;margin:6px 0 0;font-size:clamp(2.6rem,5.4vw,4.8rem);line-height:.98}.d4-texto h1 em{color:var(--cream);font-weight:600}.d4-texto p:not(.eyebrow){color:var(--muted);max-width:36ch;margin:18px 0 24px;font-size:1.15rem;line-height:1.5}.d4-escena{height:min(88dvh,860px);position:relative}.d4-cara{position:absolute;inset:0}.d4-cara .m3-linterna{height:96%;top:4%;bottom:0;right:2%}.d4-haz{z-index:1;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(100deg,#0000 32%,#fff0d112 44%,#fff0d121 52%,#fff0d10d 62%,#0000 72%);background:linear-gradient(100deg,#0000 32%,lab(95.5261% 2.02972 19.535/.07) 44%,lab(95.5261% 2.02972 19.535/.13) 52%,lab(95.5261% 2.02972 19.535/.05) 62%,#0000 72%);animation:9s ease-in-out infinite haz;position:absolute;inset:-20% -30% -10% -20%;transform:rotate(-14deg);-webkit-mask-image:linear-gradient(100deg,#0000 30%,#000 46% 58%,#0000 74%);mask-image:linear-gradient(100deg,#0000 30%,#000 46% 58%,#0000 74%)}@keyframes haz{0%,to{opacity:.8}50%{opacity:1}}.d4-libro{z-index:2;animation:libro-entra .9s var(--ease-out) both .15s;position:absolute;bottom:6%;left:2%}.d4-libro .book{--w:clamp(170px, 19vw, 290px)}@media (max-width:899px){.d4-hero{padding-top:72px}.d4-escena{order:-1;height:64vh;margin:0 -20px}.d4-libro .book{--w:150px}.d4-libro{left:20px}}.d4-escritura{position:relative}.d4-recorrido{height:220vh}.d4-escritura-pegado{align-content:start;gap:22px;padding-top:clamp(64px,11vh,120px);padding-bottom:56px;display:grid;position:sticky;top:0}.d4-escritura h2{letter-spacing:-.03em;margin:0;font-size:clamp(2.2rem,4.6vw,3.8rem)}.d4-avance{background:var(--line);width:100%;max-width:240px;height:2px;display:block;position:relative;overflow:hidden}.d4-avance:after{content:"";background:var(--red);transform-origin:0;transform:scaleX(min(1, calc(var(--p,0) / .85)));position:absolute;inset:0}.d4-cols{gap:22px;display:grid}@media (min-width:900px){.d4-cols{grid-template-columns:repeat(3,1fr);gap:40px}}.d4-cols p{color:#d7d7d7;color:lab(86.08% -.0000298023 0);margin:0;font-size:1.08rem;line-height:1.75}.d4-escritura .w{--visible:clamp(0, calc(var(--p,0) / .85 * (var(--n) + 4) - var(--i)), 1);opacity:calc(.07 + var(--visible) * .93);color:color-mix(in oklch, var(--cream) calc((1 - var(--visible)) * 100%), #d7d7d7)}@supports (color:lab(0% 0 0)){.d4-escritura .w{color:color-mix(in oklch, var(--cream) calc((1 - var(--visible)) * 100%), lab(86.08% -.0000298023 0))}}@media (max-width:899px){.d4-recorrido{height:260vh}.d4-escritura-pegado{gap:14px;padding-top:48px}.d4-cols{gap:12px}.d4-cols p{font-size:14.5px;line-height:1.6}}.d4-cita{align-items:center;min-height:min(78vh,720px);padding:72px 0;display:grid;position:relative;overflow:hidden}.d4-cita img{object-fit:cover;object-position:50% 20%;filter:grayscale()contrast(1.25)brightness(.75);width:min(70vw,900px);height:100%;transform:translateY(calc((var(--p,.5) - .5) * -10%)) scale(1.08);position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(270deg,#000 45%,#0000 95%);mask-image:linear-gradient(270deg,#000 45%,#0000 95%)}.d4-cita:after{content:"";pointer-events:none;mix-blend-mode:color;background:#63195761;background:lab(23.8154% 38.8446 -19.7951/.38);position:absolute;inset:0}.d4-cita .wrap{z-index:1;width:100%;position:relative}.d4-cita blockquote{letter-spacing:-.03em;text-wrap:balance;max-width:18ch;margin:0 0 24px;font-size:clamp(2rem,4.4vw,4rem);font-weight:800;line-height:1.06}.d4-cita p{color:#c4c4c4;color:lab(79.12% -.0000298023 -.0000119209);max-width:46ch;margin:0;font-size:1.05rem;line-height:1.6}@media (max-width:899px){.d4-cita img{opacity:.55;width:100%}}@media (prefers-reduced-motion:reduce){.d4-recorrido{display:none}.d4-escritura-pegado{position:relative}.d1-titulo,.d1-libro,.d3-libro,.d4-libro,.d3-cono,.d4-haz{animation:none}.d2-cara,.d2-libro,.d2-retrato,.book.libro-giro{transition:none}}.d-cierre.d4-cierre{gap:22px;padding:72px 0 48px}.d4-cierre h2{max-width:18ch;font-size:clamp(2rem,4.2vw,3.6rem)}.d4-cierre .d4-gira .book.libro-giro{--w:clamp(150px, 13vw, 210px)}.d4-vistas{position:relative}.d4-vistas-recorrido{height:170vh}.d4-vistas-pegado{text-align:center;align-content:center;justify-items:center;gap:22px;min-height:100dvh;padding-top:72px;padding-bottom:40px;display:grid;position:sticky;top:0}.d4-vistas-pegado h2{letter-spacing:-.035em;text-wrap:balance;max-width:18ch;margin:6px 0 0;font-size:clamp(2rem,4.2vw,3.6rem);line-height:1}.vistas{--alto:min(46vh, 430px);justify-content:center;align-items:flex-end;gap:clamp(10px,2.4vw,36px);max-width:100%;display:flex}.vista{--ver:clamp(0, calc(var(--p,0) / .8 * var(--n) - var(--i)), 1);color:var(--ink);cursor:zoom-in;min-width:0;opacity:var(--ver);transform:translateY(calc((1 - var(--ver)) * 70px)) scale(calc(.92 + var(--ver) * .08));background:0 0;border:0;justify-items:center;gap:10px;padding:0;display:grid}.vista img{height:var(--alto);object-fit:contain;width:auto;max-width:100%;transition:transform .2s var(--ease-out);border-radius:3px;box-shadow:0 24px 60px #4f0a4566;box-shadow:0 24px 60px lab(16.9851% 35.7889 -18.2327/.4)}.vista:active img{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.vista:hover img{transform:translateY(-6px)}}.vista:focus-visible{outline:2px solid var(--red);outline-offset:6px;border-radius:4px}.vista-nombre{color:var(--muted);letter-spacing:.04em;white-space:nowrap;font-size:13px}.vistas-pista{color:var(--muted);opacity:clamp(0, calc((var(--p,0) - .7) * 5), 1);margin:0;font-size:13px}.vistas-salto{display:none}@media (max-width:899px){.vistas{--alto:min(27vh, calc((100vw - 40px - 14px) / 1.48));flex-wrap:wrap;gap:16px 14px}.vistas-salto{flex-basis:100%;height:0;display:block}.d4-vistas-pegado{gap:16px;padding-top:56px}.d4-vistas-pegado h2{font-size:1.9rem}.vista-nombre{letter-spacing:0;font-size:11px}.d4-vistas-recorrido{height:190vh}}.zoom{z-index:calc(var(--z-sheet) + 5);pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;cursor:zoom-out;background:#010001e0;background:lab(.183413% .270493 -.141925/.88);place-items:center;transition:opacity .24s;display:grid;position:fixed;inset:0}.zoom[data-abierto]{opacity:1;pointer-events:auto}.zoom-caja{align-content:center;place-items:center;gap:16px;display:grid;position:absolute;inset:0}.zoom-x{top:calc(16px + env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));cursor:pointer;background:#0e0a0d;background:lab(2.97643% 1.64851 -.852361);width:48px;height:48px;position:absolute}.zoom-img{object-fit:contain;cursor:default;width:auto;max-width:min(92vw,1100px);height:auto;max-height:80dvh;animation:zoom-entra .32s var(--ease-out);border-radius:4px;box-shadow:0 40px 100px #5200488c;box-shadow:0 40px 100px lab(16.6415% 41.6429 -21.2049/.55)}@keyframes zoom-entra{0%{opacity:0;transform:scale(.88)}}.zoom-nombre{color:var(--muted);letter-spacing:.06em;margin:0;font-size:15px}@media (prefers-reduced-motion:reduce){.d4-vistas-recorrido{display:none}.d4-vistas-pegado{position:relative}.vista{opacity:1;transform:none}.vistas-pista{opacity:1}.zoom,.zoom-img{transition:none;animation:none}}
