/* Estilos generales para las tarjetas modernas */
.card-modern {
    transition: all 0.3s ease;
    background-color: #ffffff; /* Un blanco puro para la base del card, para que siempre resalte */
}

.card-modern:hover {
    transform: translateY(-5px);
    box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.1) !important; /* Sombra más pronunciada al hacer hover */
}

/* Estilos para los círculos de íconos */
.icon-circle {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 48px; /* Un poco más grande para mejor visibilidad */
    height: 48px; /* Un poco más grande para mejor visibilidad */
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0,0,0,0.08); /* Pequeña sombra para dar profundidad */
}

/* Colores Material Design SUAVES para fondos de círculos y textos */


.bg-info-soft { background-color: #b3e5fc; /* light blue 200 */ }
.text-info-dark { color: #0288d1; /* light blue 700 */ } /* Texto oscuro para contrastar con fondo claro */

/* Success Theme (Verde) */

.bg-success-soft { background-color: #a5d6a7; /* green 200 */ }
.text-success-dark { color: #388e3c; /* green 700 */ }


.bg-primary-soft { background-color: #c5cae9; /* indigo 200 */ }
.text-primary-dark { color: #303f9f; /* indigo 700 */ }


.bg-dark-soft { background-color: #bdbdbd; /* grey 400 */ }
.text-dark-dark { color: #424242; /* grey 800 */ }

/* Otros colores para el texto de advertencia y peligro */
.text-warning-dark { color: #fbc02d; /* amber 700 */ }
.text-danger-dark { color: #d32f2f; /* red 700 */ }