/* ===== Ajustes sobre Bootstrap ===== */
body {
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
}

.auth-card {
  max-width: 480px;
  border-radius: 1rem;
  overflow: hidden;
}

/* Iconos en input-group con color coherente */
.input-group-text {
  background-color: #f8f9fa;
  color: #6c757d;
  border-right: 0;
}

.input-group .form-control {
  border-left: 0;
}

.input-group .form-control:focus {
  border-color: #86b7fe;
  box-shadow: none;
}

.input-group:focus-within .input-group-text {
  border-color: #86b7fe;
  color: #0d6efd;
}

.input-group:focus-within .btn-outline-secondary {
  border-color: #86b7fe;
}

/* Animación suave de alertas */
.alert {
  animation: fadeSlide .35s ease-out;
}

@keyframes fadeSlide {
  from { opacity: 0; transform: translateY(-8px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Barra de fuerza */
.progress {
  background-color: #e9ecef;
  border-radius: 10px;
  overflow: hidden;
}

/* Cards de dashboard */
.card {
  border-radius: .75rem;
}