/* ============================================
   NEXUS · bienvenida.css
   Estilos exclusivos de index.html (pantalla de recibimiento,
   antes de entrar al login).
   ============================================ */

.pantalla-bienvenida {
  margin: 0;
  min-height: 100vh;
  overflow: hidden;
  background: #020815; /* medido de los bordes reales del video,
    para que el margen se funda con la escena */
  cursor: pointer;
}

.bienvenida-video {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

@media (prefers-reduced-motion: reduce) {
  .bienvenida-video { display: none; }
}

.bienvenida-capa {
  position: fixed;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

.bienvenida-clic {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 8%;
  z-index: 2;
  text-align: center;
  pointer-events: none;
}

.bienvenida-clic span {
  display: inline-block;
  padding: 0.6rem 1.4rem;
  font-family: inherit;
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #eaf6ff;
  background: rgba(6, 14, 24, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  animation: bienvenida-pulso 1.8s ease-in-out infinite;
}

@keyframes bienvenida-pulso {
  0%, 100% { opacity: 0.6; transform: scale(1); }
  50%      { opacity: 1;   transform: scale(1.04); }
}

@media (prefers-reduced-motion: reduce) {
  .bienvenida-clic span { animation: none; }
}