/* Efecto para las tarjetas de acceso */
.hover-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hover-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.15) !important;
    border-color: #007bff !important;
}

/* Círculo de iconos */
.icon-circle {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Mejora de legibilidad en móviles */
@media (max-width: 576px) {
    .p-md-5 {
        padding: 1.5rem !important;
    }
}