/* Fondo dinamico: zoom suave de entrada + imagen distinta en cada nueva visita */
html{background:#05005c;} html,body{margin:0;min-height:100%;} body{background:transparent;}
.bg-layer{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#05005c;}
.bg-layer .bg-img{
  position:absolute;inset:0;background-repeat:no-repeat;background-size:cover;
  background-position:var(--bg-pos,center);transform-origin:var(--bg-origin,center);
  opacity:0;transform:scale(1.14);will-change:transform,opacity;
}
.bg-layer.in .bg-img{
  opacity:1;transform:scale(1);
  transition:opacity 1.4s ease-out, transform 3.2s cubic-bezier(.16,.84,.3,1);
}
/* la tarjeta aparece despues del zoom */
.card{opacity:0;transform:translateY(10px);}
body.bg-ready .card{opacity:1;transform:none;transition:opacity .9s ease .5s, transform .9s ease .5s;}
@media (prefers-reduced-motion:reduce){
  .bg-layer .bg-img{transform:none;transition:opacity .4s linear;}
  .card,body.bg-ready .card{transform:none;transition:opacity .4s linear;}
}