/* Logos */
.logo-sena {
    height: 3.5em;
    width: 3.5em;
    object-fit: contain;
}

.logo-asd {
    height: 4.5em;
    width: 11em;
    object-fit: contain;
}

@media (max-width: 576px) {
    .logo-asd {
        width: 7em;
        height: 3em;
    }

    .logo-sena {
        height: 2.5em;
        width: 2.5em;
    }
}

/* Card imagen */
.card-img-area {
    height: 8em;
    background-color: rgba(0, 0, 0, .1);
    border-radius: calc(.375rem - 1px) calc(.375rem - 1px) 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-img-area img {
    height: 5em;
    width: 5em;
    object-fit: contain;
}

/* Botones verde SENA — Bootstrap 5 usa variables CSS internas */
.btn-success {
    --bs-btn-bg: #39A900;
    --bs-btn-border-color: #39A900;
    --bs-btn-hover-bg: #4bd70a;
    --bs-btn-hover-border-color: #4bd70a;
    --bs-btn-active-bg: #2e8800;
    --bs-btn-active-border-color: #2e8800;
    --bs-btn-disabled-bg: #39A900;
    --bs-btn-disabled-border-color: #39A900;
}

/* Card hover */
.servicesCard {
    transition: border-color .3s ease;
}

.servicesCard:hover {
    border-color: #39A900 !important;
}

/* Footer */
.footer {
    background-color: #39A900;
}

.footer p {
    color: #fff;
    margin: 0;
    font-size: 15px;
}