#HeaderCard .card-label {
    font-size: 50px !important;
}

.btn.btn-active-light-primary.active, .btn.btn-active-light-primary:hover:not(.btn-active), #CardProyectos .card:hover * {
    background-color: #00ab97 !important;
    color: white !important;
}

#SwiderProyecto .swiper-button-next, #SwiderProyecto .swiper-button-prev {
    --swiper-navigation-size: 20px;
    background-color: white;
    height: 60px;
    width: 40px;
    margin-top: -70px;
}

#SwiderProyecto .swiper-button-next {
    border-radius: 65px 0 0 65px;
    right: -10px;
}

#SwiderProyecto .swiper-button-prev {
    border-radius: 0 65px 65px 0;
    left: -10px;
}

.btn.btn-primary {
    color: white !important;
    background-color: #00ab97 !important;
}

    .btn.btn-primary:hover:not(.btn-active) {
        color: white !important;
        background-color: #33b8a3 !important;
    }

.btn.btn-light-primary {
    color: white !important;
    background-color: #66cbb5 !important;
}

    .btn.btn-light-primary:hover:not(.btn-active) {
        color: white !important;
        background-color: #00ab97 !important;
    }

@media (max-width: 576px) {
    #HeaderCard .card-label {
        font-size: 20px !important; /* Más pequeño en XS */
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    #HeaderCard .card-label {
        font-size: 30px !important; /* Intermedio en SM */
    }
}

@media (min-width: 768px) {
    #HeaderCard .card-label {
        font-size: 50px !important; /* Más grande en MD y pantallas más grandes */
    }
}