/* Pantalla de entrada (primera visita de la sesión) — variables de marca
   sobre el componente de la librería de la casa (assets/ui/entrada-sitio) y
   el logo en vez del contador 0-100 que trae el componente por defecto. */

[data-lui~="entrada-sitio"] {
  --lui-entrada-fondo: #171310;
  --lui-entrada-texto: #f9f4e8;
  --lui-acento: #C89B1E;
  --lui-entrada-duracion-cifra: 1.4s;
  --lui-entrada-duracion-cortina: .9s;
}

[data-lui~="entrada-sitio"] .lui-logo {
  width: clamp(64px, 12vw, 108px);
  height: auto;
  opacity: 0;
  transform: scale(.85);
  animation: lui-logo-aparece var(--lui-entrada-duracion-cifra) cubic-bezier(.16, 1, .3, 1) forwards;
}

@keyframes lui-logo-aparece {
  0% { opacity: 0; transform: scale(.85); }
  40% { opacity: 1; transform: scale(1); }
  100% { opacity: 1; transform: scale(1); }
}

/* La marca "ya se vio esta sesión" la pone el script inline del <head>
   (assets/js/entrada-sitio.js) antes de que el <body> se pinte, así no hay
   parpadeo del logo en cargas siguientes de la misma sesión. */
html.lui-sin-entrada [data-lui~="entrada-sitio"] {
  display: none !important;
}