/* Diseño de la home (Desalia / Nevalia / Villa Ahora).
   Generado a partir del artifact de diseño; ver README. */
@font-face {
    font-family: 'Futura';
    src: url('fonts/futura.woff2') format('woff2'),
         url('fonts/futura.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:#000;font-family:'Futura','Century Gothic',Avenir,'Segoe UI',sans-serif;overflow-x:hidden}
.screen{position:relative;width:100%;line-height:0}
.screen>svg{display:block;width:100%;height:auto}
/* Franjas negras de transición entre pantallas, con un elemento cruzando de lado a lado */
.strip{background:#000;height:clamp(16px,1.5vw,24px);overflow:hidden;position:relative;line-height:0}
.strip .mover{position:absolute;top:50%;height:clamp(11px,1.05vw,17px);width:auto;
  transform:translate(-120px,-50%);animation-name:cross;animation-timing-function:linear;
  animation-iteration-count:infinite;will-change:transform}
@keyframes cross{from{transform:translate(-120px,-50%)}to{transform:translate(calc(100vw + 40px),-50%)}}
@media (prefers-reduced-motion: reduce){.strip .mover{animation:none;left:50%;transform:translate(-50%,-50%)}}
.legal{background:#00e6ca;border-top:2px solid #000;color:#000;text-align:center;
  padding:9px 16px;font-size:clamp(11px,1.05vw,16px);font-weight:500;line-height:1.35;letter-spacing:.2px}
.legal .row a{color:#000;text-decoration:none;margin:0 clamp(8px,1vw,20px);white-space:nowrap}
.legal .row a:hover{text-decoration:underline}
.legal .site a{color:#000;text-decoration:none}
.legal .site a:hover{text-decoration:underline}