.emdr-hist { --n: #0a0a0a; --b: #fbfbf7; --g: #8d8d89; --f-tit: "Montserrat", Arial, sans-serif; --f-fino: "Jost", "Futura", sans-serif; --f-serif: "Playfair Display", Georgia, serif; color-scheme: light; }
.emdr-hist * { box-sizing: border-box; }
.emdr-hist { margin: 0; background: var(--n); color: var(--b); font-family: var(--f-tit); overflow-x: clip; }
.emdr-hist img { display: block; max-width: 100%; height: auto; }
.emdr-hist figure { margin: 0; }
.emdr-hist .oculto { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.emdr-hist .esc { position: relative; }
.emdr-hist .st { position: sticky; top: 0; height: 100vh; height: 100svh; overflow: hidden; }
.emdr-hist [data-r] { --t: 0; }
.emdr-hist .st { --sal: 0; }
.emdr-hist .trazo { fill: none; stroke-dasharray: 1; stroke-dashoffset: calc(1 - var(--t)); }
.emdr-hist button:focus-visible, .emdr-hist a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.emdr-hist .anio { margin: 0; font: 300 clamp(22px, 2.3vw, 36px)/1 var(--f-fino); letter-spacing: .06em; opacity: var(--t); }
.emdr-hist .anio--txt { opacity: 1; }
.emdr-hist .cap-n { font: 400 12px/1 var(--f-fino); letter-spacing: .32em; text-transform: uppercase; }
.emdr-hist .tit { margin: 0; font: 900 clamp(30px, 3.8vw, 64px)/.92 var(--f-tit); text-transform: uppercase; letter-spacing: -.015em; text-wrap: balance; }
.emdr-hist .palabras span { display: inline-block; --w: clamp(0, calc(var(--t) * (1.4 + var(--n, 6) * .3) - var(--i) * .3), 1); opacity: var(--w); transform: translateY(calc((1 - var(--w)) * .5em)); }
.emdr-hist .fecha { margin: 0; font: 400 14px/1.3 var(--f-fino); letter-spacing: .3em; text-transform: uppercase; }
.emdr-hist .fecha span, .emdr-hist .s1__lugar small span { opacity: 0; }
.emdr-hist .fecha span.v, .emdr-hist .s1__lugar small span.v { opacity: 1; }
.emdr-hist .leer { justify-self: start; display: inline-block; font: 500 12px/1 var(--f-fino); letter-spacing: .25em; text-transform: uppercase; color: inherit; text-decoration: none; padding: 13px 18px; border: 1px solid currentColor; border-radius: 999px; }
.emdr-hist .leer:hover { background: rgba(127,127,127,.15); }
.emdr-hist .txt { position: absolute; z-index: 6; display: grid; gap: 16px; opacity: clamp(0, calc(var(--t) * 3 - var(--sal) * 4), 1); }
.emdr-hist .est { fill: #fff; transform-box: fill-box; transform-origin: center; animation: eh-titila 3s ease-in-out infinite; }
.emdr-hist .est--osc { fill: var(--n); }
.emdr-hist .est:nth-of-type(2n) { animation-delay: -1.2s; }
.emdr-hist .est:nth-of-type(3n) { animation-delay: -2.1s; }
@keyframes eh-titila { 50% { transform: scale(.6) rotate(20deg); opacity: .6; } }
.emdr-hist .collage img { height: 100%; width: auto; max-width: none; filter: drop-shadow(0 18px 30px rgba(0,0,0,.45)); }
.emdr-hist .portada .st, .emdr-hist .cierre .st { background: var(--n); color: var(--b); }
.emdr-hist .portada .portada__h { position: absolute; left: 50%; top: 50%; margin: 0; transform: translate(-50%, -50%); font: 300 clamp(56px, 12vw, 200px)/.9 var(--f-fino); letter-spacing: .12em; text-transform: uppercase; white-space: nowrap; }
.emdr-hist .portada__arriba, .emdr-hist .portada__abajo { position: absolute; left: 0; right: 0; margin: 0; text-align: center; font: 400 14px/1 var(--f-fino); letter-spacing: .35em; text-transform: uppercase; opacity: var(--t); }
.emdr-hist .portada__arriba { top: calc(50% - clamp(56px, 12vw, 200px) * .5 - 48px); transform: translateY(calc((1 - var(--t)) * -45vh)); }
.emdr-hist .portada__abajo { top: calc(50% + clamp(56px, 12vw, 200px) * .5 + 34px); transform: translateY(calc((1 - var(--t)) * 45vh)); color: var(--g); }
.emdr-hist .baja { position: absolute; left: 50%; bottom: 5vh; transform: translateX(-50%); display: grid; justify-items: center; gap: 12px; font: 400 11px/1 var(--f-fino); letter-spacing: .4em; text-transform: uppercase; color: var(--g); opacity: calc(1 - var(--t)); }
.emdr-hist .baja i { width: 1px; height: 54px; background: linear-gradient(var(--b), transparent); animation: eh-baja 1.8s ease-in-out infinite; transform-origin: top; }
@keyframes eh-baja { 0% { transform: scaleY(0); } 50% { transform: scaleY(1); } 100% { transform: scaleY(1); opacity: 0; } }
.emdr-hist .cierre .st { display: grid; place-items: center; text-align: center; }
.emdr-hist .cierre__t { display: grid; gap: 22px; justify-items: center; opacity: var(--t); }
.emdr-hist .cierre h2 { margin: 0; font: 300 clamp(56px, 10vw, 160px)/.9 var(--f-fino); letter-spacing: .12em; text-transform: uppercase; }
.emdr-hist .s1 .st { background: var(--b); color: var(--n); --cx: 63vw; --cy: 50vh; --R: min(36vw, 46vh); }
.emdr-hist .s1__iris { position: absolute; inset: 0; background: var(--n); clip-path: circle(calc(var(--t) * var(--R)) at var(--cx) var(--cy)); }
.emdr-hist .s1__cielo { position: absolute; inset: 0; background: url(img/grabado-fino.webp) center / 1600px auto; opacity: .45; }
.emdr-hist .s1__est { position: absolute; inset: 0; width: 100%; height: 100%; }
.emdr-hist .s1__caja { position: absolute; left: var(--cx); top: var(--cy); width: calc(var(--R) * 1.62); aspect-ratio: 1; transform: translate(-50%, -50%); }
.emdr-hist .s1__mapa { width: 100%; height: 100%; overflow: visible; }
.emdr-hist .s1__orbe { fill: none; stroke: rgba(255,255,255,.5); stroke-width: 1; stroke-dasharray: 3 5; opacity: var(--t); }
.emdr-hist .s1__pais { stroke: #fff; stroke-width: 1.6; stroke-linejoin: round; }
.emdr-hist .s1__ruta { stroke: #fff; stroke-width: 3; stroke-linecap: round; }
.emdr-hist .s1__coche { fill: #fff; opacity: 0; }
.emdr-hist .s1__p { fill: #fff; transform-box: fill-box; transform-origin: center; transform: scale(var(--t)); }
.emdr-hist .s1__lugar { position: absolute; left: var(--x); top: var(--y); display: grid; gap: 6px; color: #fff; opacity: var(--t); transform: translate(20px, -40%); white-space: nowrap; }
.emdr-hist .s1__lugar--m { transform: translate(20px, -70%); }
.emdr-hist .s1__lugar em { font: italic 600 clamp(26px, 3.2vw, 52px)/1 var(--f-serif); }
.emdr-hist .s1__lugar small { font: 400 12px/1 var(--f-fino); letter-spacing: .3em; text-transform: uppercase; }
.emdr-hist .s1__nino { position: absolute; z-index: 3; left: 10vw; bottom: 7vh; height: 56vh; transform: translateY(calc((1 - var(--t)) * 80vh)) rotate(calc(-4deg + var(--t) * 1deg)); transform-origin: 50% 100%; }
.emdr-hist .foto-antigua img { height: 100%; width: auto; max-width: none; filter: drop-shadow(0 20px 34px rgba(0,0,0,.4)); }
.emdr-hist .s1 .anio { position: absolute; left: 6vw; top: 11vh; }
.emdr-hist .s1 .txt { left: 6vw; top: 17vh; width: min(32vw, 480px); z-index: 4; }
.emdr-hist .s2 .st { background: var(--n); color: var(--n); --mx: 40vw; --D: min(86vh, 62vw); }
.emdr-hist .s2__iris { position: absolute; inset: 0; background: var(--b); clip-path: circle(calc(var(--t) * 120vmax) at var(--mx) 50%); }
.emdr-hist .s2__rayos, .emdr-hist .s2__orla { position: absolute; left: var(--mx); top: 50%; width: var(--D); height: var(--D); transform: translate(-50%, -50%); overflow: visible; }
.emdr-hist .s2__rayos { width: calc(var(--D) * 1.8); height: calc(var(--D) * 1.8); transform: translate(-50%, -50%) rotate(calc(var(--t) * 12deg)); }
.emdr-hist .rayo { stroke: var(--n); stroke-width: 2.2; stroke-dasharray: 10 7; opacity: clamp(0, calc(var(--t) * 2 - var(--k) * .012), 1); }
.emdr-hist .rayo:nth-child(2n) { stroke-width: 1; stroke-dasharray: 3 6; }
.emdr-hist .s2__orla { opacity: var(--t); transform: translate(-50%, -50%) scale(calc(.85 + var(--t) * .15)); }
.emdr-hist .s2__orla--f { opacity: 1; transform: translate(-50%, -50%); z-index: 3; }
.emdr-hist .s2__orla circle { fill: none; stroke: var(--n); }
.emdr-hist .s2__orla .o1 { stroke-width: 4; }
.emdr-hist .s2__orla .o2 { stroke-width: 22; stroke-dasharray: 26 14; animation: eh-gira 60s linear infinite; transform-origin: 500px 500px; }
.emdr-hist .s2__orla .o3 { stroke-width: 2; }
@keyframes eh-gira { to { transform: rotate(360deg); } }
.emdr-hist .s2__medallon { position: absolute; z-index: 2; left: var(--mx); top: 50%; width: calc(var(--D) * .6); aspect-ratio: 1; border-radius: 50%; overflow: hidden; transform: translate(-50%, -50%); clip-path: circle(calc(var(--t) * 50%) at 50% 50%); background: var(--n); }
.emdr-hist .s2__medallon img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 40%; transform: scale(calc(1.25 - var(--t) * .25)); }
.emdr-hist .s2__flecha path { fill: none; stroke: #fff; stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; }
.emdr-hist .s2__flecha .f-punta { opacity: clamp(0, calc(var(--t) * 5 - 4), 1); }
.emdr-hist .s2 .anio { position: absolute; left: var(--mx); top: calc(50% + var(--D) * .5 + 2vh); transform: translateX(-50%); }
.emdr-hist .s2 .txt { right: 6vw; top: 50%; transform: translateY(-50%); width: min(30vw, 460px); }
.emdr-hist .s3 .st { background: var(--n); color: var(--b); }
.emdr-hist .s3__fondo { position: absolute; inset: 0; background: url(img/grabado.webp) center / 1600px auto; opacity: calc(var(--t) * .35); }
.emdr-hist .s3__c1, .emdr-hist .s3__c2, .emdr-hist .s3__c3 { position: absolute; left: -10vw; right: -10vw; }
.emdr-hist .s3__c1 { top: 14vh; transform: rotate(-5deg); clip-path: inset(-20px calc((1 - var(--t)) * 100%) -20px 0); }
.emdr-hist .s3__c2 { top: 50vh; right: 42vw; transform: rotate(9deg); clip-path: inset(-20px 0 -20px calc((1 - var(--t)) * 100%)); z-index: 2; }
.emdr-hist .s3__c3 { top: 86vh; transform: rotate(-3deg); clip-path: inset(-20px calc((1 - var(--t)) * 100%) -20px 0); z-index: 4; }
.emdr-hist .cinta { height: clamp(40px, 6vh, 58px); background: #ebe5cc; color: var(--n); overflow: hidden; box-shadow: 0 12px 26px rgba(0,0,0,.5); }
.emdr-hist .cinta__in { display: flex; height: 100%; background: repeating-linear-gradient(90deg, var(--n) 0 1.5px, transparent 1.5px 7px) 0 0 / 100% 28% no-repeat, repeating-linear-gradient(90deg, var(--n) 0 2px, transparent 2px 35px) 0 0 / 100% 45% no-repeat, repeating-linear-gradient(90deg, var(--n) 0 2px, transparent 2px 70px) 0 0 / 100% 62% no-repeat; }
.emdr-hist .cinta__in span { flex: none; width: 70px; padding: 0 0 6px 5px; align-self: end; font: 500 15px/1 var(--f-fino); }
.emdr-hist .s3__chico { position: absolute; z-index: 3; left: 30vw; bottom: 0; height: 84vh; transform: translateY(calc((1 - var(--t)) * 90vh)) rotate(2deg); transform-origin: 50% 100%; }
.emdr-hist .s3 .anio { position: absolute; right: 6vw; top: 27vh; z-index: 5; }
.emdr-hist .s3 .txt { right: 6vw; top: 33vh; width: min(34vw, 520px); z-index: 5; }
.emdr-hist .s4 .st { background: var(--n); color: #fff; }
.emdr-hist .s4__foto { position: absolute; left: 0; right: 11vw; top: 0; bottom: 0; overflow: hidden; }
.emdr-hist .s4__foto img { width: 100%; height: 100%; object-fit: cover; object-position: 0 15%; transform: scale(calc(1.08 - var(--t) * .08)); transform-origin: 0 30%; }
.emdr-hist .s4__foto::after { content: ""; position: absolute; inset: 0; background: linear-gradient(transparent 40%, rgba(0,0,0,.82)); }
.emdr-hist .s4__teclas { position: absolute; inset: 0; display: flex; flex-direction: column; z-index: 2; }
.emdr-hist .tecla { flex: 1; width: 100%; background: var(--b); border-bottom: 3px solid var(--n); transform-origin: 100% 50%; --w: clamp(0, calc(var(--t) * 1.7 - var(--k) * .05), 1); transform: scaleX(calc(1 - var(--w) * (1 - var(--h) * .18))); }
.emdr-hist .tecla--n { background: var(--n); border-bottom-color: var(--b); }
.emdr-hist .s4__notas, .emdr-hist .s4__pent { position: absolute; left: 0; right: 0; bottom: 26vh; height: 20vh; width: 100%; z-index: 2; }
.emdr-hist .s4__pent { right: 11vw; width: auto; }
.emdr-hist .nota { position: absolute; left: var(--x); bottom: calc(18.9% + var(--p) * 6.67%); height: 12vh; transform: translateY(calc((1 - var(--t)) * -6vh)) scale(calc(.4 + var(--t) * .6)); transform-origin: 40% 88%; opacity: var(--t); }
.emdr-hist .nota svg .hueca { fill: none; stroke: #fff; stroke-width: 4; }
.emdr-hist .nota svg { display: block; height: 100%; width: auto; fill: #fff; animation: eh-canta 2.4s ease-in-out infinite; animation-delay: calc(var(--k) * -.17s); transform-origin: 40% 88%; filter: drop-shadow(0 0 0 rgba(255,255,255,0)); }
@keyframes eh-canta { 0%, 100% { transform: translateY(0); } 12% { transform: translateY(-14%) scale(1.12); filter: drop-shadow(0 0 10px rgba(255,255,255,.9)); } 26% { transform: translateY(0); } }
.emdr-hist .s4__notas path { stroke: rgba(255,255,255,.6); stroke-width: 1.2; vector-effect: non-scaling-stroke; }
.emdr-hist .s4 .anio { position: absolute; z-index: 3; right: 16vw; bottom: 9vh; }
.emdr-hist .s4 .txt { left: 6vw; bottom: 8vh; width: min(60vw, 900px); }
.emdr-hist .s5 .st { background: var(--n); color: var(--b); }
.emdr-hist .s5__lienzo { position: absolute; left: 38vw; top: 47%; width: min(66vh, 42vw); aspect-ratio: 1; transform: translate(-50%, -50%); }
.emdr-hist .s5__orbs, .emdr-hist .s5__marcas { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.emdr-hist .s5__marcas { z-index: 2; }
.emdr-hist .s5__orb { stroke: rgba(245,245,242,.55); stroke-width: 1; }
.emdr-hist .s5__orb--2 { stroke-width: 1; stroke: rgba(245,245,242,.25); }
.emdr-hist .s5__foto { position: absolute; inset: 0; border-radius: 50%; overflow: hidden; clip-path: circle(calc(var(--t) * 50%) at 50% 50%); box-shadow: inset 0 0 0 3px var(--b); }
.emdr-hist .s5__foto img { position: absolute; width: 135.3%; height: auto; max-width: none; left: -21.5%; top: 0; transform: scale(calc(1.2 - var(--t) * .2)); transform-origin: 54% 47%; }
.emdr-hist .s5__m { fill: #fff; stroke: #000; stroke-width: 2; transform-box: fill-box; transform-origin: center; transform: scale(var(--t)); opacity: var(--t); filter: drop-shadow(0 0 2px #000); }
.emdr-hist .s5__l { stroke: #fff; stroke-width: 2; filter: drop-shadow(0 0 2px #000); }
.emdr-hist .s5__nombre { position: absolute; z-index: 3; left: var(--x); top: var(--y); display: grid; gap: 2px; white-space: nowrap; opacity: var(--t); color: var(--b); }
.emdr-hist .s5__nombre--i { transform: translate(calc(-100% - 14px - (1 - var(--t)) * 20px), -50%); text-align: right; }
.emdr-hist .s5__nombre--d { transform: translate(calc(14px + (1 - var(--t)) * 20px), -50%); }
.emdr-hist .s5__nombre small { font: 300 clamp(12px, 1vw, 15px)/1 var(--f-fino); letter-spacing: .1em; }
.emdr-hist .s5__nombre b { font: 400 clamp(14px, 1.3vw, 20px)/1 var(--f-fino); letter-spacing: .16em; text-transform: uppercase; }
.emdr-hist .s5 .txt { right: 4vw; bottom: 7vh; width: auto; }
.emdr-hist .s5 .tit { font-size: clamp(24px, 2.5vw, 42px); white-space: nowrap; }
@media (max-width: 760px) {
.emdr-hist .tit, .emdr-hist .s5 .tit { font-size: clamp(24px, 7.2vw, 32px); }
.emdr-hist .s5 .tit { font-size: 6.4vw; }
.emdr-hist .anio { font-size: 22px; }
.emdr-hist .portada__arriba, .emdr-hist .portada__abajo { font-size: 11px; letter-spacing: .25em; }
.emdr-hist .s1 .st { --cx: 50vw; --cy: 32vh; --R: min(46vw, 24vh); }
.emdr-hist .s1__nino { left: auto; right: 4vw; bottom: 4vh; height: 26vh; }
.emdr-hist .s1 .anio { left: 16px; top: 10vh; }
.emdr-hist .s1 .txt { left: 16px; top: 60vh; width: 58vw; }
.emdr-hist .s1__lugar em { font-size: 20px; }
.emdr-hist .s1__lugar small { font-size: 9px; letter-spacing: .2em; }
.emdr-hist .s1__lugar { transform: translate(12px, -40%); }
.emdr-hist .s1__lugar--m { transform: translate(12px, -80%); }
.emdr-hist .s2 .st { --mx: 50vw; --D: min(92vw, 52vh); }
.emdr-hist .s2__rayos, .emdr-hist .s2__orla, .emdr-hist .s2__medallon { top: 36%; }
.emdr-hist .s2__iris { clip-path: circle(calc(var(--t) * 120vmax) at 50% 36%); }
.emdr-hist .s2 .anio { top: calc(36% + var(--D) * .5 + 1vh); }
.emdr-hist .s2 .txt { left: 16px; right: 16px; top: auto; bottom: 5vh; transform: none; width: auto; }
.emdr-hist .s3__chico { left: 4vw; height: 54vh; bottom: 0; }
.emdr-hist .s3__c2 { top: 62vh; right: -10vw; }
.emdr-hist .s3 .anio { right: auto; left: 16px; top: 22vh; }
.emdr-hist .s3 .txt { left: 16px; right: 16px; top: 27vh; width: auto; }
.emdr-hist .s3 .tit { font-size: 24px; }
.emdr-hist .s4__foto { right: 12vw; }
.emdr-hist .s4__foto img { object-position: 8% 0; }
.emdr-hist .s4 .txt { left: 16px; right: 16px; width: auto; bottom: 6vh; }
.emdr-hist .nota:nth-child(2n) { display: none; }
.emdr-hist .nota { height: 8vh; bottom: calc(21.5% + var(--p) * 6.67%); }
.emdr-hist .s4 .anio { right: auto; left: 16px; bottom: auto; top: 76px; }
.emdr-hist .s5__lienzo { left: 50%; top: 32%; width: 42vw; }
.emdr-hist .s5__nombre small { font-size: 11px; }
.emdr-hist .s5__nombre b { font-size: 13px; letter-spacing: .06em; }
.emdr-hist .s5__nombre--i { transform: translate(calc(-100% - 6px), -50%); }
.emdr-hist .s5__nombre--d { transform: translate(6px, -50%); }
.emdr-hist .s5 .txt { left: 16px; right: 16px; top: auto; bottom: 5vh; transform: none; width: auto; }
}
@media (prefers-reduced-motion: reduce) {
.emdr-hist .est, .emdr-hist .s2__orla .o2, .emdr-hist .baja i, .emdr-hist .nota svg { animation: none; }
}
.emdr-hist .portada .portada__h { opacity: calc(1 - var(--sal)); letter-spacing: calc(.12em + var(--sal) * .5em); }
.emdr-hist .portada__arriba, .emdr-hist .portada__abajo { opacity: calc(var(--t) - var(--sal) * 1.5); }
.emdr-hist .s1__iris { clip-path: circle(calc(var(--t) * var(--R) * (1 - var(--sal))) at var(--cx) var(--cy)); }
.emdr-hist .s1__nino { translate: 0 calc(var(--sal) * 90vh); }
.emdr-hist .s1 .anio { opacity: calc(var(--t) - var(--sal) * 2); }
.emdr-hist .s2 .st { clip-path: circle(calc((1 - var(--sal)) * 120vmax) at var(--mx) 50%); }
.emdr-hist .s3__c1, .emdr-hist .s3__c3 { translate: calc(var(--sal) * -120vw) 0; }
.emdr-hist .s3__c2 { translate: calc(var(--sal) * -120vw) 0; }
.emdr-hist .s3__chico { translate: 0 calc(var(--sal) * 95vh); }
.emdr-hist .s3 .anio { opacity: calc(var(--t) - var(--sal) * 2); }
.emdr-hist .tecla { --w: calc(clamp(0, calc(var(--t) * 1.7 - var(--k) * .05), 1) * (1 - clamp(0, calc(var(--sal) * 1.6 - (13 - var(--k)) * .045), 1))); }
.emdr-hist .s4 .anio, .emdr-hist .s4__notas, .emdr-hist .s4__pent { opacity: calc(1 - var(--sal) * 3); }
.emdr-hist .s5__foto { clip-path: circle(calc(var(--t) * 50% * (1 - var(--sal))) at 50% 50%); }
.emdr-hist .s5__marcas { opacity: calc(1 - var(--sal) * 3); }
.emdr-hist .s5__nombre { opacity: calc(var(--t) - var(--sal) * 3); }
.emdr-hist .s5__orbs { transform: scale(calc(1 - var(--sal))); opacity: calc(1 - var(--sal)); }
@media (max-width: 760px) {
.emdr-hist .s2 .st { clip-path: circle(calc((1 - var(--sal)) * 120vmax) at 50% 36%); }
}
.emdr-hist .foto-borde { background: var(--b); padding: 10px; box-shadow: 0 20px 40px rgba(0,0,0,.4); }
.emdr-hist .foto-borde img { width: 100%; height: auto; }
.emdr-hist .s6 .st { background: var(--n); color: var(--b); }
.emdr-hist .s6__neon { position: absolute; left: 50%; top: 9vh; transform: translateX(-50%); display: flex; white-space: nowrap; font: 500 clamp(52px, 9vw, 150px)/1 var(--f-fino); letter-spacing: .1em; }
.emdr-hist .s6__neon span { color: rgba(245,245,242,.07); }
.emdr-hist .s6__neon span.sp { width: .4em; }
.emdr-hist .s6__neon span.on { color: #fff; text-shadow: 0 0 6px #fff, 0 0 22px rgba(255,255,255,.8), 0 0 60px rgba(255,255,255,.45); animation: eh-zumbido 3.1s infinite; animation-delay: calc(var(--i) * -.37s); opacity: clamp(0, calc(1 - var(--sal) * 2 + var(--i) * .12 - .5), 1); }
.emdr-hist .s6__neon span.on:nth-child(5) { animation: eh-chispa 2.2s infinite; }
@keyframes eh-zumbido { 0%, 91%, 100% { opacity: 1; } 92% { opacity: .5; } 93% { opacity: 1; } }
@keyframes eh-chispa { 0%, 16%, 22%, 58%, 63%, 100% { opacity: 1; } 18%, 60% { opacity: .15; } }
.emdr-hist .s6__arco { position: absolute; left: 12vw; bottom: 0; width: min(30vw, 54vh); height: 64vh; border-radius: 999px 999px 0 0; overflow: hidden; border: 3px solid var(--b); border-bottom: 0; clip-path: inset(calc((1 - var(--t)) * 100%) 0 0 0); translate: 0 calc(var(--sal) * 70vh); }
.emdr-hist .s6__arco img { width: 100%; height: 100%; object-fit: cover; object-position: 60% 30%; }
.emdr-hist .s6__b { position: absolute; left: calc(12vw + min(30vw, 54vh) - 4vw); bottom: 10vh; width: min(15vw, 26vh); transform: rotate(6deg) translateY(calc((1 - var(--t)) * 60vh)); translate: 0 calc(var(--sal) * 90vh); }
.emdr-hist .s6 .txt { right: 7vw; bottom: 10vh; width: min(34vw, 520px); }
.emdr-hist .s7 .st { background: var(--n); color: var(--b); --x1: 10%; --x2: 90%; --y: 42%; --rad: 9vmax; }
.emdr-hist .s7__base, .emdr-hist .s7__luz { position: absolute; inset: 0; }
.emdr-hist .s7__base img, .emdr-hist .s7__luz img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }
.emdr-hist .s7__base img { filter: brightness(.16) contrast(1.2); }
.emdr-hist .s7__luz { -webkit-mask-image: radial-gradient(circle at var(--x1) var(--y), #000 var(--rad), transparent calc(var(--rad) + 5vmax)), radial-gradient(circle at var(--x2) var(--y), #000 var(--rad), transparent calc(var(--rad) + 5vmax)); mask-image: radial-gradient(circle at var(--x1) var(--y), #000 var(--rad), transparent calc(var(--rad) + 5vmax)), radial-gradient(circle at var(--x2) var(--y), #000 var(--rad), transparent calc(var(--rad) + 5vmax)); }
.emdr-hist .s7__luz img { filter: contrast(1.1) brightness(1.08); }
.emdr-hist .s7__haces { position: absolute; inset: 0; width: 100%; height: 100%; mix-blend-mode: screen; opacity: calc(1 - var(--sal)); }
.emdr-hist .s7__suelo { position: absolute; left: 0; right: 0; bottom: 0; height: 34vh; background: linear-gradient(transparent, rgba(10,10,10,.92) 45%); }
.emdr-hist .s7__txt { left: 0; right: 0; bottom: 3vh; justify-items: center; text-align: center; color: var(--b); gap: 10px; }
.emdr-hist .s7__tit { font-size: clamp(30px, 4.6vw, 76px); }
.emdr-hist .s7__reflejo { display: block; transform: scaleY(-1); opacity: .3; -webkit-mask-image: linear-gradient(transparent 10%, #000 100%); mask-image: linear-gradient(transparent 10%, #000 100%); height: .5em; overflow: hidden; line-height: .92; margin-top: -.02em; }
.emdr-hist .s7__txt .leer { justify-self: center; }
.emdr-hist .s8 .st { background: var(--b); color: var(--n); --D: min(66vh, 42vw); --cx: 30vw; }
.emdr-hist .s8__vel { position: absolute; left: 0; top: 50%; width: calc(var(--cx)); height: var(--D); transform: translateY(-50%); display: grid; align-content: space-between; opacity: calc(1 - var(--t) + var(--sal)); }
.emdr-hist .s8__vel i { display: block; height: 3px; background: var(--n); width: var(--w); justify-self: end; transform-origin: 100% 50%; transform: scaleX(calc(var(--t) * 1.2)); }
.emdr-hist .s8__plato { position: absolute; left: var(--cx); top: 50%; width: var(--D); aspect-ratio: 1; transform: translate(-50%, -50%) translateX(calc((1 - var(--t)) * -70vw + var(--sal) * 80vw)); }
.emdr-hist .s8__disco { position: absolute; inset: 0; border-radius: 50%; background: #2e2e2f; box-shadow: 0 30px 60px rgba(0,0,0,.35); animation: eh-gira 3.2s linear infinite; }
.emdr-hist .s8__surcos { position: absolute; inset: 0; border-radius: 50%; background: repeating-radial-gradient(circle, transparent 0 3px, rgba(255,255,255,.09) 3.5px 4px), conic-gradient(from 30deg, transparent 0 8%, rgba(255,255,255,.22) 12%, transparent 18% 55%, rgba(255,255,255,.16) 60%, transparent 66%); }
.emdr-hist .s8__eti { position: absolute; left: 50%; top: 50%; width: 40%; aspect-ratio: 1; border-radius: 50%; overflow: hidden; transform: translate(-50%, -50%); background: var(--b); box-shadow: 0 0 0 6px var(--b); }
.emdr-hist .s8__eti img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 55% 40%; }
.emdr-hist .s8__eti svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.emdr-hist .s8__marca, .emdr-hist .s8__anio { font: 600 19px/1 var(--f-fino); letter-spacing: .35em; fill: #fff; paint-order: stroke; stroke: rgba(0,0,0,.65); stroke-width: 3px; }
.emdr-hist .s8__anio { font-size: 15px; }
.emdr-hist .s8__eje { position: absolute; left: 50%; top: 50%; width: 10px; height: 10px; border-radius: 50%; background: var(--b); transform: translate(-50%, -50%); box-shadow: 0 0 0 3px var(--n); }
.emdr-hist .s8__brazo { position: absolute; left: calc(var(--cx) + var(--D) * .34); top: 50%; height: calc(var(--D) * 1.02); transform: translateY(-58%) rotate(calc(-14deg + var(--t) * 45deg - var(--sal) * 45deg)); transform-origin: 77% 12%; overflow: visible; opacity: clamp(0, calc(var(--t) * 4), 1); }
.emdr-hist .s8__brazo .b-base { fill: #d9d9d4; stroke: var(--n); stroke-width: 3; }
.emdr-hist .s8__brazo .b-eje { fill: var(--n); }
.emdr-hist .s8__brazo .b-tubo { fill: none; stroke: var(--n); stroke-width: 16; stroke-linecap: round; }
.emdr-hist .s8__brazo .b-tubo2 { fill: none; stroke: #e4e4df; stroke-width: 8; stroke-linecap: round; }
.emdr-hist .s8__brazo .b-aguja { fill: var(--n); }
.emdr-hist .s8__brazo .b-capsula { fill: #e4e4df; stroke: var(--n); stroke-width: 4; }
.emdr-hist .s8__brazo { filter: drop-shadow(6px 10px 6px rgba(0,0,0,.35)); }
.emdr-hist .s8 .txt { right: 5vw; top: 50%; transform: translateY(-50%); width: auto; }
.emdr-hist .s8__tit { font-size: clamp(28px, 3.3vw, 54px); white-space: nowrap; }
.emdr-hist .s9 .st { background: var(--n); color: var(--b); }
.emdr-hist .s9__circ { position: absolute; left: 34vw; top: 35%; width: min(52vh, 40vw); aspect-ratio: 1; transform: translate(-50%, -50%) scale(calc(1 - var(--sal))); border-radius: 50%; overflow: hidden; box-shadow: 0 0 0 3px var(--b), 0 0 0 14px var(--n), 0 0 0 16px rgba(245,245,242,.4); }
.emdr-hist .s9__cuenta { position: absolute; inset: 0; background: #8e8e8a; display: grid; place-items: center; }
.emdr-hist .s9__barrido { position: absolute; inset: 0; background: conic-gradient(rgba(10,10,10,.55) calc(var(--g, 0) * 360deg), transparent 0); }
.emdr-hist .s9__cruz { position: absolute; inset: 0; background: linear-gradient(var(--n), var(--n)) 50% 0 / 2px 100% no-repeat, linear-gradient(var(--n), var(--n)) 0 50% / 100% 2px no-repeat; }
.emdr-hist .s9__aro { position: absolute; inset: 9%; border-radius: 50%; border: 2px solid var(--b); box-shadow: 0 0 0 10px transparent, inset 0 0 0 14px transparent, 0 0 0 0 var(--n); outline: 2px solid var(--b); outline-offset: 14px; }
.emdr-hist .s9__cuenta b { position: relative; font: 300 min(34vh, 24vw)/1 var(--f-fino); color: var(--b); }
.emdr-hist .s9__foto { position: absolute; inset: 0; opacity: var(--t); }
.emdr-hist .s9__foto img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; transform: scale(calc(1.2 - var(--t) * .2)); }
.emdr-hist .s9__tira { position: absolute; left: 0; right: 0; bottom: 6vh; opacity: clamp(0, calc(var(--t) * 8), 1); }
.emdr-hist .s9__in { display: flex; width: max-content; padding: 3vh 0; background: #050505; position: relative; transform: translateX(calc(100vw - var(--t) * 190vw - var(--sal) * 140vw)); }
.emdr-hist .s9__in::before, .emdr-hist .s9__in::after { content: ""; position: absolute; left: 0; right: 0; height: 1.4vh; background: repeating-linear-gradient(90deg, transparent 0 12px, var(--b) 12px 26px, transparent 26px 38px); opacity: .85; }
.emdr-hist .s9__in::before { top: .8vh; }
.emdr-hist .s9__in::after { bottom: .8vh; }
.emdr-hist .s9__f { height: 22vh; padding: 0 .9vh; border-right: 1px solid #000; }
.emdr-hist .s9__f img { height: 100%; width: auto; max-width: none; }
.emdr-hist .s9 .txt { right: 7vw; top: 16vh; width: min(32vw, 480px); }
.emdr-hist .s10 .st { background: #e9e7de; color: var(--n); }
.emdr-hist .s10__hoja { position: absolute; right: 7vw; top: 12vh; width: min(40vw, 600px); height: 70vh; background: #fbfaf5; box-shadow: 0 24px 50px rgba(0,0,0,.18); padding: 7vh 3vw; transform: rotate(calc(2deg - var(--t) * 3deg)) translateY(calc((1 - var(--t)) * 90vh)); translate: calc(var(--sal) * 60vw) 0; }
.emdr-hist .s10__lineas { display: grid; gap: 2.4vh; }
.emdr-hist .s10__lineas i { display: block; height: 6px; background: #d6d5cf; }
.emdr-hist .s10__lineas i:nth-child(3n) { width: 70%; }
.emdr-hist .s10__firma { position: absolute; left: 2.5vw; bottom: 4vh; width: 54%; height: auto; overflow: visible; }
.emdr-hist .s10__mk path.fino { stroke-width: 3.6; }
.emdr-hist .s10__mk path { fill: none; stroke: #fff; stroke-width: 5.8; stroke-linecap: round; stroke-linejoin: round; }
.emdr-hist .s10__tinta, .emdr-hist .s10__puntos { fill: var(--n); }
.emdr-hist .s10__puntos { opacity: var(--t); }
.emdr-hist .s10__raya { position: absolute; left: 3vw; width: 52%; bottom: 8vh; height: 1.5px; background: var(--n); opacity: .5; }
.emdr-hist .s10__sello { position: absolute; right: 3vw; bottom: 6vh; width: 25%; color: #1d1d1f; opacity: calc(var(--t) * .9); transform: scale(calc(2.4 - var(--t) * 1.4)) rotate(-14deg); mix-blend-mode: multiply; }
.emdr-hist .s10__sello svg { width: 100%; fill: none; stroke: currentColor; stroke-width: 5; }
.emdr-hist .s10__sello text { fill: currentColor; stroke: none; font: 600 17px/1 var(--f-fino); letter-spacing: .2em; }
.emdr-hist .s10__sello .s10__a { font-size: 30px; letter-spacing: .1em; }
.emdr-hist .s10__carta { position: absolute; left: 9vw; top: 50%; width: min(28vw, 50vh); transform: translateY(-50%) rotate(calc(-5deg + var(--t) * 2deg)) translateX(calc((1 - var(--t)) * -60vw)); translate: calc(var(--sal) * -60vw) 0; z-index: 2; }
.emdr-hist .s10__marco { position: relative; background: #fbfaf5; padding: 14px 14px 64px; border: 1px solid var(--n); outline: 1px solid var(--n); outline-offset: -8px; box-shadow: 0 26px 50px rgba(0,0,0,.25); }
.emdr-hist .s10__marco img { width: 100%; height: auto; border: 1px solid var(--n); }
.emdr-hist .s10__num { position: absolute; right: 22px; top: 22px; width: 54px; height: 54px; border-radius: 50%; background: #fbfaf5; border: 1px solid var(--n); display: grid; place-items: center; font: 500 14px/1 var(--f-fino); }
.emdr-hist .s10__nombre { position: absolute; left: 0; right: 0; bottom: 16px; text-align: center; font: italic 600 clamp(22px, 2.4vw, 36px)/1 var(--f-serif); letter-spacing: .14em; }
.emdr-hist .s10__b { position: absolute; left: calc(9vw + min(28vw, 50vh) - 5vw); top: 8vh; width: min(14vw, 24vh); transform: rotate(7deg) translateY(calc((1 - var(--t)) * -70vh)); translate: 0 calc(var(--sal) * -80vh); }
.emdr-hist .s10 .txt { left: 40vw; bottom: 7vh; width: min(24vw, 360px); z-index: 3; }
.emdr-hist .s10 .tit { font-size: clamp(26px, 2.8vw, 46px); }
@media (max-width: 760px) {
.emdr-hist .s6__neon { font-size: 12vw; top: 12vh; }
.emdr-hist .s6__arco { left: 8vw; width: 54vw; height: 46vh; bottom: 30vh; }
.emdr-hist .s6__b { left: 54vw; bottom: 40vh; width: 34vw; padding: 6px; }
.emdr-hist .s6 .txt { left: 16px; right: 16px; width: auto; bottom: 5vh; }
.emdr-hist .s7 .st { --y: 38%; --rad: 16vmax; }
.emdr-hist .s7__base img, .emdr-hist .s7__luz img { object-position: 52% 30%; }
.emdr-hist .s7__tit { font-size: 9vw; }
.emdr-hist .s8 .st { --D: 68vw; --cx: 38vw; }
.emdr-hist .s8__plato { top: 34%; }
.emdr-hist .s8__vel { display: none; }
.emdr-hist .s8__brazo { top: 34%; }
.emdr-hist .s8 .txt { left: 16px; right: 16px; top: auto; bottom: 5vh; transform: none; width: auto; }
.emdr-hist .s9__circ { left: 50%; top: 30%; width: 70vw; }
.emdr-hist .s9 .txt { left: 16px; right: 16px; top: auto; bottom: 34vh; width: auto; }
.emdr-hist .s9__f { height: 18vh; }
.emdr-hist .s9__tira { bottom: 4vh; }
.emdr-hist .s10__hoja { right: 6vw; top: 12vh; width: 70vw; height: 46vh; padding: 4vh 6vw; }
.emdr-hist .s10__carta { left: 6vw; top: 52%; width: 46vw; }
.emdr-hist .s10__marco { padding: 8px 8px 40px; }
.emdr-hist .s10__num { width: 36px; height: 36px; font-size: 10px; right: 14px; top: 14px; }
.emdr-hist .s10__nombre { font-size: 16px; bottom: 12px; }
.emdr-hist .s10__b { display: none; }
.emdr-hist .s10 .txt { left: auto; right: 16px; bottom: 5vh; width: 42vw; }
.emdr-hist .s10 .tit { font-size: 22px; }
}
@media (prefers-reduced-motion: reduce) {
.emdr-hist .s6__neon span.on, .emdr-hist .s8__disco { animation: none; }
}
.emdr-hist .s11 .st { background: #e6e4da; color: var(--n); }
.emdr-hist .s11 .st::before { content: ""; position: absolute; inset: 0; background: url(img/grabado-fino.webp) center / 1600px auto; opacity: .08; filter: invert(1); }
.emdr-hist .s11__ruta { position: absolute; left: -5vw; right: -5vw; top: 58vh; height: 15vh; background: var(--n); transform: rotate(-4deg) scaleX(clamp(0, calc(var(--t) * 6), 1)); transform-origin: 0 50%; translate: calc(var(--sal) * -110vw) 0; }
.emdr-hist .s11__ruta i { position: absolute; left: 0; right: -600px; top: calc(50% - 3px); height: 6px; background: repeating-linear-gradient(90deg, var(--b) 0 60px, transparent 60px 110px); translate: calc(var(--t) * -440px) 0; animation: eh-carril 2.4s linear infinite; }
@keyframes eh-carril { to { background-position-x: -110px; } }
.emdr-hist .s11__c { position: absolute; opacity: clamp(0, calc((var(--t) - .1) * 14), 1); background: #f7f6f0; padding: 8px; box-shadow: 0 16px 32px rgba(0,0,0,.25); }
.emdr-hist .s11__c img { height: 100%; width: auto; max-width: none; }
.emdr-hist .s11__c--a { left: 6vw; top: 8vh; height: 80vh; transform: rotate(-2deg); translate: 0 calc(var(--sal) * 100vh); }
.emdr-hist .s11__c--b { left: 26vw; top: 12vh; height: 60vh; transform: rotate(2.5deg); translate: 0 calc(var(--sal) * -100vh); }
.emdr-hist .s11__c--c { left: 50vw; top: 9vh; width: min(32vw, 470px); height: auto; transform: rotate(-1.5deg); translate: calc(var(--sal) * 60vw) 0; }
.emdr-hist .s11__c--c img { width: 100%; height: auto; }
.emdr-hist .s11 .txt { right: 6vw; bottom: 8vh; width: min(38vw, 560px); }
.emdr-hist .s12 .st { background: var(--b); color: var(--n); }
.emdr-hist .s12__svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.emdr-hist .s12__letras { font: 900 380px/1 var(--f-tit); fill: url(#s12-rayas); stroke: #fff; stroke-width: calc(var(--t) * var(--t) * 900px * (1 - var(--sal))); stroke-linejoin: round; }
.emdr-hist .s12__m { display: none; }
.emdr-hist .s12__sombra { font: 900 380px/1 var(--f-tit); fill: #000; opacity: calc(1 - var(--t) * 3); }
.emdr-hist .s12__b { position: absolute; z-index: 4; left: 5vw; bottom: 7vh; width: min(22vw, 40vh); transform: rotate(-4deg) translateY(calc((1 - var(--t)) * 70vh)); translate: 0 calc(var(--sal) * 80vh); }
.emdr-hist .s12 .txt { right: 6vw; top: 13vh; width: min(36vw, 540px); color: #fff; text-shadow: 0 2px 20px rgba(0,0,0,.7); }
.emdr-hist .s12 .txt::before { content: ""; position: absolute; inset: -10vh -10vw -12vh -20vw; z-index: -1; background: radial-gradient(ellipse at 60% 50%, rgba(0,0,0,.55), transparent 70%); }
.emdr-hist .s13 .st { background: var(--n); color: var(--b); }
.emdr-hist .s13__foto { position: absolute; inset: 0; }
.emdr-hist .s13__foto img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 35%; transform: scale(calc(1.12 - var(--t) * .12)); }
.emdr-hist .s13__foto::after { content: ""; position: absolute; inset: 45% 0 0; background: linear-gradient(transparent, rgba(0,0,0,.85)); }
.emdr-hist .s13__telon { position: absolute; top: 0; bottom: 0; width: 51%; z-index: 2; background: linear-gradient(rgba(0,0,0,.35), transparent 30%, transparent 70%, rgba(0,0,0,.55)), repeating-linear-gradient(90deg, rgba(255,255,255,0) 0, rgba(255,255,255,.07) 1.1vw, rgba(255,255,255,0) 2.9vw), repeating-linear-gradient(90deg, #0d0d0e 0, #2b2b2d 1.6vw, #3b3b3d 2.3vw, #1a1a1b 3.4vw, #0b0b0c 4.1vw, #262628 5.6vw, #101011 7.3vw); box-shadow: inset 0 -80px 120px rgba(0,0,0,.6); }
.emdr-hist .s13__telon::after { content: ""; position: absolute; inset: 0; background: url(img/grabado-fino.webp) center / 1200px auto; opacity: .06; mix-blend-mode: screen; }
.emdr-hist .s13__telon--i { box-shadow: inset -30px 0 40px rgba(0,0,0,.6); }
.emdr-hist .s13__telon--d { box-shadow: inset 30px 0 40px rgba(0,0,0,.6); }
.emdr-hist .s13__focos { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; mix-blend-mode: screen; opacity: calc(var(--t) * .5 * (1 - var(--sal))); }
.emdr-hist .s13__focos polygon { transform-box: view-box; animation: eh-oscila 7s ease-in-out infinite alternate; }
.emdr-hist .s13__focos polygon:first-of-type { transform-origin: 150px 0; }
.emdr-hist .s13__focos polygon:last-of-type { transform-origin: 850px 0; animation-delay: -3.5s; }
@keyframes eh-oscila { from { transform: rotate(-3deg); } to { transform: rotate(3deg); } }
.emdr-hist .s13__telon--i { left: 0; transform-origin: 0 0; transform: translateX(calc(var(--t) * -88% + var(--sal) * 88%)) skewX(calc(var(--t) * 4deg)); }
.emdr-hist .s13__telon--d { right: 0; transform-origin: 100% 0; transform: translateX(calc(var(--t) * 88% - var(--sal) * 88%)) skewX(calc(var(--t) * -4deg)); }
.emdr-hist .s13__bamb { position: absolute; left: 0; right: 0; top: 0; height: 12vh; z-index: 3; background: repeating-linear-gradient(90deg, #121213 0, #343436 2vw, #121213 4vw); border-radius: 0 0 50% 50% / 0 0 40% 40%; box-shadow: 0 10px 40px rgba(0,0,0,.6); }
.emdr-hist .s13 .txt { left: 6vw; bottom: 8vh; width: min(60vw, 900px); }
.emdr-hist .s14 .st { background: var(--b); color: var(--n); --D: min(80vh, 48vw); }
.emdr-hist .s14__tambor { position: absolute; left: 30vw; top: 50%; width: var(--D); aspect-ratio: 1; transform: translate(-50%, -50%) scale(calc(1 - var(--sal))); }
.emdr-hist .s14__a { position: absolute; left: 50%; top: 50%; width: calc(var(--r) * 1%); aspect-ratio: 1; border-radius: 50%; background: var(--n); translate: -50% -50%; transform: scale(clamp(0, calc(var(--t) * 1.8 - var(--k) * .12), 1)); animation: eh-late 1.8s ease-out infinite; animation-delay: calc(var(--k) * .04s); }
.emdr-hist .s14__a:nth-child(2n) { background: var(--b); }
@keyframes eh-late { 0% { scale: 1.03; } 10% { scale: 1; } 16% { scale: 1.03; } 26%, 100% { scale: 1; } }
.emdr-hist .s14__foto { position: absolute; left: 50%; top: 50%; width: 46%; aspect-ratio: 1; border-radius: 50%; overflow: hidden; translate: -50% -50%; clip-path: circle(calc(clamp(0, calc(var(--t) * 2 - 1), 1) * 50%) at 50% 50%); animation: eh-late 1.8s ease-out infinite; }
.emdr-hist .s14__foto img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 35%; }
.emdr-hist .s14__baq { position: absolute; width: 1.5%; height: 36%; border-radius: 99px; background: var(--n); box-shadow: 0 0 0 3px var(--b); transform-origin: 50% 0; translate: -50% 0; opacity: clamp(0, calc(var(--t) * 3 - 2), 1); }
.emdr-hist .s14__baq::before { content: ""; position: absolute; left: 50%; bottom: -2.5%; width: 260%; aspect-ratio: 1; border-radius: 50%; background: var(--n); translate: -50% 0; box-shadow: 0 0 0 3px var(--b); }
.emdr-hist .s14__baq--1 { left: 96%; top: 4%; rotate: 45deg; animation: eh-golpe 1.8s ease-in-out infinite; }
.emdr-hist .s14__baq--2 { left: 104%; top: 18%; rotate: 45deg; animation: eh-golpe2 1.8s ease-in-out infinite; }
@keyframes eh-golpe { 0% { transform: rotate(0); } 5% { transform: rotate(-12deg); } 10%, 100% { transform: rotate(0); } 90% { transform: rotate(-12deg); } }
@keyframes eh-golpe2 { 0%, 8% { transform: rotate(-12deg); } 16% { transform: rotate(0); } 21% { transform: rotate(-12deg); } 100% { transform: rotate(-12deg); } }
.emdr-hist .s14 .txt { left: 63vw; top: 50%; transform: translateY(-50%); width: auto; }
.emdr-hist .s14 .tit { font-size: clamp(26px, 3.4vw, 60px); }
.emdr-hist .s15 .st { background: var(--n); color: var(--b); }
.emdr-hist .s15__cielo { position: absolute; inset: 0; background: url(img/grabado-fino.webp) center / 1600px auto; opacity: calc(var(--t) * .4); }
.emdr-hist .s15__est { position: absolute; inset: 0; width: 100%; height: 100%; opacity: calc(var(--t) * (1 - var(--sal))); }
.emdr-hist .s15__estrella { position: absolute; left: 32vw; top: 50%; width: min(82vh, 56vw); aspect-ratio: 1; translate: -50% -50%; transform: rotate(calc(var(--t) * 144deg + var(--sal) * 72deg)) scale(calc(var(--t) * (1 - var(--sal)))); }
.emdr-hist .s15__foto { position: absolute; left: 32vw; top: 52%; width: min(36vh, 25vw); aspect-ratio: 1; border-radius: 50%; overflow: hidden; translate: -50% -50%; box-shadow: 0 0 0 8px var(--n), 0 0 0 10px var(--b); clip-path: circle(calc(var(--t) * 50% * (1 - var(--sal))) at 50% 50%); }
.emdr-hist .s15__foto img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 40%; }
.emdr-hist .s15__banda { position: absolute; right: 7vw; bottom: 7vh; width: min(26vw, 44vh); transform: rotate(3deg) translateY(calc((1 - var(--t)) * 70vh)); translate: 0 calc(var(--sal) * 80vh); }
.emdr-hist .s15 .txt { right: 6vw; top: 26vh; width: min(32vw, 480px); }
@media (max-width: 760px) {
.emdr-hist .s11__c--a { left: 4vw; top: 9vh; height: 46vh; }
.emdr-hist .s11__c--b { left: 36vw; top: 14vh; height: 34vh; }
.emdr-hist .s11__c--c { left: 44vw; top: 40vh; width: 52vw; }
.emdr-hist .s11__ruta { top: 36vh; height: 9vh; }
.emdr-hist .s11 .txt { left: 16px; right: 16px; width: auto; bottom: 5vh; }
.emdr-hist .s12__letras, .emdr-hist .s12__sombra { font-size: 380px; }
.emdr-hist .s12__b { width: 30vw; left: 6vw; bottom: auto; top: 12vh; }
.emdr-hist .s12 .txt { left: 16px; right: 16px; width: auto; top: auto; bottom: 5vh; }
.emdr-hist .s12 .txt::before { inset: -8vh -6vw -6vh; }
.emdr-hist .s12__d { display: none; }
.emdr-hist .s12__m { display: inline; }
.emdr-hist .s13__foto img { object-position: 50% 30%; }
.emdr-hist .s13__bamb { height: 7vh; }
.emdr-hist .s13 .txt { left: 16px; right: 16px; bottom: 5vh; width: auto; }
.emdr-hist .s14 .st { --D: 88vw; }
.emdr-hist .s14__tambor { left: 50%; top: 34%; }
.emdr-hist .s14 .txt { left: 16px; right: 16px; top: auto; bottom: 6vh; transform: none; width: auto; }
.emdr-hist .s14 .tit { font-size: 30px; }
.emdr-hist .s15__estrella { left: 50%; top: 32%; width: 92vw; }
.emdr-hist .s15__foto { left: 50%; top: 32%; width: 40vw; }
.emdr-hist .s15__banda { width: 40vw; right: 6vw; bottom: auto; top: 50vh; }
.emdr-hist .s15 .txt { left: 16px; right: 16px; top: auto; bottom: 5vh; width: auto; }
}
@media (prefers-reduced-motion: reduce) {
.emdr-hist .s11__ruta i, .emdr-hist .s14__a, .emdr-hist .s14__foto, .emdr-hist .s14__baq, .emdr-hist .s13__focos polygon { animation: none; }
}
.emdr-hist .s14 .tit { white-space: nowrap; }
.emdr-hist .s15__img { opacity: 1; transform-box: view-box; transform-origin: 500px 500px; transform: rotate(calc(var(--t) * -144deg - var(--sal) * 72deg)); }
.emdr-hist .s16 .st { background: var(--n); color: var(--b); }
.emdr-hist .s16 .st::before { content: ""; position: absolute; inset: 0; background: url(img/grabado-fino.webp) center / 1600px auto; opacity: .25; }
.emdr-hist .s16__globo { position: absolute; left: 34vw; top: 50%; width: min(84vh, 54vw); aspect-ratio: 1; translate: -50% -50%; transform: scale(calc(1 - var(--sal))); }
.emdr-hist .s16__globo svg { width: 100%; height: 100%; overflow: visible; }
.emdr-hist .s16__esfera { fill: #0a0a0a; }
.emdr-hist .s16__grat { fill: none; stroke: rgba(245,245,242,.18); stroke-width: .8; }
.emdr-hist .s16__tierra { fill: rgba(245,245,242,.1); stroke: var(--b); stroke-width: 1.3; stroke-linejoin: round; }
.emdr-hist .s16__arco { fill: none; stroke: var(--b); stroke-width: 3; stroke-dasharray: 8 7; stroke-linecap: round; }
.emdr-hist .s16__ini, .emdr-hist .s16__fin { fill: var(--b); }
.emdr-hist .s16__foto { position: absolute; inset: 0; border-radius: 50%; overflow: hidden; clip-path: circle(calc(var(--t) * 50%) at 50% 50%); }
.emdr-hist .s16__foto img { width: 100%; height: 100%; object-fit: cover; object-position: 60% 50%; }
.emdr-hist .s16__b { position: absolute; z-index: 3; left: calc(34vw + min(84vh, 54vw) * .32); bottom: 6vh; width: min(15vw, 26vh); transform: rotate(5deg) translateY(calc((1 - var(--t)) * 70vh)); translate: 0 calc(var(--sal) * 90vh); }
.emdr-hist .s16 .txt { right: 6vw; top: 18vh; width: min(30vw, 440px); }
.emdr-hist .s17 .st { background: #161617; color: var(--b); }
.emdr-hist .s17__tv { position: absolute; left: 4vw; top: 50%; width: min(60vw, 100vh); aspect-ratio: 4 / 3; translate: 0 -50%; border-radius: 4% / 5%; overflow: hidden; box-shadow: 0 0 0 14px #262628, 0 0 0 16px #3a3a3c, 0 40px 80px rgba(0,0,0,.6); transform: scale(calc(1 - var(--sal) * .15)); opacity: calc(1 - var(--sal) * 1.3); }
.emdr-hist .s17__tv::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(ellipse at 50% 50%, transparent 55%, rgba(0,0,0,.55)), radial-gradient(ellipse at 30% 20%, rgba(255,255,255,.12), transparent 45%); pointer-events: none; }
.emdr-hist .s17__carta { width: 100%; height: 100%; display: block; }
.emdr-hist .s17__p, .emdr-hist .s17__barras, .emdr-hist .s17__fan, .emdr-hist .s17__raf { opacity: var(--t); }
.emdr-hist .s17__fan line { stroke: #f2f2ee; stroke-width: 1.4; }
.emdr-hist .s17__barras { transform-box: fill-box; transform-origin: 0 50%; transform: scaleX(var(--t)); }
.emdr-hist .s17__raf { clip-path: inset(0 calc((1 - var(--t)) * 100%) 0 0); }
.emdr-hist .s17__eti { font: 500 46px/1 var(--f-fino); letter-spacing: .3em; fill: #f2f2ee; }
.emdr-hist .s17__aro { stroke: #f2f2ee; stroke-width: 6; }
.emdr-hist .s17__cruz { stroke: #f2f2ee; stroke-width: 3; }
.emdr-hist .s17__img { opacity: var(--t); transform: translateY(calc((1 - var(--t)) * -380px)); }
.emdr-hist .s17__ruido { position: absolute; inset: -20%; pointer-events: none; opacity: calc(sin(var(--t) * 3.1416) * .85); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.3' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); animation: eh-grano .25s steps(4) infinite; }
@keyframes eh-grano { 0% { transform: translate(0, 0); } 25% { transform: translate(-3%, 2%); } 50% { transform: translate(2%, -3%); } 75% { transform: translate(-2%, -1%); } }
.emdr-hist .s17__lineas { position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(transparent 0 2px, rgba(0,0,0,.22) 2px 4px); }
.emdr-hist .s17 .txt { right: 5vw; top: 50%; transform: translateY(-50%); width: min(26vw, 400px); }
.emdr-hist .s18 .st { background: var(--n); color: var(--b); }
.emdr-hist .s18__mapa { position: absolute; inset: 0; width: 100%; height: 100%; translate: calc(var(--sal) * -30vw) 0; opacity: calc(1 - var(--sal)); }
.emdr-hist .s18__paises { stroke: rgba(245,245,242,.55); stroke-width: 1; fill: none; }
.emdr-hist .s18__mad { fill: var(--b); transform-box: fill-box; transform-origin: center; transform: scale(var(--t)); }
.emdr-hist .s18__ondas { opacity: var(--t); }
.emdr-hist .s18__ondas circle { fill: none; stroke: var(--b); stroke-width: 1.5; transform-box: fill-box; transform-origin: center; animation: eh-onda18 12s linear infinite; opacity: 0; }
.emdr-hist .s18__ondas circle:nth-child(2) { animation-delay: -4s; }
.emdr-hist .s18__ondas circle:nth-child(3) { animation-delay: -8s; }
.emdr-hist .s18__ondas circle:nth-child(4) { display: none; }
@keyframes eh-onda18 { 0% { transform: scale(.1); opacity: .8; } 100% { transform: scale(9); opacity: 0; } }
.emdr-hist .s18__f { position: absolute; z-index: 2; opacity: clamp(0, calc(var(--t) * 4), 1); }
.emdr-hist .s18__f--a { left: 44vw; top: 8vh; width: min(22vw, 40vh); transform: rotate(-4deg) translateY(calc((1 - var(--t)) * -60vh)); translate: 0 calc(var(--sal) * -90vh); }
.emdr-hist .s18__f--b { left: 66vw; top: 16vh; width: min(24vw, 42vh); transform: rotate(3deg) translateY(calc((1 - var(--t)) * 70vh)); translate: calc(var(--sal) * 60vw) 0; z-index: 3; }
.emdr-hist .s18__f--c { left: 50vw; top: 56vh; width: min(28vw, 48vh); transform: rotate(-2deg) translateX(calc((1 - var(--t)) * 60vw)); translate: 0 calc(var(--sal) * 90vh); z-index: 4; }
.emdr-hist .s18 .txt { left: 6vw; top: 14vh; width: min(34vw, 500px); }
.emdr-hist .s19 .st { background: var(--n); color: var(--b); }
.emdr-hist .s19__svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.emdr-hist .s19__franjas { fill: none; stroke: #fff; stroke-width: calc(var(--t) * var(--t) * 1300px * (1 - var(--sal))); }
.emdr-hist .s19__lineas { stroke: var(--b); stroke-width: 3; opacity: var(--fuera, 1); }
.emdr-hist .s19__b { position: absolute; z-index: 3; left: 6vw; top: 12vh; width: min(30vw, 52vh); transform: rotate(-3deg) translateY(calc((1 - var(--t)) * -80vh)); translate: 0 calc(var(--sal) * -90vh); }
.emdr-hist .s19 .txt { left: 6vw; bottom: 8vh; width: min(50vw, 760px); text-shadow: 0 2px 20px rgba(0,0,0,.7); }
.emdr-hist .s19 .txt::before { content: ""; position: absolute; inset: -12vh -20vw -12vh -10vw; z-index: -1; background: radial-gradient(ellipse at 30% 60%, rgba(0,0,0,.65), transparent 70%); }
.emdr-hist .s20 .st { background: var(--b); color: var(--n); }
.emdr-hist .s20__rayos { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
.emdr-hist .s20__rayos polygon { fill: var(--n); transform-box: view-box; transform-origin: 500px 620px; transform: rotate(calc((var(--i) - 9) * 10deg * var(--t) * (1 - var(--sal)))); opacity: clamp(0, calc(var(--t) * 3), 1); }
.emdr-hist .s20__rayos .s20__rayo--n { fill: #d9d8d2; }
.emdr-hist .s20__portal { position: absolute; left: 50%; bottom: 0; width: min(46vw, 74vh); height: 92vh; translate: -50% 0; transform: translateY(calc((1 - var(--t)) * 100% + var(--sal) * 100%)); }
.emdr-hist .s20__foto { position: absolute; inset: 12px 12px 0; border-radius: 999px 999px 0 0; overflow: hidden; background: var(--n); }
.emdr-hist .s20__foto img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }
.emdr-hist .s20__luces { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.emdr-hist .s20__luces path { fill: none; stroke-linecap: round; stroke-width: 11; stroke-dasharray: 0 26; }
.emdr-hist .s20__luces .l1 { stroke: #fff; filter: drop-shadow(0 0 5px #fff); animation: eh-chase 1.2s steps(2) infinite; }
.emdr-hist .s20__luces .l2 { stroke: #8f8e88; stroke-dashoffset: 13; }
@keyframes eh-chase { 50% { stroke-dashoffset: 13; } }
.emdr-hist .s20__b { position: absolute; z-index: 3; left: 4vw; bottom: 7vh; width: min(25vw, 46vh); transform: rotate(-3deg) translateY(calc((1 - var(--t)) * 70vh)); translate: 0 calc(var(--sal) * 90vh); }
.emdr-hist .s20 .txt { right: 5vw; top: 16vh; width: min(26vw, 400px); background: var(--b); padding: 22px 26px; }
@media (max-width: 760px) {
.emdr-hist .s16__globo { left: 50%; top: 32%; width: 86vw; }
.emdr-hist .s16__b { left: auto; right: 6vw; bottom: auto; top: 50vh; width: 32vw; }
.emdr-hist .s16 .txt { left: 16px; right: 16px; top: auto; bottom: 5vh; width: auto; }
.emdr-hist .s17__tv { left: 50%; top: 36%; width: 86vw; translate: -50% -50%; box-shadow: 0 0 0 10px #262628, 0 0 0 12px #3a3a3c, 0 30px 60px rgba(0,0,0,.6); }
.emdr-hist .s17 .txt { left: 16px; right: 16px; top: auto; bottom: 6vh; transform: none; width: auto; }
.emdr-hist .s18__f--a { left: 6vw; top: 12vh; width: 34vw; }
.emdr-hist .s18__f--b { left: 52vw; top: 16vh; width: 38vw; }
.emdr-hist .s18__f--c { left: 20vw; top: 36vh; width: 50vw; }
.emdr-hist .s18 .txt { left: 16px; right: 16px; width: auto; top: auto; bottom: 5vh; }
.emdr-hist .s18__f--c { top: 34vh; }
.emdr-hist .s19__svg image { }
.emdr-hist .s19__b { width: 40vw; top: 12vh; }
.emdr-hist .s19__svg { }
.emdr-hist .s19 .txt { left: 16px; right: 16px; width: auto; bottom: 5vh; }
.emdr-hist .s20__portal { width: 62vw; height: 56vh; }
.emdr-hist .s20__b { display: none; }
.emdr-hist .s20 .txt { left: 16px; right: 16px; top: 10vh; width: auto; padding: 14px 16px; }
}
@media (prefers-reduced-motion: reduce) {
.emdr-hist .s18__ondas circle, .emdr-hist .s20__luces .l1, .emdr-hist .s17__ruido { animation: none; }
}
.emdr-hist .s19__fuera { opacity: calc(1 - var(--t)); }
.emdr-hist .s21 .st { background: var(--b); color: var(--n); }
.emdr-hist .s21__franjas { position: absolute; inset: 0; display: grid; grid-template-rows: 1fr 1fr 1fr; }
.emdr-hist .s21__franjas i { background: #cfcfca; transform: scaleX(var(--t)); transform-origin: 0 50%; }
.emdr-hist .s21__franjas i:nth-child(2) { background: var(--b); }
.emdr-hist .s21__franjas i:nth-child(3) { transform-origin: 100% 50%; }
.emdr-hist .s21__sol { position: absolute; left: 34vw; top: 50%; width: min(96vh, 62vw); aspect-ratio: 1; translate: -50% -50%; transform: scale(calc(1 - var(--sal))); }
.emdr-hist .s21__sol svg { width: 100%; height: 100%; overflow: visible; }
.emdr-hist .s21__rayos { transform-origin: 500px 500px; animation: eh-gira 90s linear infinite; }
.emdr-hist .s21__r { fill: var(--n); transform-box: view-box; transform-origin: 500px 500px; transform: scale(var(--t)); }
.emdr-hist .s21__o { fill: none; stroke: var(--n); stroke-width: 9; stroke-linecap: round; transform-box: view-box; transform-origin: 500px 500px; transform: scale(var(--t)); }
.emdr-hist .s21__disco { fill: var(--n); transform-box: fill-box; transform-origin: center; transform: scale(var(--t)); }
.emdr-hist .s21__foto { position: absolute; left: 50%; top: 50%; width: 38%; aspect-ratio: 1; border-radius: 50%; overflow: hidden; translate: -50% -50%; clip-path: circle(calc(var(--t) * 50%) at 50% 50%); }
.emdr-hist .s21__foto img { width: 100%; height: 100%; object-fit: cover; object-position: 62% 30%; transform: scale(1.35); transform-origin: 62% 30%; }
.emdr-hist .s21 .txt { right: 4vw; top: 50%; transform: translateY(-50%); width: auto; }
.emdr-hist .s21 .tit { font-size: clamp(28px, 3.4vw, 58px); white-space: nowrap; }
.emdr-hist .s22 .st { background: var(--b); color: var(--n); }
.emdr-hist .s22__fila { position: absolute; left: -2vw; right: -2vw; display: flex; justify-content: space-between; border-top: 2px solid var(--n); }
.emdr-hist .s22__fila--1 { top: 8vh; }
.emdr-hist .s22__fila--3 { bottom: -9vh; transform: rotate(180deg); }
.emdr-hist .s22__b { width: 8.6vw; height: auto; fill: var(--n); transform-origin: 50% 0; transform: translateY(calc((1 - clamp(0, calc(var(--t) * 1.6 - var(--i) * .05), 1)) * -30vh)); animation: eh-brisa 5s ease-in-out infinite alternate; animation-delay: calc(var(--i) * -.45s); }
.emdr-hist .s22__fila--3 .s22__b { fill: #8a8a86; }
.emdr-hist .s22__b { width: 9.4vw; }
.emdr-hist .s22__b:nth-child(2n) { fill: #4a4a48; }
@keyframes eh-brisa { from { rotate: -3deg; } to { rotate: 3deg; } }
.emdr-hist .s22__fotos { position: absolute; left: 5vw; top: 16vh; width: 86vw; height: 50vh; }
.emdr-hist .s22__f { position: absolute; background: var(--b); padding: 8px 8px 22px; box-shadow: 0 14px 30px rgba(0,0,0,.25); clip-path: polygon(0 0, 100% 0, 100% 95%, 90% 100%, 80% 95%, 70% 100%, 60% 95%, 50% 100%, 40% 95%, 30% 100%, 20% 95%, 10% 100%, 0 95%); transform-origin: 50% 0; translate: 0 calc(var(--sal) * -100vh); }
.emdr-hist .s22__f img { width: 100%; height: auto; }
.emdr-hist .s22__f::before { content: ""; position: absolute; left: 50%; top: -40vh; width: 2px; height: 40vh; background: var(--n); }
.emdr-hist .s22__f--a { left: 0; top: 2%; width: 30%; transform: translateY(calc((1 - var(--t)) * -90vh)) rotate(-3deg); animation: eh-brisa 6s ease-in-out infinite alternate; }
.emdr-hist .s22__f--b { left: 33%; top: 6%; width: 22%; transform: translateY(calc((1 - var(--t)) * -90vh)) rotate(2deg); animation: eh-brisa 7s ease-in-out infinite alternate-reverse; }
.emdr-hist .s22__f--c { left: 58%; top: 0; width: 36%; transform: translateY(calc((1 - var(--t)) * -90vh)) rotate(-1deg); animation: eh-brisa 6.5s ease-in-out infinite alternate; }
.emdr-hist .s22 .txt { right: 5vw; bottom: 15vh; width: auto; background: var(--b); padding: 20px 24px; }
.emdr-hist .s23 .st { background: var(--n); color: var(--b); }
.emdr-hist .s23__rayos { position: absolute; inset: 0; width: 100%; height: 100%; opacity: calc(var(--t) * (1 - var(--sal))); }
.emdr-hist .s23__rayos line { stroke: rgba(245,245,242,.35); stroke-width: 1.2; stroke-dasharray: 6 10; }
.emdr-hist .s23__ojo-svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.emdr-hist .s23__ojo-fondo { fill: transparent; }
.emdr-hist .s23__ojo { transform-box: fill-box; transform-origin: center; transform: scaleY(calc(var(--t) * (1 - var(--sal)))) scaleX(calc(.6 + var(--t) * .4)); }
.emdr-hist .s23__ojo-borde { display: none; }
.emdr-hist .s23__letras { position: absolute; left: 4vw; right: 4vw; bottom: 17vh; width: 92vw; height: auto; opacity: calc(1 - var(--sal) * 2); }
.emdr-hist .s23__letras text { font: 900 250px/1 var(--f-tit); letter-spacing: .02em; }
.emdr-hist .s23__l1 { fill: #000; }
.emdr-hist .s23__l2 { fill: none; stroke: #fff; stroke-width: 9; stroke-linecap: round; stroke-dasharray: 0 22; stroke-dashoffset: 0; opacity: var(--t); filter: drop-shadow(0 0 4px #fff) drop-shadow(0 0 12px rgba(255,255,255,.6)); animation: eh-bombillas 1.4s steps(2) infinite; }
@keyframes eh-bombillas { 50% { stroke-dashoffset: 11; } }
.emdr-hist .s23 .txt { left: 6vw; bottom: 6vh; width: min(70vw, 1000px); }
.emdr-hist .s23 .tit { font-size: clamp(22px, 2.6vw, 42px); }
.emdr-hist .s24 .st { background: var(--b); color: var(--n); }
.emdr-hist .s24__marco { position: absolute; left: 5vw; top: 12vh; width: min(56vw, 104vh); aspect-ratio: 1200 / 795; background: var(--b); transform: scale(calc(1 - var(--sal) * .2)); opacity: calc(1 - var(--sal) * 1.4); }
.emdr-hist .s24__c, .emdr-hist .s24__img { position: absolute; inset: 0; width: 100%; height: 100%; }
.emdr-hist .s24__img { object-fit: cover; opacity: clamp(0, calc(var(--t) * 5 - 4), 1); }
.emdr-hist .s24__b { position: absolute; z-index: 3; right: 5vw; top: 12vh; width: min(26vw, 46vh); transform: rotate(3deg) translateY(calc((1 - var(--t)) * -80vh)); translate: 0 calc(var(--sal) * -90vh); }
.emdr-hist .s24 .txt { right: 5vw; bottom: 8vh; width: min(30vw, 440px); }
.emdr-hist .s24 .tit { font-size: clamp(22px, 2.4vw, 40px); }
.emdr-hist .s25 .st { background: var(--b); color: var(--n); }
.emdr-hist .s25__olas { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 30vh; opacity: var(--t); }
.emdr-hist .s25__olas path { fill: none; stroke: var(--n); stroke-width: 1.4; vector-effect: non-scaling-stroke; animation: eh-ola 6s linear infinite; animation-delay: calc(var(--k) * -.7s); }
@keyframes eh-ola { to { transform: translateX(-200px); } }
.emdr-hist .s25__pila { position: absolute; left: 6vw; top: 13vh; width: min(52vw, 92vh); height: 70vh; }
.emdr-hist .s25__f { position: absolute; background: #0b0b0b; padding: 22px 10px; box-shadow: 0 18px 40px rgba(0,0,0,.3); }
.emdr-hist .s25__f::before, .emdr-hist .s25__f::after { content: ""; position: absolute; left: 0; right: 0; height: 10px; background: repeating-linear-gradient(90deg, transparent 0 8px, var(--b) 8px 18px, transparent 18px 26px); }
.emdr-hist .s25__f::before { top: 6px; }
.emdr-hist .s25__f::after { bottom: 6px; }
.emdr-hist .s25__f img { width: 100%; height: auto; }
.emdr-hist .s25__f--c { left: 0; top: 4%; width: 50%; transform: translateY(calc((1 - var(--t)) * -100vh)) rotate(calc(-9deg + var(--t) * 2deg)); translate: calc(var(--sal) * -70vw) 0; }
.emdr-hist .s25__f--b { left: 58%; top: 0; width: 40%; transform: translateY(calc((1 - var(--t)) * -100vh)) rotate(calc(12deg - var(--t) * 6deg)); translate: calc(var(--sal) * 70vw) 0; }
.emdr-hist .s25__f--a { left: 26%; top: 34%; width: 34%; transform: translateY(calc((1 - var(--t)) * -100vh)) rotate(calc(-6deg + var(--t) * 4deg)); translate: 0 calc(var(--sal) * 100vh); z-index: 2; }
.emdr-hist .s25 .txt { right: 5vw; top: 30vh; width: auto; }
.emdr-hist .s25 .tit { white-space: nowrap; }
@media (max-width: 760px) {
.emdr-hist .s21__sol { left: 50%; top: 34%; width: 110vw; }
.emdr-hist .s21 .txt { left: 16px; right: 16px; top: auto; bottom: 4vh; transform: none; width: auto; }
.emdr-hist .s21 .tit { font-size: 30px; }
.emdr-hist .s22__b { width: 16vw; }
.emdr-hist .s22__fila--3 { display: none; }
.emdr-hist .s22__fotos { left: 4vw; top: 18vh; width: 92vw; height: 50vh; }
.emdr-hist .s22__f--a { width: 54%; left: 0; top: 0; }
.emdr-hist .s22__f--b { width: 40%; left: 58%; top: 4%; }
.emdr-hist .s22__f--c { width: 62%; left: 20%; top: 46%; }
.emdr-hist .s22 .txt { left: 16px; right: 16px; bottom: 4vh; width: auto; padding: 14px 16px; }
.emdr-hist .s23__letras { bottom: 38vh; }
.emdr-hist .s23 .tit { font-size: 20px; }
.emdr-hist .s23 .txt { left: 16px; right: 16px; width: auto; bottom: 5vh; }
.emdr-hist .s24__marco { left: 4vw; top: 12vh; width: 92vw; }
.emdr-hist .s24__b { right: 6vw; top: auto; bottom: 34vh; width: 46vw; }
.emdr-hist .s24 .txt { left: 16px; right: 16px; width: auto; bottom: 4vh; }
.emdr-hist .s24 .tit { font-size: 20px; }
.emdr-hist .s25__pila { left: 4vw; top: 10vh; width: 92vw; height: 46vh; }
.emdr-hist .s25__f--c { width: 56%; }
.emdr-hist .s25__f--b { left: 60%; width: 40%; }
.emdr-hist .s25__f--a { left: 26%; top: 30%; width: 42%; }
.emdr-hist .s25 .txt { left: 16px; right: 16px; top: auto; bottom: 20vh; width: auto; }
.emdr-hist .s25__olas { height: 18vh; }
}
@media (prefers-reduced-motion: reduce) {
.emdr-hist .s21__rayos, .emdr-hist .s22__b, .emdr-hist .s22__f, .emdr-hist .s23__l2, .emdr-hist .s25__olas path { animation: none; }
}
.emdr-hist .s22 .tit { white-space: nowrap; }
@media (max-width: 760px) {
.emdr-hist .s22 .tit { white-space: normal; }
}
.emdr-hist .s26 .st { background: var(--n); color: var(--b); }
.emdr-hist .s26__sala { position: absolute; left: -8vw; bottom: 3vh; width: min(82vw, 150vh); transform: scale(calc(1 - var(--sal) * .2)); opacity: calc(1 - var(--sal) * 1.4); transform-origin: 50% 100%; }
.emdr-hist .s26__sala svg { width: 100%; height: auto; display: block; overflow: visible; }
.emdr-hist .s26__esc circle { fill: rgba(245,245,242,.12); }
.emdr-hist .s26__esc circle { fill: rgb(calc(30 + 215 * clamp(0, calc(var(--t) * 1.8 - var(--d)), 1)) calc(30 + 215 * clamp(0, calc(var(--t) * 1.8 - var(--d)), 1)) calc(30 + 212 * clamp(0, calc(var(--t) * 1.8 - var(--d)), 1))); }
.emdr-hist .s26__arco { fill: none; stroke: rgba(245,245,242,.35); stroke-width: 1.5; stroke-dasharray: 4 6; }
.emdr-hist .s26__foto { position: absolute; left: 24%; right: 24%; bottom: 3.7%; aspect-ratio: 2 / 1; border-radius: 999px 999px 0 0; overflow: hidden; clip-path: inset(calc((1 - var(--t)) * 100%) 0 0 0); }
.emdr-hist .s26__foto img { width: 100%; height: 100%; object-fit: cover; object-position: 40% 30%; }
.emdr-hist .s26__b { position: absolute; z-index: 3; right: 5vw; bottom: 8vh; width: min(24vw, 42vh); transform: rotate(3deg) translateY(calc((1 - var(--t)) * 70vh)); translate: 0 calc(var(--sal) * 90vh); }
.emdr-hist .s26 .txt { right: 5vw; top: 12vh; width: min(30vw, 460px); }
.emdr-hist .s27 .st { background: var(--n); color: var(--b); }
.emdr-hist .s27__fondo { position: absolute; inset: -4%; background: url(img/s27-b.webp) 50% 50% / cover; opacity: calc(.14 + var(--t) * .2); filter: grayscale(1) contrast(1.2); transform: scale(calc(1.12 - var(--t) * .12)); }
.emdr-hist .s27__panel { position: absolute; left: 50%; top: 10vh; translate: -50% 0; display: grid; justify-items: center; gap: 1.4vh; padding: 2.4vh 2.6vw 2.8vh; background: #0f0f10; border: 1px solid rgba(245,245,242,.16); box-shadow: inset 0 0 0 6px #19191b, 0 30px 70px rgba(0,0,0,.7); opacity: clamp(0, calc(var(--t) * 3), 1); transform: translateY(calc(var(--sal) * -50vh)); }
.emdr-hist .s27__eti { font: 400 clamp(11px, 1.1vw, 15px)/1 var(--f-fino); letter-spacing: .4em; text-transform: uppercase; color: var(--plata, #d9d9d6); }
.emdr-hist .discos { display: grid; gap: clamp(2px, .32vw, 5px); padding: 6px; background: #0b0b0c; }
.emdr-hist .discos i { width: clamp(6px, .95vw, 13px); aspect-ratio: 1; border-radius: 50%; background: #202022; box-shadow: inset 0 -1px 0 rgba(255,255,255,.05), inset 0 1px 1px rgba(0,0,0,.6); }
.emdr-hist .discos i.on { animation: eh-giro .34s ease-in-out forwards; }
@keyframes eh-giro { 0% { transform: scaleX(1); background: #202022; } 49% { transform: scaleX(.05); background: #202022; } 51% { transform: scaleX(.05); background: #efede4; } 100% { transform: scaleX(1); background: #efede4; } }
.emdr-hist .s27__foto { position: absolute; left: 50%; bottom: 0; width: min(32vw, 56vh); aspect-ratio: 1; translate: -50% 0; -webkit-mask-image: repeating-linear-gradient(#000 0 calc(var(--t) * 34px), transparent calc(var(--t) * 34px) 34px); mask-image: repeating-linear-gradient(#000 0 calc(var(--t) * 34px), transparent calc(var(--t) * 34px) 34px); transform: translateY(calc(var(--sal) * 60vh)); }
.emdr-hist .s27__foto img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; }
.emdr-hist .s27__b { position: absolute; z-index: 3; left: 6vw; bottom: 10vh; width: min(24vw, 42vh); transform: rotate(-3deg) translateY(calc((1 - var(--t)) * 70vh)); translate: 0 calc(var(--sal) * 90vh); }
.emdr-hist .s27 .txt { right: 5vw; bottom: 10vh; width: min(26vw, 400px); }
.emdr-hist .credito { position: absolute; left: max(16px, 2vw); bottom: 1.6vh; margin: 0; font: 400 11px/1.4 var(--f-fino); color: #8d8d89; z-index: 5; }
.emdr-hist .s28 .st { background: var(--n); color: var(--b); }
.emdr-hist .s28__mitad { position: absolute; top: 0; bottom: 0; width: 50%; overflow: hidden; }
.emdr-hist .s28__mitad--a { left: 0; clip-path: inset(0 calc((1 - var(--t)) * 100%) 0 0); }
.emdr-hist .s28__mitad--b { right: 0; clip-path: inset(0 0 0 calc((1 - var(--t)) * 100%)); translate: 0 calc(var(--sal) * -30vh); }
.emdr-hist .s28__mitad--a { translate: 0 calc(var(--sal) * 30vh); }
.emdr-hist .s28__mitad img { width: 100%; height: 100%; object-fit: cover; filter: contrast(1.05); }
.emdr-hist .s28__mitad--a img { object-position: 62% 30%; }
.emdr-hist .s28__mitad--b img { object-position: 82% 30%; }
.emdr-hist .s28__visor { position: absolute; inset: 6% 6% 22%; width: 88%; height: 72%; fill: none; stroke: #fff; stroke-width: 2.5; vector-effect: non-scaling-stroke; opacity: var(--t); }
.emdr-hist .s28__visor rect { stroke-width: 1; stroke-dasharray: 6 6; opacity: .6; }
.emdr-hist .s28__visor .rec { fill: #fff; stroke: none; animation: eh-rec 1.2s steps(1) infinite; }
@keyframes eh-rec { 50% { opacity: 0; } }
.emdr-hist .s28__rec { position: absolute; left: 87.8%; top: 12.7%; width: 12px; height: 12px; margin: -6px 0 0 -6px; border-radius: 50%; background: #fff; opacity: var(--t); animation: eh-rec 1.2s steps(1) infinite; }
.emdr-hist .s28__mitad--a .s28__rec { opacity: calc(var(--t) * (1 - var(--apaga, 0))); }
.emdr-hist .s28__mitad--a .s28__visor { opacity: calc(var(--t) * (1 - var(--apaga, 0))); }
.emdr-hist .s28__raya { position: absolute; left: 50%; top: 0; bottom: 0; width: 6px; translate: -50% 0; background: var(--n); transform: scaleY(var(--t)); }
.emdr-hist .s28 .st::after { content: ""; position: absolute; inset: 55% 0 0; background: linear-gradient(transparent, rgba(0,0,0,.85)); pointer-events: none; }
.emdr-hist .s28 .txt { left: 6vw; bottom: 7vh; width: min(70vw, 1100px); }
.emdr-hist .s28 .tit { font-size: clamp(24px, 3vw, 50px); }
.emdr-hist .s29 .st { background: var(--n); color: var(--b); }
.emdr-hist .s29__luces { position: absolute; inset: 0; background: radial-gradient(circle, rgba(255,255,255,.9) 0 3px, rgba(255,255,255,.18) 4px, transparent 7px) 0 0 / 34px 34px; opacity: calc(var(--t) * .5 * (1 - var(--sal))); animation: eh-luces29 .8s steps(2) infinite; -webkit-mask-image: radial-gradient(ellipse at 36% 55%, transparent 30%, #000 70%); mask-image: radial-gradient(ellipse at 36% 55%, transparent 30%, #000 70%); }
@keyframes eh-luces29 { 50% { background-position: 17px 17px; } }
.emdr-hist .s29__mano { position: absolute; left: 36vw; bottom: 17vh; width: 0; height: 0; }
.emdr-hist .s29__carta { position: absolute; left: 0; bottom: 0; width: min(20vw, 34vh); translate: -50% 0; background: #fbfbf7; border-radius: 14px; padding: 34px 14px; box-shadow: 0 20px 40px rgba(0,0,0,.6); transform-origin: 50% 230%; transform: translateY(calc(var(--sal) * 100vh)) rotate(calc(var(--g) * var(--t))); }
.emdr-hist .s29__carta img { width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; border-radius: 4px; }
.emdr-hist .s29__c--a { --g: 0deg; z-index: 3; width: min(23vw, 40vh); }
.emdr-hist .s29__c--b { --g: -22deg; }
.emdr-hist .s29__c--c { --g: 22deg; }
.emdr-hist .s29__c--c img { object-position: 30% 50%; }
.emdr-hist .s29__p { position: absolute; font: 400 26px/1 Arial, "Segoe UI Symbol", sans-serif; font-style: normal; color: var(--n); }
.emdr-hist .s29__p--1 { left: 12px; top: 6px; }
.emdr-hist .s29__p--2 { right: 12px; bottom: 6px; transform: rotate(180deg); }
.emdr-hist .s29__c--a .s29__p { color: #555; }
.emdr-hist .s29 .txt { right: 4vw; top: 50%; transform: translateY(-50%); width: min(24vw, 360px); }
.emdr-hist .s30 .st { background: #ece9df; color: var(--n); }
.emdr-hist .s30__circulo { position: absolute; left: 14vw; top: 10vh; width: min(66vh, 44vw); aspect-ratio: 1; border-radius: 50%; background: var(--n); transform: scale(calc(var(--t) * (1 - var(--sal)))); }
.emdr-hist .s30__barra { position: absolute; height: 9vh; background: var(--n); transform-origin: 0 50%; }
.emdr-hist .s30__barra--1 { left: -10vw; top: 62vh; width: 90vw; transform: rotate(-24deg) scaleX(calc(var(--t) * (1 - var(--sal)))); }
.emdr-hist .s30__barra--2 { left: -6vw; top: 30vh; width: 64vw; height: 3vh; background: #8a8a86; transform: rotate(14deg) scaleX(calc(var(--t) * (1 - var(--sal)))); }
.emdr-hist .s30__banda { position: absolute; left: 14vw; top: 4vh; width: min(44vw, 80vh); height: 86vh; overflow: hidden; clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%); transform: translateY(calc((1 - var(--t)) * -100vh + var(--sal) * 100vh)); }
.emdr-hist .s30__banda img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }
.emdr-hist .s30__b { position: absolute; z-index: 2; left: 52vw; top: 56vh; width: min(22vw, 38vh); aspect-ratio: 1; border-radius: 50%; overflow: hidden; box-shadow: 0 0 0 10px #ece9df; clip-path: circle(calc(var(--t) * 50%) at 50% 50%); translate: calc(var(--sal) * 40vw) 0; }
.emdr-hist .s30__b img { width: 100%; height: 100%; object-fit: cover; }
.emdr-hist .s30__nieve { position: absolute; inset: 0; pointer-events: none; z-index: 4; filter: drop-shadow(0 0 1px rgba(0,0,0,.35)); }
.emdr-hist .s30__nieve i { position: absolute; inset: 0; }
.emdr-hist .s30__nieve i:nth-child(1) { background: radial-gradient(circle at 81px 543px, #fff 0 1.4px, transparent 2.4px), radial-gradient(circle at 205px 356px, #fff 0 1.2px, transparent 2.2px), radial-gradient(circle at 274px 69px, #fff 0 1.0px, transparent 2.0px), radial-gradient(circle at 205px 24px, #fff 0 1.5px, transparent 2.5px), radial-gradient(circle at 127px 286px, #fff 0 1.2px, transparent 2.2px), radial-gradient(circle at 390px 439px, #fff 0 1.2px, transparent 2.2px), radial-gradient(circle at 289px 97px, #fff 0 1.3px, transparent 2.3px), radial-gradient(circle at 345px 285px, #fff 0 1.5px, transparent 2.5px), radial-gradient(circle at 327px 114px, #fff 0 1.8px, transparent 2.8px), radial-gradient(circle at 314px 506px, #fff 0 1.4px, transparent 2.4px), radial-gradient(circle at 158px 132px, #fff 0 1.8px, transparent 2.8px), radial-gradient(circle at 158px 319px, #fff 0 1.8px, transparent 2.8px), radial-gradient(circle at 129px 519px, #fff 0 1.2px, transparent 2.2px), radial-gradient(circle at 41px 141px, #fff 0 1.1px, transparent 2.1px); background-size: 420px 560px; animation: eh-nieva0 14s linear infinite; opacity: 0.60; }
@keyframes eh-nieva0 { from { background-position: 0 0; } to { background-position: -60px 560px; } }
.emdr-hist .s30__nieve i:nth-child(2) { background: radial-gradient(circle at 340px 532px, #fff 0 2.5px, transparent 3.5px), radial-gradient(circle at 345px 69px, #fff 0 1.9px, transparent 2.9px), radial-gradient(circle at 20px 105px, #fff 0 1.8px, transparent 2.8px), radial-gradient(circle at 485px 497px, #fff 0 2.7px, transparent 3.7px), radial-gradient(circle at 267px 490px, #fff 0 2.3px, transparent 3.3px), radial-gradient(circle at 259px 594px, #fff 0 2.0px, transparent 3.0px), radial-gradient(circle at 261px 174px, #fff 0 2.4px, transparent 3.4px), radial-gradient(circle at 189px 191px, #fff 0 2.3px, transparent 3.3px), radial-gradient(circle at 291px 430px, #fff 0 2.1px, transparent 3.1px), radial-gradient(circle at 230px 218px, #fff 0 2.3px, transparent 3.3px); background-size: 520px 640px; animation: eh-nieva1 10s linear infinite; opacity: 0.75; }
@keyframes eh-nieva1 { from { background-position: 0 0; } to { background-position: 40px 640px; } }
.emdr-hist .s30__nieve i:nth-child(3) { background: radial-gradient(circle at 640px 391px, #fff 0 3.1px, transparent 4.1px), radial-gradient(circle at 308px 659px, #fff 0 3.2px, transparent 4.2px), radial-gradient(circle at 482px 382px, #fff 0 3.6px, transparent 4.6px), radial-gradient(circle at 317px 530px, #fff 0 3.5px, transparent 4.5px), radial-gradient(circle at 141px 738px, #fff 0 3.3px, transparent 4.3px), radial-gradient(circle at 162px 303px, #fff 0 3.1px, transparent 4.1px); background-size: 640px 760px; animation: eh-nieva2 7s linear infinite; opacity: 0.90; }
@keyframes eh-nieva2 { from { background-position: 0 0; } to { background-position: 80px 760px; } }
.emdr-hist .s30 .txt { right: 5vw; top: 26vh; width: min(26vw, 400px); z-index: 5; }
@media (max-width: 760px) {
.emdr-hist .s26__sala { left: -10vw; width: 120vw; bottom: 34vh; }
.emdr-hist .s26__b { width: 40vw; bottom: auto; top: 12vh; }
.emdr-hist .s26 .txt { left: 16px; right: 16px; top: auto; bottom: 5vh; width: auto; }
.emdr-hist .s27__panel { top: 12vh; padding: 2vh 4vw; }
.emdr-hist .discos i { width: 1.4vw; }
.emdr-hist .s27__foto { width: 70vw; bottom: 30vh; }
.emdr-hist .s27__b { display: none; }
.emdr-hist .s27 .txt { left: 16px; right: 16px; width: auto; bottom: 5vh; }
.emdr-hist .s28__mitad { width: 100%; height: 34%; bottom: auto; }
.emdr-hist .s28__mitad--a { top: 9vh; }
.emdr-hist .s28__mitad--b { top: calc(9vh + 34%); left: 0; }
.emdr-hist .s28__raya { display: none; }
.emdr-hist .s28 .txt { left: 16px; right: 16px; width: auto; bottom: 5vh; }
.emdr-hist .s28 .tit { font-size: 21px; }
.emdr-hist .s29__mano { left: 50vw; bottom: 40vh; }
.emdr-hist .s29__carta { width: 34vw; padding: 22px 8px; }
.emdr-hist .s29__c--a { width: 40vw; }
.emdr-hist .s29 .txt { left: 16px; right: 16px; top: auto; bottom: 5vh; transform: none; width: auto; }
.emdr-hist .s30__circulo { left: 10vw; width: 70vw; }
.emdr-hist .s30__banda { left: 18vw; width: 52vw; height: 58vh; }
.emdr-hist .s30__b { left: 54vw; top: 42vh; width: 38vw; }
.emdr-hist .s30 .txt { left: 16px; right: 16px; width: auto; top: auto; bottom: 5vh; }
.emdr-hist .s30__banda { height: 52vh; }
.emdr-hist .s30__b { top: 40vh; }
.emdr-hist .s30__barra--1 { top: 52vh; }
}
@media (prefers-reduced-motion: reduce) {
.emdr-hist .s28__rec, .emdr-hist .s29__luces, .emdr-hist .s30__nieve i, .emdr-hist .discos i.on { animation: none; }
}
.emdr-hist .s31 .st { background: #2a2a2b; color: var(--b); }
.emdr-hist .s31__tarjeta { position: absolute; left: 8vw; top: 50%; width: min(34vw, 62vh); aspect-ratio: 600 / 820; translate: 0 -50%; background: #f7f4ec; box-shadow: 0 30px 70px rgba(0,0,0,.5); display: grid; justify-items: center; align-content: center; gap: 2.4vh; color: var(--n); transform: translateY(calc((1 - var(--t)) * 70vh)) rotate(calc(-5deg + (1 - var(--t)) * -8deg)); translate: 0 calc(-50% + var(--sal) * -100vh); }
.emdr-hist .s31__orla { position: absolute; inset: 0; width: 100%; height: 100%; color: var(--n); }
.emdr-hist .s31__orla rect { stroke: var(--n); stroke-width: 1.5; vector-effect: non-scaling-stroke; }
.emdr-hist .s31__esq { opacity: var(--t); }
.emdr-hist .s31__esq path { fill: none; stroke: var(--n); stroke-width: 1.6; }
.emdr-hist .s31__anillos { width: 34%; overflow: visible; }
.emdr-hist .s31__anillos circle { stroke: var(--n); stroke-width: 4; }
.emdr-hist .s31__ovalo { width: 52%; aspect-ratio: 3 / 4; border-radius: 50%; overflow: hidden; box-shadow: 0 0 0 2px #f7f4ec, 0 0 0 4px var(--n); clip-path: ellipse(calc(var(--t) * 50%) calc(var(--t) * 50%) at 50% 50%); }
.emdr-hist .s31__ovalo img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; }
.emdr-hist .s31__fecha { color: var(--n); letter-spacing: .25em; }
.emdr-hist .s31__b { position: absolute; z-index: 3; left: calc(8vw + min(34vw, 62vh) - 4vw); bottom: 7vh; width: min(17vw, 30vh); transform: rotate(5deg) translateY(calc((1 - var(--t)) * 80vh)); translate: 0 calc(var(--sal) * 100vh); }
.emdr-hist .s31 .txt { right: 6vw; top: 50%; transform: translateY(-50%); width: min(30vw, 460px); }
.emdr-hist .s32 .st { background: var(--n); color: var(--b); }
.emdr-hist .s32__billete { position: absolute; left: 6vw; top: 50%; width: min(62vw, 112vh); aspect-ratio: 2.2; translate: 0 -50%; display: grid; grid-template-columns: 1fr 24%; filter: drop-shadow(0 30px 50px rgba(0,0,0,.6)); transform: rotate(calc(-4deg + var(--t) * 2deg)) translateX(calc((1 - var(--t)) * -90vw + var(--sal) * -90vw)); }
.emdr-hist .s32__cuerpo, .emdr-hist .s32__matriz { background: #efece2; color: var(--n); position: relative; }
.emdr-hist .s32__cuerpo { padding: 4% 4% 4% 5%; display: grid; grid-template-rows: auto 1fr auto; gap: 3%; border-radius: 10px 0 0 10px; -webkit-mask: radial-gradient(circle at 100% 0, transparent 14px, #000 15px) top / 100% 51% no-repeat, radial-gradient(circle at 100% 100%, transparent 14px, #000 15px) bottom / 100% 51% no-repeat; }
.emdr-hist .s32__matriz { border-radius: 0 10px 10px 0; border-left: 3px dashed #9a978e; display: grid; grid-template-rows: auto 1fr auto; padding: 10% 8%; justify-items: center; transform-origin: 0 100%; transform: translate(calc(var(--t) * 8%), calc(var(--t) * 60%)) rotate(calc(var(--t) * -18deg)); opacity: calc(1 - var(--t) * .15); -webkit-mask: radial-gradient(circle at 0 0, transparent 14px, #000 15px) top / 100% 51% no-repeat, radial-gradient(circle at 0 100%, transparent 14px, #000 15px) bottom / 100% 51% no-repeat; }
.emdr-hist .s32__eti, .emdr-hist .s32__datos, .emdr-hist .s32__num, .emdr-hist .s32__fe { font: 500 clamp(11px, 1.1vw, 16px)/1 var(--f-fino); letter-spacing: .3em; text-transform: uppercase; }
.emdr-hist .s32__datos { display: flex; justify-content: space-between; }
.emdr-hist .s32__foto { min-height: 0; overflow: hidden; border: 1px solid var(--n); clip-path: inset(0 calc((1 - var(--t)) * 100%) 0 0); }
.emdr-hist .s32__foto img { width: 100%; height: 100%; object-fit: cover; object-position: 40% 50%; }
.emdr-hist .s32__num { writing-mode: vertical-rl; transform: rotate(180deg); }
.emdr-hist .s32__aguj { position: relative; width: 100%; }
.emdr-hist .s32__aguj i { position: absolute; width: 18%; aspect-ratio: 1; border-radius: 50%; background: var(--n); transform: scale(clamp(0, calc(var(--t) * 7 - var(--k)), 1)); }
.emdr-hist .s32__fe { letter-spacing: .1em; }
.emdr-hist .s32 .txt { right: 5vw; top: 14vh; width: min(24vw, 360px); }
.emdr-hist .s33 .st { background: var(--b); color: var(--n); }
.emdr-hist .s33__mic { position: absolute; left: 6vw; bottom: 8vh; height: 66vh; width: auto; overflow: visible; translate: 0 calc(var(--sal) * 100vh); }
.emdr-hist .s33__l * { fill: var(--b); stroke: var(--n); stroke-width: 3.5; stroke-linejoin: round; stroke-linecap: round; }
.emdr-hist .s33__l .trazo { fill: none; }
.emdr-hist .s33__l rect, .emdr-hist .s33__l circle, .emdr-hist .s33__ran { opacity: clamp(0, calc(var(--t) * 3 - 1.4), 1); }
.emdr-hist .s33__ran path { stroke-width: 3; }
.emdr-hist .s33__ondas { position: absolute; left: calc(6vw + 17vh); top: 37vh; width: 0; height: 0; opacity: clamp(0, calc(var(--t) * 6), 1); }
.emdr-hist .s33__ondas i { position: absolute; left: -10vh; top: -10vh; width: 20vh; height: 20vh; border-radius: 50%; border: 2px solid var(--n); animation: eh-onda33 6s ease-out infinite; opacity: 0; }
.emdr-hist .s33__ondas i:nth-child(2) { animation-delay: -2s; }
.emdr-hist .s33__ondas i:nth-child(3) { animation-delay: -4s; }
@keyframes eh-onda33 { 0% { transform: scale(.6); opacity: .9; } 100% { transform: scale(8); opacity: 0; } }
.emdr-hist .s33__f { position: absolute; z-index: 2; aspect-ratio: 1; border-radius: 50%; overflow: hidden; clip-path: circle(calc(var(--t) * 115%) at 0 50%); box-shadow: 0 0 0 6px var(--b), 0 0 0 8px var(--n); translate: calc(var(--sal) * 60vw) 0; }
.emdr-hist .s33__f img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 25%; }
.emdr-hist .s33__f--a { left: 28vw; top: 9vh; width: min(16vw, 28vh); }
.emdr-hist .s33__f--b { left: 30vw; top: 40vh; width: min(28vw, 50vh); }
.emdr-hist .s33__f--c { left: 50vw; top: 10vh; width: min(15vw, 26vh); }
.emdr-hist .s33__f--d { left: 70vw; top: 7vh; width: min(18vw, 32vh); }
.emdr-hist .s33__f--d img { object-position: 50% 0; }
.emdr-hist .s33 .txt { right: 5vw; bottom: 9vh; width: min(34vw, 520px); }
.emdr-hist .s34 .st { background: #1c1c1d; color: var(--b); }
.emdr-hist .s34__panel { position: absolute; z-index: 2; left: 4vw; top: 10vh; width: min(46vw, 760px); background: #0f0f10; border-radius: 10px; padding: 2.4vh 2vw; display: grid; gap: .9vh; box-shadow: 0 30px 70px rgba(0,0,0,.7); opacity: var(--t); transform: translateY(calc(var(--sal) * -100vh)); }
.emdr-hist .s34__cab, .emdr-hist .s34__fila { display: grid; grid-template-columns: 5vw 1fr; align-items: center; gap: 2vw; }
.emdr-hist .s34__cab { font: 400 12px/1 var(--f-fino); letter-spacing: .3em; text-transform: uppercase; color: #8d8d89; padding-bottom: 1vh; border-bottom: 1px solid #2c2c2e; }
.emdr-hist .s34__n { font: 400 clamp(20px, 2.2vw, 34px)/1 var(--f-fino); color: #b9b8b2; }
.emdr-hist .s34__d { display: flex; gap: 4px; }
.emdr-hist .s34__d b { position: relative; width: 1.1em; padding: .12em 0; text-align: center; font: 800 clamp(24px, 3.6vw, 60px)/1 var(--f-tit); color: #f1f0ea; background: linear-gradient(#262628 0 49%, #000 49% 51%, #1d1d1f 51%); border-radius: 3px; }
.emdr-hist .s34__f { position: absolute; z-index: 2; opacity: clamp(0, calc(var(--t) * 4), 1); }
.emdr-hist .s34__f--1 { left: 5vw; bottom: 8vh; width: min(19vw, 34vh); transform: rotate(-6deg) translateY(calc((1 - var(--t)) * 60vh)); translate: calc(var(--sal) * -50vw) 0; }
.emdr-hist .s34__f--2 { left: 22vw; bottom: 4vh; width: min(20vw, 36vh); transform: rotate(4deg) translateY(calc((1 - var(--t)) * 60vh)); translate: 0 calc(var(--sal) * 80vh); z-index: 3; }
.emdr-hist .s34__f--3 { left: 40vw; bottom: 9vh; width: min(13vw, 24vh); transform: rotate(-2deg) translateY(calc((1 - var(--t)) * 60vh)); translate: calc(var(--sal) * 50vw) 0; }
.emdr-hist .s34 .txt { right: 5vw; bottom: 8vh; width: min(26vw, 400px); }
.emdr-hist .s35 .st { background: var(--n); color: var(--b); }
.emdr-hist .s35__svg { position: absolute; left: 1vw; top: 50%; width: min(72vw, 130vh); translate: 0 -50%; overflow: visible; transform: scale(calc(1 - var(--sal) * .3)); opacity: calc(1 - var(--sal) * 1.4); }
.emdr-hist .s35__num { font: 900 600px/1 var(--f-tit); letter-spacing: -.04em; }
.emdr-hist .s35__borde { fill: #000; }
.emdr-hist .s35__foto { opacity: clamp(0, calc(var(--t) * 4 - 3), 1); }
.emdr-hist .s35__entera { opacity: var(--t); }
.emdr-hist .s35__b { position: absolute; z-index: 3; right: 4vw; top: 9vh; width: min(28vw, 48vh); transform: rotate(3deg) translateY(calc((1 - var(--t)) * -80vh)); translate: 0 calc(var(--sal) * -100vh); }
.emdr-hist .s35 .txt { right: 6vw; bottom: 10vh; width: min(26vw, 400px); }
@media (max-width: 760px) {
.emdr-hist .s31__tarjeta { left: 8vw; top: 38%; width: 70vw; }
.emdr-hist .s31__b { left: auto; right: 4vw; bottom: auto; top: 46vh; width: 34vw; }
.emdr-hist .s31 .txt { left: 16px; right: 16px; top: auto; bottom: 4vh; transform: none; width: auto; }
.emdr-hist .s32__billete { left: 4vw; top: 32%; width: 92vw; }
.emdr-hist .s32 .txt { left: 16px; right: 16px; width: auto; top: auto; bottom: 5vh; }
.emdr-hist .s33__mic { height: 40vh; left: 2vw; bottom: auto; top: 12vh; }
.emdr-hist .s33__ondas { left: calc(2vw + 10vh); top: 18vh; }
.emdr-hist .s33__f--a { left: 46vw; top: 9vh; width: 28vw; }
.emdr-hist .s33__f--b { left: 56vw; top: 28vh; width: 38vw; }
.emdr-hist .s33__f--c { left: 44vw; top: 46vh; width: 24vw; }
.emdr-hist .s33__f--d { left: 76vw; top: 44vh; width: 20vw; }
.emdr-hist .s33__f--b { top: 26vh; width: 34vw; }
.emdr-hist .s33 .txt { left: 16px; right: 16px; width: auto; bottom: 5vh; }
.emdr-hist .s34__panel { left: 3vw; width: 94vw; top: 10vh; padding: 2vh 3vw; }
.emdr-hist .s34__cab, .emdr-hist .s34__fila { grid-template-columns: 7vw 1fr; }
.emdr-hist .s34__f--1 { left: 4vw; bottom: 30vh; width: 40vw; }
.emdr-hist .s34__f--2 { left: 40vw; bottom: 26vh; width: 42vw; }
.emdr-hist .s34__f--3 { left: 70vw; bottom: 34vh; width: 26vw; }
.emdr-hist .s34__d b { font-size: 5.4vw; }
.emdr-hist .s34 .txt { left: 16px; right: 16px; width: auto; bottom: 5vh; }
.emdr-hist .s35__svg { left: 2vw; top: 32%; width: 96vw; }
.emdr-hist .s35__b { right: 6vw; top: auto; bottom: 30vh; width: 40vw; }
.emdr-hist .s35 .txt { left: 16px; right: 16px; width: auto; bottom: 5vh; }
}
@media (prefers-reduced-motion: reduce) {
.emdr-hist .s33__ondas i { animation: none; }
}
.emdr-hist .s34__mapa { position: absolute; right: 2vw; top: 4vh; width: 56vw; height: 68vh; opacity: calc(1 - var(--sal)); }
.emdr-hist .s34__grat { fill: none; stroke: rgba(245,245,242,.07); stroke-width: 1; }
.emdr-hist .s34__tierra { stroke: rgba(245,245,242,.55); stroke-width: 1.1; fill: none; }
.emdr-hist .s34__ruta { stroke: #f5f5f2; stroke-width: 2.5; stroke-dasharray: 1; fill: none; }
.emdr-hist .s34__avion { fill: #fff; opacity: 0; }
.emdr-hist .s34__pt { opacity: var(--t); }
.emdr-hist .s34__pt circle { fill: #f5f5f2; transform-box: fill-box; transform-origin: center; transform: scale(var(--t)); }
.emdr-hist .s34__pt .s34__aro { fill: none; stroke: #f5f5f2; stroke-width: 1.5; animation: eh-aro34 2.4s ease-out infinite; }
@keyframes eh-aro34 { from { scale: .5; opacity: 1; } to { scale: 2.2; opacity: 0; } }
.emdr-hist .s34__pt text { font: 400 20px/1 var(--f-fino); letter-spacing: .25em; text-transform: uppercase; fill: #f5f5f2; }
@media (max-width: 760px) {
.emdr-hist .s34__mapa { width: 100vw; height: 60vh; top: 30vh; opacity: calc(.6 - var(--sal)); }
}
@media (prefers-reduced-motion: reduce) {
.emdr-hist .s34__pt .s34__aro { animation: none; }
}
.emdr-hist .s36 .st { background: var(--n); color: var(--b); }
.emdr-hist .s36__rayos { position: absolute; inset: 0; width: 100%; height: 100%; opacity: calc(var(--t) * .5 * (1 - var(--sal))); }
.emdr-hist .s36__rayos g { transform-origin: 500px 500px; transform-box: view-box; animation: eh-gira 80s linear infinite; }
.emdr-hist .s36__rayos polygon { fill: #3a3a3b; }
.emdr-hist .s36__rayos polygon:nth-child(2n) { fill: #262627; }
.emdr-hist .s36__grupo { position: absolute; left: 8vw; top: 50%; width: min(36vw, 64vh); aspect-ratio: 1; translate: 0 -50%; transform: scale(calc(1 - var(--sal) * .3)); opacity: calc(1 - var(--sal) * 1.3); }
.emdr-hist .s36__marco { position: absolute; inset: 0; z-index: 2; background: #121213; padding: 6%; box-shadow: inset 0 0 0 3px #4a4a4b, inset 0 0 0 9px #0b0b0b, inset 0 0 0 11px #6a6a6a, 0 30px 60px rgba(0,0,0,.7); transform: translateY(calc((1 - var(--t)) * 80vh)); }
.emdr-hist .s36__pp { position: absolute; inset: 6% 6% 16%; background: #e9e7df; padding: 7%; }
.emdr-hist .s36__pp img { width: 100%; height: 100%; object-fit: cover; object-position: 60% 30%; }
.emdr-hist .s36__placa { position: absolute; left: 30%; right: 30%; bottom: 5%; height: 6%; background: linear-gradient(90deg, #6f6f6c, #e6e6e1, #8a8a87, #f2f2ee, #6f6f6c); border-radius: 2px; }
.emdr-hist .s36__disco { position: absolute; z-index: 1; top: 8%; left: 8%; width: 84%; aspect-ratio: 1; border-radius: 50%; background: repeating-radial-gradient(circle, #b9b9b5 0 2px, #e2e2de 2.5px 3.5px), #ccc; transform: translateX(calc(var(--t) * 62%)); box-shadow: 0 20px 40px rgba(0,0,0,.6); }
.emdr-hist .s36__disco::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: conic-gradient(from 0deg, transparent 0 8%, rgba(255,255,255,.85) 12%, transparent 18% 55%, rgba(255,255,255,.6) 60%, transparent 66%); animation: eh-gira 3.5s linear infinite; }
.emdr-hist .s36__disco i { position: absolute; left: 35%; top: 35%; width: 30%; aspect-ratio: 1; border-radius: 50%; background: #1d1d1e; box-shadow: inset 0 0 0 10px #2c2c2d; }
.emdr-hist .s36__disco i::after { content: ""; position: absolute; left: 44%; top: 44%; width: 12%; aspect-ratio: 1; border-radius: 50%; background: #d9d9d4; }
.emdr-hist .s36__b { position: absolute; z-index: 3; left: calc(8vw + min(36vw, 64vh) + 2vw); bottom: 8vh; width: min(20vw, 36vh); transform: rotate(4deg) translateY(calc((1 - var(--t)) * 80vh)); translate: 0 calc(var(--sal) * 100vh); }
.emdr-hist .s36 .txt { right: 5vw; top: 18vh; width: min(28vw, 420px); }
.emdr-hist .s37 .st { background: var(--b); color: var(--n); }
.emdr-hist .s37__sol { position: absolute; left: 50%; top: 14vh; width: min(60vh, 42vw); aspect-ratio: 1; translate: -50% 0; border-radius: 50%; background: linear-gradient(var(--n) 0 50%, transparent 50%) 0 0 / 100% 20%, var(--n); -webkit-mask-image: repeating-linear-gradient(#000 0 calc(16px - var(--t) * 10px), transparent calc(16px - var(--t) * 10px) 16px); mask-image: linear-gradient(#000 0 40%, transparent 40%), repeating-linear-gradient(#000 0 calc(24px - var(--t) * 14px), transparent calc(24px - var(--t) * 14px) 24px); -webkit-mask-image: linear-gradient(#000 0 40%, transparent 40%), repeating-linear-gradient(#000 0 calc(24px - var(--t) * 14px), transparent calc(24px - var(--t) * 14px) 24px); transform: translateY(calc((1 - var(--t)) * 40vh + var(--sal) * 50vh)); }
.emdr-hist .s37__palmas { position: absolute; inset: 0; width: 100%; height: 100%; }
.emdr-hist .s37__palma { translate: 0 calc(var(--sal) * 40vh); }
.emdr-hist .s37__palma .tronco { fill: var(--n); clip-path: inset(calc((1 - var(--t)) * 100%) 0 0 0); }
.emdr-hist .s37__palma .anillos { fill: none; stroke: var(--b); stroke-width: 1.6; opacity: .55; }
.emdr-hist .s37__copa { transform: scale(clamp(0, calc(var(--t) * 2.5 - 1.3), 1)); transform-box: view-box; }
.emdr-hist .s37__copa .rib { fill: none; stroke: var(--n); stroke-width: 5; stroke-linecap: round; }
.emdr-hist .s37__copa .hoja { fill: none; stroke: var(--n); stroke-width: 3; stroke-linecap: round; }
.emdr-hist .s37__palma .coco circle { fill: var(--n); opacity: clamp(0, calc(var(--t) * 3 - 2), 1); }
.emdr-hist .s37__f { position: absolute; z-index: 2; }
.emdr-hist .s37__f--a { left: 25vw; top: 22vh; width: min(21vw, 37vh); transform: rotate(-5deg) translateY(calc((1 - var(--t)) * 90vh)); translate: 0 calc(var(--sal) * 100vh); }
.emdr-hist .s37__f--b { left: 40vw; top: 34vh; width: min(27vw, 47vh); transform: rotate(3deg) translateY(calc((1 - var(--t)) * 90vh)); translate: 0 calc(var(--sal) * 100vh); z-index: 3; }
.emdr-hist .s37__f--c { left: 61vw; top: 16vh; width: min(19vw, 33vh); transform: rotate(6deg) translateY(calc((1 - var(--t)) * 90vh)); translate: 0 calc(var(--sal) * 100vh); }
.emdr-hist .s37 .txt { left: 28vw; bottom: 4vh; width: auto; }
.emdr-hist .s37 .tit { white-space: nowrap; font-size: clamp(26px, 3.2vw, 54px); }
@media (max-width: 760px) {
.emdr-hist .s37 .tit { white-space: normal; }
}
.emdr-hist .s38 .st { background: #050505; color: var(--b); }
.emdr-hist .s38__foto { position: absolute; inset: 0; }
.emdr-hist .s38__foto img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 72%; filter: brightness(calc(.05 + var(--t) * .95)) contrast(1.1); transform: scale(calc(1.1 - var(--t) * .1)); }
.emdr-hist .s38__foto::after { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 60%, transparent 30%, rgba(0,0,0,.75)); }
.emdr-hist .s38__luz { position: absolute; inset: 0; width: 100%; height: 100%; opacity: calc(1 - var(--sal)); }
.emdr-hist .s38__haz { fill: url(#s38-haz); mix-blend-mode: screen; opacity: clamp(0, calc(var(--t) * 5 - var(--k) * .9 - .6), .9); }
.emdr-hist .s38__torre rect { fill: #161617; stroke: #4a4a4b; stroke-width: 3; }
.emdr-hist .s38__torre circle { fill: #fff; opacity: clamp(.12, calc(var(--t) * 5 - var(--k) * .9 - .4), 1); filter: drop-shadow(0 0 8px #fff) drop-shadow(0 0 18px rgba(255,255,255,.7)); }
.emdr-hist .s38__b { position: absolute; z-index: 3; right: 6vw; bottom: 8vh; width: min(24vw, 34vh); transform: rotate(4deg) translateY(calc((1 - var(--t)) * 80vh)); translate: 0 calc(var(--sal) * 100vh); }
.emdr-hist .s38 .txt { left: 6vw; bottom: 8vh; width: min(44vw, 660px); text-shadow: 0 2px 20px rgba(0,0,0,.7); }
.emdr-hist .s39 .st { background: #e9e7df; color: var(--n); }
.emdr-hist .s39__iii { position: absolute; left: 6vw; top: 9vh; width: min(58vw, 104vh); height: 76vh; display: flex; justify-content: center; gap: calc((1 - var(--t)) * 7vw); }
.emdr-hist .s39__col { position: relative; height: 100%; width: calc(9% + var(--t) * 24.4%); overflow: hidden; background: var(--n); transform: translateY(calc(var(--sal) * (var(--y, 1) * 100vh))); }
.emdr-hist .s39__col--1 { --y: -1; }
.emdr-hist .s39__col--3 { --y: -1; }
.emdr-hist .s39__col img { position: absolute; top: 0; height: 100%; width: auto; max-width: none; }
.emdr-hist .s39__col--1 img { left: 0; }
.emdr-hist .s39__col--2 img { left: 50%; translate: -50% 0; }
.emdr-hist .s39__col--3 img { right: 0; }
.emdr-hist .s39__col img { width: min(58vw, 104vh); height: 100%; object-fit: cover; }
.emdr-hist .s39__b { position: absolute; z-index: 3; right: 4vw; bottom: 7vh; width: min(28vw, 50vh); transform: rotate(3deg) translateY(calc((1 - var(--t)) * 80vh)); translate: 0 calc(var(--sal) * 100vh); }
.emdr-hist .s39 .txt { right: 5vw; top: 14vh; width: min(30vw, 440px); }
.emdr-hist .s40 .st { background: var(--n); color: var(--b); }
.emdr-hist .s40__a, .emdr-hist .s40__b { position: absolute; left: 0; top: 0; bottom: 0; width: 62vw; overflow: hidden; }
.emdr-hist .s40__a img, .emdr-hist .s40__b img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }
.emdr-hist .s40__a { opacity: var(--t); }
.emdr-hist .s40__b { clip-path: inset(0 0 0 calc(100% - var(--t) * 50%)); }
.emdr-hist .s40__glitch { position: absolute; left: 0; top: 0; bottom: 0; width: 62vw; display: grid; grid-template-rows: repeat(12, 1fr); pointer-events: none; opacity: calc(sin(var(--t) * 3.1416)); }
.emdr-hist .s40__glitch i { background: url(img/s40-b.webp) 50% 30% / 62vw auto no-repeat; background-position-y: calc(var(--k) * -8.33vh); transform: translateX(calc(var(--o) * 1.6vw)); filter: invert(1) contrast(1.4); clip-path: inset(0 calc(var(--t) * 50%) 0 calc(50% - var(--t) * 10% + var(--o) * 2%)); opacity: .7; }
.emdr-hist .s40__linea { position: absolute; top: 0; bottom: 0; left: calc(62vw - var(--t) * 31vw); width: 3px; background: #fff; box-shadow: 0 0 22px 4px rgba(255,255,255,.6); opacity: calc(1 - var(--sal) * 2); }
.emdr-hist .s40 .txt { right: 5vw; top: 50%; transform: translateY(-50%); width: min(30vw, 440px); }
@media (max-width: 760px) {
.emdr-hist .s36__grupo { left: 6vw; top: 34%; width: 62vw; }
.emdr-hist .s36__b { left: auto; right: 6vw; bottom: 34vh; width: 34vw; }
.emdr-hist .s36 .txt { left: 16px; right: 16px; top: auto; bottom: 5vh; width: auto; }
.emdr-hist .s37__sol { top: 12vh; width: 70vw; }
.emdr-hist .s37__f--a { left: 6vw; top: 34vh; width: 34vw; }
.emdr-hist .s37__f--b { left: 34vw; top: 44vh; width: 46vw; }
.emdr-hist .s37__f--c { left: 70vw; top: 30vh; width: 26vw; }
.emdr-hist .s37 .txt { left: 16px; right: 16px; top: auto; bottom: 5vh; width: auto; }
.emdr-hist .s38__b { display: none; }
.emdr-hist .s38 .txt { left: 16px; right: 16px; top: auto; bottom: 5vh; width: auto; }
.emdr-hist .s39__iii { left: 4vw; top: 10vh; width: 92vw; height: 50vh; }
.emdr-hist .s39__col img { width: 92vw; }
.emdr-hist .s39__b { right: 6vw; bottom: 30vh; width: 40vw; }
.emdr-hist .s39 .txt { left: 16px; right: 16px; top: auto; bottom: 5vh; width: auto; }
.emdr-hist .s40__a, .emdr-hist .s40__b, .emdr-hist .s40__glitch { width: 100vw; height: 62vh; bottom: auto; }
.emdr-hist .s40__glitch i { background-size: 100vw auto; background-position-y: calc(var(--k) * -5.2vh); }
.emdr-hist .s40__linea { height: 62vh; bottom: auto; left: calc(100vw - var(--t) * 50vw); }
.emdr-hist .s40 .txt { left: 16px; right: 16px; top: auto; bottom: 5vh; transform: none; width: auto; }
}
@media (prefers-reduced-motion: reduce) {
.emdr-hist .s36__rayos g, .emdr-hist .s36__disco::after { animation: none; }
}
.emdr-hist .s41 .st { background: #000; color: var(--b); }
.emdr-hist .s41__puerta, .emdr-hist .s41__borde { --a: calc(var(--t) * (1 - var(--sal))); }
.emdr-hist .s41__puerta { position: absolute; inset: 0; clip-path: inset(0 calc(50% - var(--a) * 50%) 0 calc(50% - var(--a) * 50%)); }
.emdr-hist .s41__puerta img { width: 100%; height: 100%; object-fit: cover; object-position: 40% 30%; filter: brightness(calc(.55 + var(--t) * .45)); }
.emdr-hist .s41__puerta::after { content: ""; position: absolute; inset: 50% 0 0; background: linear-gradient(transparent, rgba(0,0,0,.85)); }
.emdr-hist .s41__borde { position: absolute; z-index: 2; top: 0; bottom: 0; left: calc(50% - var(--a) * 50%); width: 2px; margin-left: -1px; background: #fff; box-shadow: 0 0 16px 4px rgba(255,255,255,.85), 0 0 70px 16px rgba(255,255,255,.35); opacity: calc(1 - var(--t) * .9); }
.emdr-hist .s41__borde--d { left: calc(50% + var(--a) * 50%); }
.emdr-hist .s41__b { position: absolute; z-index: 3; right: 5vw; bottom: 8vh; width: min(26vw, 46vh); transform: rotate(-3deg) translateY(calc((1 - var(--t)) * 90vh)); translate: 0 calc(var(--sal) * -110vh); }
.emdr-hist .s41 .txt { left: 6vw; bottom: 8vh; width: min(52vw, 760px); text-shadow: 0 2px 24px rgba(0,0,0,.6); }
.emdr-hist .s42 .st { --D: 42vh; --cx: 26vw; background: #0b0b0b; color: var(--b); }
.emdr-hist .s42__anillos { position: absolute; left: var(--cx); top: 50%; width: calc(var(--D) * 5); height: calc(var(--D) * 5); translate: -50% -50%; overflow: visible; transform: scale(calc(1 + var(--sal) * 1.6)); opacity: calc(1 - var(--sal) * 1.2); }
.emdr-hist .s42__anillos circle { fill: none; stroke: var(--b); stroke-width: 1.6; opacity: .4; stroke-dasharray: 1; stroke-dashoffset: calc(1 - clamp(0, calc(var(--t) * 58 - var(--k)), 1)); }
.emdr-hist .s42__anillos circle.g { stroke-width: 4; opacity: .95; }
.emdr-hist .s42__a { position: absolute; z-index: 2; left: var(--cx); top: 50%; width: var(--D); height: var(--D); translate: -50% -50%; border-radius: 50%; overflow: hidden; transform: scale(calc(var(--t) * (1 - var(--sal)))); }
.emdr-hist .s42__a img { width: 100%; height: 100%; object-fit: cover; object-position: 52% 30%; transform: scale(1.5); transform-origin: 52% 24%; }
.emdr-hist .s42__b { position: absolute; z-index: 3; right: 5vw; top: 9vh; width: min(30vw, 50vh); transform: rotate(3deg) translateY(calc((1 - var(--t)) * -90vh)); translate: 0 calc(var(--sal) * -110vh); }
.emdr-hist .s42 .txt { left: 62vw; bottom: 10vh; width: min(32vw, 480px); }
@property --e { syntax: "<number>"; inherits: false; initial-value: 0; }
@keyframes eh-s43eq { from { --e: 0; } to { --e: 1; } }
.emdr-hist .s43 .st { background: #e9e7df; color: var(--n); }
.emdr-hist .s43__eq { position: absolute; left: 6vw; top: 9vh; height: 82vh; aspect-ratio: 1212 / 1300; display: flex; opacity: clamp(0, calc(var(--t) * 5), 1); }
.emdr-hist .s43__eq i { flex: 1; height: 100%; background: url(img/s43-a.webp) var(--p) 0 / 2800% 100% no-repeat; background-origin: border-box; border-right: 3px solid #e9e7df; --h: calc(var(--t) + (1 - var(--t)) * (.1 + .8 * var(--e))); clip-path: inset(calc((1 - var(--h)) * 100%) 0 0 0); animation: eh-s43eq var(--d) ease-in-out var(--de) infinite alternate; translate: 0 calc(var(--sal) * (30vh + var(--o) * 90vh)); }
.emdr-hist .s43__eq i:last-child { border-right: 0; }
.emdr-hist .s43__onda { position: absolute; left: 54vw; right: 0; top: 49vh; width: 46vw; height: 12vh; overflow: visible; }
.emdr-hist .s43__onda path { fill: none; stroke: var(--n); stroke-width: 2; vector-effect: non-scaling-stroke; }
.emdr-hist .s43__onda { opacity: calc(1 - var(--sal) * 2); }
.emdr-hist .s43__b { position: absolute; z-index: 3; right: 6vw; bottom: 7vh; width: min(24vw, 40vh); transform: rotate(-3deg) translateY(calc((1 - var(--t)) * 90vh)); translate: 0 calc(var(--sal) * 110vh); }
.emdr-hist .s43 .txt { left: 56vw; top: 13vh; width: min(38vw, 560px); }
.emdr-hist .s44 .st { background: #e6e4de; color: var(--n); }
.emdr-hist .s44__m { position: absolute; z-index: 1; background: var(--b); padding: 1.4vw; border: .9vw solid #111; box-shadow: 0 18px 40px rgba(0,0,0,.28); transform: translateY(calc((1 - var(--t)) * -115vh)); translate: 0 calc(var(--sal) * -120vh); }
.emdr-hist .s44__m img { display: block; width: 100%; height: auto; }
.emdr-hist .s44__m::before, .emdr-hist .s44__m::after { content: ""; position: absolute; bottom: calc(100% + .9vw); left: 18%; width: 1px; height: 100vh; background: #777; }
.emdr-hist .s44__m::after { left: auto; right: 18%; }
.emdr-hist .s44__m--a { left: 6vw; top: 15vh; width: 36vw; }
.emdr-hist .s44__m--b { left: 47vw; top: 11vh; width: 25vw; }
.emdr-hist .s44__m--c { left: 77vw; top: 20vh; width: 17vw; }
.emdr-hist .s44__corte { position: absolute; inset: 0; z-index: 4; pointer-events: none; opacity: calc(1 - clamp(0, calc(var(--t) * 2.5 - 1.5), 1)); }
.emdr-hist .s44__cinta { position: absolute; left: 0; top: 46vh; width: 50.2vw; height: 4.4vh; background: linear-gradient(#000 0 8%, #2c2c2c 30%, #5a5a5a 46%, #1c1c1c 62%, #000 92%); transform-origin: 0 50%; transform: rotate(calc(var(--t) * 84deg)); box-shadow: 0 6px 14px rgba(0,0,0,.25); }
.emdr-hist .s44__cinta--d { left: auto; right: 0; transform-origin: 100% 50%; transform: rotate(calc(var(--t) * -84deg)); }
.emdr-hist .s44__tijera { position: absolute; z-index: 5; top: calc(48.2vh - 5vw); left: calc(80vw - min(1, var(--t) * 1.15) * 32vw); width: 18vw; margin-left: -1vw; opacity: clamp(0, calc((1 - var(--t)) * 9), 1); }
.emdr-hist .s44__tijera svg { width: 100%; height: auto; overflow: visible; }
.emdr-hist .s44__hoja path { fill: #111; }
.emdr-hist .s44__hoja .asa { fill: none; stroke: #111; stroke-width: 9; stroke-linecap: round; }
.emdr-hist .s44__tijera .eje { fill: #e6e4de; }
.emdr-hist .s44__hoja { transform-origin: 120px 60px; animation: eh-s44tij .42s ease-in-out infinite alternate; }
.emdr-hist .s44__hoja--b { animation-name: eh-s44tij2; }
@keyframes eh-s44tij { from { transform: rotate(-14deg); } to { transform: rotate(0); } }
@keyframes eh-s44tij2 { from { transform: rotate(14deg); } to { transform: rotate(0); } }
.emdr-hist .s44 .txt { left: 47vw; bottom: 8vh; width: min(46vw, 680px); }
.emdr-hist .s45 .st { background: #000; color: var(--b); }
.emdr-hist .s45__lienzo { position: absolute; top: 0; right: 0; bottom: 0; width: 64vw; opacity: calc(1 - var(--sal)); transform: scale(calc(1 + var(--sal) * .15)); }
.emdr-hist .s45__lienzo svg { width: 100%; height: 100%; display: block; }
.emdr-hist .s45__lienzo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #000, transparent 22%); pointer-events: none; }
.emdr-hist .s45__gr { clip-path: inset(0 0 calc((1 - var(--t)) * 100%) 0); }
.emdr-hist .s45__tr { opacity: var(--t); }
.emdr-hist .s45__pent path { stroke: var(--b); stroke-width: 1.5; opacity: .7; }
.emdr-hist .s45__curva { stroke: #fff; stroke-width: 4; stroke-linecap: round; filter: drop-shadow(0 0 8px rgba(255,255,255,.8)); }
.emdr-hist .s45__b { position: absolute; z-index: 3; left: 6vw; bottom: 7vh; width: min(30vw, 46vh); transform: rotate(-3deg) translateY(calc((1 - var(--t)) * 90vh)); translate: 0 calc(var(--sal) * 110vh); }
.emdr-hist .s45 .txt { left: 6vw; top: 16vh; width: min(34vw, 500px); }
@media (max-width: 760px) {
.emdr-hist .s41__puerta img { object-position: 38% 30%; }
.emdr-hist .s41__b { right: auto; left: 5vw; bottom: auto; top: 11vh; width: 40vw; }
.emdr-hist .s41 .txt { left: 16px; right: 16px; bottom: 5vh; width: auto; }
.emdr-hist .s42 .st { --D: 40vw; --cx: 50vw; }
.emdr-hist .s42__anillos, .emdr-hist .s42__a { top: 36%; }
.emdr-hist .s42__b { right: 5vw; top: auto; bottom: 29vh; width: 40vw; }
.emdr-hist .s42 .txt { left: 16px; right: 16px; bottom: 5vh; width: auto; }
.emdr-hist .s43__eq { left: 4vw; top: 9vh; height: auto; width: 72vw; }
.emdr-hist .s43__onda { left: 0; width: 100vw; top: 58vh; height: 8vh; }
.emdr-hist .s43__b { right: 5vw; bottom: auto; top: 40vh; width: 36vw; }
.emdr-hist .s43 .txt { left: 16px; right: 16px; top: auto; bottom: 5vh; width: auto; }
.emdr-hist .s44__m { padding: 2vw; border-width: 1.6vw; }
.emdr-hist .s44__m--a { left: 5vw; top: 12vh; width: 62vw; }
.emdr-hist .s44__m--b { left: auto; right: 4vw; top: 30vh; width: 46vw; }
.emdr-hist .s44__m--c { left: 8vw; top: 44vh; width: 40vw; }
.emdr-hist .s44__tijera { width: 36vw; top: calc(48.2vh - 10vw); }
.emdr-hist .s44 .txt { left: 16px; right: 16px; bottom: 5vh; width: auto; }
.emdr-hist .s45__lienzo { left: 0; width: 100vw; bottom: 34vh; }
.emdr-hist .s45__lienzo::after { background: linear-gradient(0deg, #000, transparent 25%); }
.emdr-hist .s45__b { left: auto; right: 5vw; bottom: 29vh; width: 44vw; }
.emdr-hist .s45 .txt { left: 16px; right: 16px; top: auto; bottom: 5vh; width: auto; }
}
@media (prefers-reduced-motion: reduce) {
.emdr-hist .s43__eq i, .emdr-hist .s44__hoja { animation: none; }
}
.emdr-hist .s46 .st { background: #000; color: var(--b); }
.emdr-hist .s46__a { position: absolute; inset: 0; opacity: var(--t); transform: scale(calc(1.08 - var(--t) * .08)); }
.emdr-hist .s46__a img { width: 100%; height: 100%; object-fit: cover; object-position: 44% 40%; filter: brightness(.68); }
.emdr-hist .s46__a::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.75), transparent 45%), linear-gradient(transparent 55%, rgba(0,0,0,.8)); }
.emdr-hist .s46__flashes { position: absolute; inset: 0; pointer-events: none; opacity: calc(var(--t) * (1 - var(--sal) * 2)); }
.emdr-hist .s46__flashes i { position: absolute; inset: 0; background: radial-gradient(circle at var(--x) var(--y), rgba(255,255,255,.75), rgba(255,255,255,.4) 28%, rgba(255,255,255,.14) 58%, rgba(255,255,255,.04) 90%); mix-blend-mode: screen; opacity: 0; animation: eh-s46flash var(--d) linear var(--de) infinite; }
@keyframes eh-s46flash { 0%, 95% { opacity: 0; } 95.4% { opacity: .8; } 96.4% { opacity: .45; } 99% { opacity: 0; } }
.emdr-hist .s46 .txt { left: 6vw; bottom: 8vh; width: min(48vw, 700px); text-shadow: 0 2px 24px rgba(0,0,0,.6); }
.emdr-hist .s47 .st { background: #000; color: var(--b); }
.emdr-hist .s47__latido { position: absolute; inset: 0; width: 100%; height: 100%; }
.emdr-hist .s47__latido path { stroke: #fff; stroke-width: 3; stroke-linejoin: round; stroke-linecap: round; filter: drop-shadow(0 0 6px rgba(255,255,255,.9)); }
.emdr-hist .s47__a { position: absolute; inset: 0; clip-path: circle(calc(var(--t) * 120%) at 50% 40%); transform: translateY(calc(var(--sal) * -20vh)); }
.emdr-hist .s47__a img { width: 100%; height: 100%; object-fit: cover; object-position: 60% 30%; }
.emdr-hist .s47__a::after { content: ""; position: absolute; inset: 45% 0 0; background: linear-gradient(transparent, rgba(0,0,0,.85)); }
.emdr-hist .s47__destello { position: absolute; left: 50%; top: 40%; width: 10px; height: 10px; border-radius: 50%; translate: -50% -50%; background: #fff; box-shadow: 0 0 30px 12px #fff, 0 0 120px 50px rgba(255,255,255,.5); transform: scale(calc(.6 + pow(var(--t), 3) * 90)); opacity: clamp(0, calc(var(--t) * 8), 1) ; opacity: calc(clamp(0, var(--t) * 8, 1) * (1 - clamp(0, (var(--t) - .8) * 5, 1))); z-index: 3; pointer-events: none; }
.emdr-hist .s47__b { position: absolute; z-index: 4; left: 6vw; top: 10vh; width: min(22vw, 40vh); transform: rotate(-3deg) translateY(calc((1 - var(--t)) * 90vh)); translate: 0 calc(var(--sal) * -110vh); }
.emdr-hist .s47 .txt { left: 6vw; bottom: 8vh; width: min(50vw, 720px); text-shadow: 0 2px 24px rgba(0,0,0,.6); }
.emdr-hist .s48 .st { background: #e9e7df; color: var(--n); }
.emdr-hist .s48__med { position: absolute; top: 0; display: flex; flex-direction: column; align-items: center; transform-origin: 50% 0; transform: translateY(calc((1 - var(--t)) * -105vh)) rotate(calc((1 - var(--t)) * var(--s, 10deg))); translate: 0 calc(var(--sal) * -115vh); }
.emdr-hist .s48__cinta { display: block; width: 34%; height: var(--l); background: repeating-linear-gradient(90deg, #0a0a0a 0 22%, #e9e7df 22% 30%, #0a0a0a 30% 70%, #e9e7df 70% 78%, #0a0a0a 78% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 50% calc(100% - 3vh), 0 100%); }
.emdr-hist .s48__disco { position: relative; margin-top: -2.4vh; width: 100%; aspect-ratio: 1; border-radius: 50%; padding: 6%; background: conic-gradient(from 30deg, #f4f4f2, #8f8f8c, #fafaf8, #6e6e6b, #e4e4e1, #9a9a97, #f4f4f2); box-shadow: 0 18px 36px rgba(0,0,0,.3), inset 0 0 0 2px rgba(0,0,0,.35); }
.emdr-hist .s48__disco img { position: absolute; inset: 6%; width: 88%; height: 88%; border-radius: 50%; object-fit: cover; box-shadow: inset 0 0 0 3px #000; border: 3px solid #111; }
.emdr-hist .s48__med--a { left: 6vw; width: min(24vw, 44vh); --l: 30vh; --s: 14deg; }
.emdr-hist .s48__med--a img { object-position: 40% 18%; }
.emdr-hist .s48__med--b { left: 33vw; width: min(16vw, 30vh); --l: 18vh; --s: -12deg; }
.emdr-hist .s48__med--c { left: 52vw; width: min(14vw, 26vh); --l: 40vh; --s: 10deg; }
.emdr-hist .s48 .txt { left: 67vw; bottom: 10vh; width: min(30vw, 440px); }
.emdr-hist .s48 .tit { font-size: clamp(26px, 2.8vw, 48px); }
.emdr-hist .s49 .st { background: #0d0d0d; color: var(--b); }
.emdr-hist .s49__gente { position: absolute; inset: 0; width: 100%; height: 100%; }
.emdr-hist .s49__gente circle { fill: #5d5d5a; opacity: clamp(0, calc(var(--t) * 3 - var(--k) * 2), .9); }
.emdr-hist .s49__gente { translate: 0 calc(var(--sal) * 30vh); }
.emdr-hist .s49__p { position: absolute; z-index: 2; display: flex; flex-direction: column; align-items: center; transform: translateY(calc((1 - var(--t)) * 110vh)); translate: 0 calc(var(--sal) * 120vh); }
.emdr-hist .s49__p figure { position: relative; z-index: 1; width: 100%; padding: 8px; transform-origin: 50% 160%; animation: eh-s49vaiven var(--d) ease-in-out infinite alternate; }
.emdr-hist .s49__palo { display: block; width: 10px; height: 60vh; margin-top: -4px; background: linear-gradient(90deg, #6f6a62, #b9b2a5 45%, #5a554e); }
@keyframes eh-s49vaiven { from { rotate: -2.2deg; } to { rotate: 2.2deg; } }
.emdr-hist .s49__p--a { left: 5vw; top: 46vh; width: 30vw; }
.emdr-hist .s49__p--b { left: 37vw; top: 20vh; width: 22vw; }
.emdr-hist .s49__p--c { left: 61vw; top: 38vh; width: 22vw; }
.emdr-hist .s49__p--d { left: 84vw; top: 14vh; width: 13vw; }
.emdr-hist .s49 .txt { left: 6vw; top: 13vh; width: min(28vw, 420px); }
@media (max-width: 760px) {
.emdr-hist .s46__a img { object-position: 42% 40%; }
.emdr-hist .s46 .txt { left: 16px; right: 16px; bottom: 5vh; width: auto; }
.emdr-hist .s47__a img { object-position: 64% 30%; }
.emdr-hist .s47__b { display: none; }
.emdr-hist .s47 .txt { left: 16px; right: 16px; bottom: 5vh; width: auto; }
.emdr-hist .s48__med--a { left: 4vw; width: 46vw; --l: 14vh; }
.emdr-hist .s48__med--b { left: 54vw; width: 34vw; --l: 8vh; }
.emdr-hist .s48__med--a, .emdr-hist .s48__med--b { z-index: 1; }
.emdr-hist .s48__med--c { left: 38vw; width: 26vw; --l: 40vh; z-index: 0; }
.emdr-hist .s48 .txt { left: 16px; right: 16px; top: auto; bottom: 5vh; width: auto; }
.emdr-hist .s49__p--a { left: 4vw; top: 50vh; width: 52vw; }
.emdr-hist .s49__p--b { left: 52vw; top: 26vh; width: 42vw; }
.emdr-hist .s49__p--c { left: 6vw; top: 30vh; width: 38vw; }
.emdr-hist .s49__p--d { left: 62vw; top: 54vh; width: 30vw; }
.emdr-hist .s49 .txt { left: 16px; right: 16px; top: 10vh; width: auto; }
}
@media (prefers-reduced-motion: reduce) {
.emdr-hist .s49__p figure { animation: none; }
.emdr-hist .s46__flashes { display: none; }
}

/* ---------- Integración en la web ---------- */
.emdr-hist { display: none; position: relative; }
html.emdr-vh .emdr-hist { display: block; }
html.emdr-vh [data-emdr-bio-linea] { display: none; }
.emdr-hist p, .emdr-hist h2 { padding: 0; }
.emdr-hist h2 { color: inherit; }
.emdr-hist a.leer { color: inherit; }
body.emdr-plantilla-biografia #header-outer { transition: transform .35s ease, opacity .35s ease; }
html.emdr-vh body.emdr-hdr-oculta #header-outer { transform: translateY(calc(-100% - 60px)) !important; }

/* Selector de vista */
.emdr-vista { display: inline-flex; gap: 4px; border: 1px solid currentColor; border-radius: 999px; padding: 3px; }
.emdr-vista button { font: 500 12px/1 "Jost", "Futura", sans-serif; letter-spacing: .18em; text-transform: uppercase; color: inherit; background: none; border: 0; border-radius: 999px; padding: 9px 14px; margin: 0; cursor: pointer; }
.emdr-vista button[aria-pressed="true"] { background: #fff; color: #000; }
.emdr-vista button:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
/* Selector en la barra de filtros */
html.emdr-vh .emdr-bio-ir { position: relative; top: auto; margin-bottom: 24px; }
.emdr-bio-ir { align-items: center; gap: 12px; }
.emdr-bio-ir .emdr-decadas { flex: 1 1 auto; min-width: 0; }
.emdr-bio-vistas { flex: none; }
@media (max-width: 760px) {
	.emdr-bio-ir { flex-wrap: wrap; }
	.emdr-bio-ir .emdr-decadas { width: 100%; }
	.emdr-bio-vistas { width: 100%; }
}
.emdr-hist .emdr-vista--fija { position: fixed; z-index: 60; left: max(16px, env(safe-area-inset-left, 0px)); top: calc(var(--emdr-hdr, 0px) + 14px); color: #fff; mix-blend-mode: difference; transition: top .35s ease; }

/* Anclas por décadas */
.emdr-hist .emdr-dec { position: fixed; z-index: 60; right: max(18px, env(safe-area-inset-right, 0px)); top: 50%; transform: translateY(-50%); display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; color: #fff; mix-blend-mode: difference; opacity: 0; pointer-events: none; transition: opacity .4s ease; }
.emdr-hist.emdr-hist--dec .emdr-dec { opacity: 1; pointer-events: auto; }
.emdr-hist .emdr-dec a { display: flex; align-items: center; justify-content: flex-end; gap: 10px; padding: 6px 0; color: inherit; text-decoration: none; font: 400 11px/1 "Jost", "Futura", sans-serif; letter-spacing: .2em; text-transform: uppercase; }
.emdr-hist .emdr-dec a span { opacity: .55; transition: opacity .3s ease; }
.emdr-hist .emdr-dec a::after { content: ""; width: 14px; height: 1px; background: currentColor; opacity: .55; transition: width .3s ease, opacity .3s ease; }
.emdr-hist .emdr-dec a:hover span, .emdr-hist .emdr-dec a[aria-current] span { opacity: 1; }
.emdr-hist .emdr-dec a[aria-current]::after { width: 34px; height: 2px; opacity: 1; }
.emdr-hist .emdr-dec a:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
@media (max-width: 760px) {
	.emdr-hist .emdr-dec { right: 0; gap: 0; }
	.emdr-hist .emdr-dec a { padding: 7px 6px 7px 14px; }
	.emdr-hist .emdr-dec a span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
	.emdr-hist .emdr-dec a::after { width: 10px; }
	.emdr-hist .emdr-dec a[aria-current]::after { width: 22px; }
	.emdr-vista button { padding: 8px 11px; font-size: 11px; }
}
/* La Historia ocupa todo el ancho aunque viva dentro del contenedor de la página */
.emdr-hist { width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
html.emdr-vh body { overflow-x: clip; }

/* Sonido */
.emdr-hist .emdr-sonido { position: fixed; z-index: 60; right: max(26px, calc(env(safe-area-inset-right, 0px) + 10px)); top: calc(var(--emdr-hdr, 0px) + 24px); font: 500 12px/1 "Jost", "Futura", sans-serif; letter-spacing: .18em; text-transform: uppercase; color: #fff; background: none; border: 1px solid #fff; border-radius: 999px; padding: 9px 14px; margin: 0; cursor: pointer; mix-blend-mode: difference; transition: top .35s ease, opacity .4s ease; opacity: 0; pointer-events: none; }
.emdr-hist.emdr-hist--dec .emdr-sonido { opacity: 1; pointer-events: auto; }
.emdr-hist .emdr-sonido[hidden] { display: none; }
.emdr-hist .emdr-sonido:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.emdr-hist .emdr-repro { position: fixed; z-index: 61; right: max(26px, calc(env(safe-area-inset-right, 0px) + 10px)); top: calc(var(--emdr-hdr, 0px) + 24px); display: flex; align-items: center; gap: 8px; padding: 4px 4px 4px 4px; background: rgba(10,10,10,.88); color: #fbfbf7; border-radius: 8px; box-shadow: 0 8px 22px rgba(0,0,0,.3); transition: top .35s ease; }
.emdr-hist .emdr-repro[hidden] { display: none; }
.emdr-hist .emdr-repro__yt { width: 72px; height: 40px; border-radius: 4px; overflow: hidden; background: #000; flex: none; }
.emdr-hist .emdr-repro__yt iframe { display: block; width: 72px; height: 40px; }
.emdr-hist .emdr-repro__txt { margin: 0; display: grid; gap: 3px; font: 400 9px/1.2 "Jost", "Futura", sans-serif; letter-spacing: .2em; text-transform: uppercase; }
.emdr-hist .emdr-repro__txt span { opacity: .6; }
.emdr-hist .emdr-repro__txt b { font: 800 12px/1.1 "Montserrat", Arial, sans-serif; letter-spacing: 0; text-transform: none; white-space: nowrap; }
.emdr-hist .emdr-repro__x { display: grid; place-items: center; width: 28px; height: 28px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: none; cursor: pointer; }
.emdr-hist .emdr-repro__x:hover { background: rgba(255,255,255,.12); }
.emdr-hist .emdr-repro__x:focus-visible { outline: 2px solid #fff; outline-offset: 1px; }
@media (max-width: 760px) {
	.emdr-hist .emdr-sonido { padding: 8px 11px; font-size: 11px; }
}