/* =================== */
/* Footer - Estilos Generales */
/* =================== */

footer.main-footer {
    padding: 60px 0;
    padding-bottom: 0;
    background: #ffc10770;
    color: #000;
    min-height: 400px; /* Reservar espacio para prevenir shifts */
}

footer.main-footer a {
    line-height: 1.8rem;
}


/* =================== */
/* Footer - Copyrights */
/* =================== */

footer.main-footer .copyrights {
    padding: 50px 0;
    background: #071c27;
    color: #ccc;
    margin-top: 50px;
}

footer.main-footer .copyrights p {
    color: inherit;
    font-size: .8rem;
    margin-bottom: 0;
}


/* ======================= */
/* Footer Responsive (≤ 991.98px) */
/* ======================= */
@media (max-width: 991.98px) {

    .footer-mobile {
        margin-right: -5px;
        margin-left: -5px;
    }

    .footer-col {
        padding: 0;
        margin-bottom: 10px;
    }

    .footer-collapse-btn {
        width: 100%;
        text-align: left;
        padding: 12px 15px;
        background-color: #ffc362;
        border: none;
        border-radius: 4px;
        color: #333;
        font-weight: 600;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .footer-collapse-btn .toggle-icon {
        transition: transform 0.3s ease;
    }

    .footer-collapse-btn[aria-expanded="true"] .toggle-icon {
        transform: rotate(180deg);
    }

    .footer-links {
        padding: 10px 15px;
        margin: 0;
        list-style: none;
    }

    .footer-links li {
        padding: 8px 0;
        border-bottom: 1px solid #eee;
    }

    .footer-links li:last-child {
        border-bottom: none;
    }

    .footer-links li a {
        color: #555;
        text-decoration: none;
        display: block;
        transition: color 0.2s;
    }

    .footer-links li a:hover {
        color: #000;
    }

    .footer-links li.first {
        font-weight: bold;
        color: #333;
    }

    .social-links li a {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .social-links i {
        font-size: 1.2em;
        width: 20px;
        text-align: center;
    }

    .footer-divider {
        margin: 15px 0;
        border-color: #ddd;
    }
}

li.first {
font-weight: bold;
}

footer ul {
list-style: none;
}


.iconos-footer i {
    min-width: 36px;
}