.category-card {
    border: 2px solid #dee2e6;
    background-color: white;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

    .category-card:hover {
        background-color: #f0f8ff;
        border-color: #c6cacd;
        box-shadow: 0 4px 12px rgba(0, 123, 255, 0.2);
        font-weight: 600;
        color: #000 !important;
    }

        .category-card:hover p {
            font-weight: 600;
            color: #000;
        }

@media (max-width: 576px) {

    .category-card-main {
        margin:0px!important;
    }

    .category-card {
        margin-bottom: 0.75rem !important; /* menos espacio entre cards en móviles */
        padding: 0.75rem !important; /* padding también más compacto */
    }
}