/* Estilos mínimos que acompañan a revelar.js. Importar después de los estilos de la dirección. */
.js:not(.sin-movimiento) .revelar { opacity: 0; }
.js.revelado-listo .revelar, .revelar.visible { opacity: 1; }
[data-lineas] .mascara { display: block; overflow: hidden; }
[data-lineas] .mascara > span { display: block; }
.js.sin-movimiento .revelar, .js.sin-movimiento [data-lineas] .mascara > span { opacity: 1; transform: none; }
[data-parallax] { will-change: auto; }
.carril-horizontal { overflow: hidden; }
.carril-horizontal [data-pista] { display: flex; flex-wrap: nowrap; width: max-content; }
:root { --ease-salida: cubic-bezier(0.16, 1, 0.3, 1); --ease-snap: cubic-bezier(0.7, 0, 0.2, 1); }
.cortina { position: fixed; inset: 0; z-index: 9999; pointer-events: none; overflow: hidden; }
.cortina__mitad { position: absolute; top: 0; bottom: 0; width: 60%; background: #103667; will-change: transform; }
.cortina__mitad--izq { left: 0; clip-path: polygon(0 0, 100% 0, 84% 100%, 0 100%); }
.cortina__mitad--der { right: 0; clip-path: polygon(16% 0, 100% 0, 100% 100%, 0 100%); }
.cortina__filo { position: absolute; top: -10%; bottom: -10%; left: 50%; width: 6px; background: #c9a227; transform: translateX(-50%) rotate(8deg); }
[data-magnetico] { display: inline-block; }
[data-inclinar] { transform-style: preserve-3d; }
[data-baraja] { display: flex; gap: 20px; }
a, button { transition: color .2s var(--ease-salida), background-color .2s var(--ease-salida), border-color .2s var(--ease-salida); }