/* La lista de espera del lanzamiento (30-oct-2026): el formulario que sustituye al botón de descargar mientras el portal está en modo «Lista de espera»
   (FormularioListaEspera.razor, docs/claude/lista_de_espera.md). Dos sitios: la portada, sobre la tela y en versión compacta, y /ui/descargar, sobre papel
   (.ficha) y completa. Solo tokens de arte-furtivo.css. Se carga junto a inicio.css y descarga.css. */

.lista-espera { display: grid; gap: var(--e-s); width: 100%; min-width: 0; }
.lista-espera form { display: grid; gap: var(--e-s); }
.lista-espera__cabeza { font-size: var(--t-minimo); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--oro); }
.lista-espera__cabeza span { font-weight: 500; letter-spacing: .04em; text-transform: none; color: var(--marfil); }
.lista-espera__nota { font-size: var(--t-minimo); color: var(--marfil-suave); }
.lista-espera__opcional { font-weight: 400; color: var(--marfil-suave); }

.lista-espera__campo { display: grid; gap: 6px; }
.lista-espera__campo label { font-weight: 700; font-size: var(--t-secundario); }
.lista-espera__campo input {
  width: 100%; height: 52px; padding: 0 14px; margin: 0;
  font: 400 var(--t-cuerpo) var(--f-cuerpo); color: var(--marfil);
  background: color-mix(in srgb, var(--noche-profunda) 82%, transparent); border: 1px solid color-mix(in srgb, var(--marfil) 40%, transparent);
  border-bottom: 2px solid var(--oro); border-radius: var(--r-fino);
}
.lista-espera__campo input::placeholder { color: var(--marfil-suave); font-style: italic; opacity: 1; }

.lista-espera__casilla { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: var(--e-s); align-items: start; }
.lista-espera__casilla input { width: 26px; height: 26px; margin: 1px 0 0; accent-color: var(--oro); cursor: pointer; }
.lista-espera__casilla label { font-size: var(--t-secundario); line-height: 1.5; color: var(--marfil-suave); cursor: pointer; }

.lista-espera__aviso { padding: var(--e-s) var(--e-m); border-left: 3px solid var(--oro); background: color-mix(in srgb, var(--noche-profunda) 78%, transparent); color: var(--marfil); }
.lista-espera__aviso--error { border-left-color: var(--terracota-clara); }

/* El campo trampa: fuera de la pantalla (no display:none, que algunos bots saltan) y fuera del orden del teclado */
.lista-espera__trampa { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

/* Portada: ocupa su propia fila bajo los botones de la portada y no se estira más de la cuenta */
.lista-espera--compacta { flex: 1 1 100%; order: 9; max-width: 440px; margin-top: var(--e-xs); padding-left: 0; }
.lista-espera--compacta .placa-descarga { justify-self: start; border: 0; cursor: pointer; }

/* /ui/descargar: sobre el papel de la ficha */
.lista-espera--completa { max-width: 34em; }
.lista-espera--completa .lacre { justify-self: start; margin-left: 16px; margin-top: var(--e-xs); }
.ficha .lista-espera__cabeza { color: var(--terracota-oscura); }
.ficha .lista-espera__cabeza span { color: var(--tinta-suave); }
.ficha .lista-espera__nota, .ficha .lista-espera__opcional, .ficha .lista-espera__casilla label { color: var(--tinta-suave); }
.ficha .lista-espera__campo label { color: var(--tinta); }
.ficha .lista-espera__campo input {
  color: var(--tinta); background: color-mix(in srgb, var(--marfil) 55%, transparent);
  border-color: var(--arena-sombra); border-bottom: 2px solid var(--tinta-suave);
}
.ficha .lista-espera__campo input::placeholder { color: var(--tinta-suave); }
.ficha .lista-espera__casilla input { accent-color: var(--terracota-oscura); }
.ficha .lista-espera__aviso { background: color-mix(in srgb, var(--tinta) 6%, transparent); color: var(--tinta); border-left-color: var(--terracota-oscura); }
.ficha .lista-espera__aviso--error { border-left-color: var(--lacre); }

@media (max-width: 560px) {
  .lista-espera--compacta { max-width: none; }
}