/* =========================================================
   LOGIN.CSS – estilos específicos para index.html
   ========================================================= */

/* Centrar el formulario vertical y horizontalmente */
body:not(.dashboard) {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Contenedor de login */
.login-container {
  width: 320px;
  background: var(--white);
  padding: 2rem;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

.login-container h2 {
  margin: 0 0 1.5rem;
  color: var(--p-oscuro);
  font-weight: 600;
  text-align: center;
}

/* Grupo de entrada */
.input-group { display: flex; flex-direction: column; margin-bottom: 1rem; }
.input-group label { font-size: 0.9rem; color: var(--p-oscuro); margin-bottom: 0.3rem; }
.input-group input {
  padding: 0.8rem;
  border: 1px solid #ddd;
  border-radius: 10px;
  outline: none;
  transition: border-color .2s, box-shadow .2s;
  background: #fff;
}
.input-group input:focus {
  border-color: var(--p-azul);
  box-shadow: 0 0 0 3px rgba(74,144,226,0.12);
}