/* Pantalla de ingreso. Lo compartido vive en assets/style.css. */

.panel-ingreso {
  width: 100%;
  max-width: 24rem;
  padding: 2rem 1.75rem 1.5rem;
  border: 1px solid var(--borde);
  border-radius: var(--r-lg);
  background: var(--superficie);
  box-shadow: var(--sombra-lg);
}

/* Un resplandor tenue detras del panel, para que no flote sobre un plano vacio */
.centrado { position: relative; overflow: hidden; }
.centrado::before {
  content: '';
  position: absolute;
  top: -18rem;
  left: 50%;
  width: 40rem;
  height: 40rem;
  transform: translateX(-50%);
  background: radial-gradient(circle, rgba(76,141,255,.10), transparent 62%);
  pointer-events: none;
}
.panel-ingreso { position: relative; }

.panel-ingreso > .marca { justify-content: center; margin-bottom: 1.75rem; }

.panel-ingreso .encabezado { margin-bottom: 1.5rem; }
.panel-ingreso .encabezado p { margin-top: .375rem; font-size: .875rem; }

.panel-ingreso .aviso { margin-bottom: 1rem; }

.panel-ingreso .pie-nota {
  margin-top: 1.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--borde-suave);
  text-align: center;
}