/* style-glass.css */
/* Clases reusables para glassmorphism y transparencias */

.glass {
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-radius: var(--radius-lg);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  padding: 2rem;
  color: var(--color-text);
}

/* Variante de fondo más oscura */
.glass-dark {
  background: rgba(0, 26, 77, 0.25);
  color: white;
}

/* Transparente sin borde */
.glass-clean {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(8px);
  border-radius: var(--radius-md);
}

/* Clase para centrado vertical y horizontal */
.centered {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* Fade suave */
.fade-in {
  animation: fadeIn 0.6s ease-in-out;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}