/* =========================================
FOOTER
========================================= */

.main-footer{
    background:#0f172a;
    color:#cbd5e1;
    padding:78px 0 28px;
    position:relative;
    overflow:hidden;
}

.main-footer > .container > .row.g-5{
    --bs-gutter-x:2rem;
    --bs-gutter-y:2rem;
}

/* =========================================
LOGO
========================================= */

.footer-logo{
    height:95px;
    width:auto;
    margin-bottom:25px;
    display:block;
}

/* =========================================
TEXTOS
========================================= */

.footer-text{
    color:#94a3b8;
    line-height:1.9;
    font-size:16px;
    margin-bottom:30px;
}

/* =========================================
TÍTULOS
========================================= */

.footer-title{
    color:#ffffff;
    font-size:24px;
    font-weight:800;
    margin-bottom:28px;
    position:relative;
}

.footer-title::after{
    content:"";
    width:55px;
    height:4px;
    background:#00bcd4;
    border-radius:20px;
    display:block;
    margin-top:12px;
}

/* =========================================
ENLACES
========================================= */

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

.footer-links li{
    margin-bottom:14px;
}

.footer-links a{
    color:#cbd5e1;
    text-decoration:none;
    font-size:16px;
    transition:.3s;
    display:inline-block;
}

.footer-links a:hover{
    color:#00bcd4;
    transform:translateX(5px);
}

/* =========================================
CONTACTO
========================================= */

.footer-contact p{
    margin-bottom:18px;
    color:#cbd5e1;
    line-height:1.8;
}

.footer-contact i{
    color:#00bcd4;
    margin-right:10px;
    width:20px;
}

/* =========================================
REDES SOCIALES
========================================= */

.footer-social{
    display:flex;
    gap:14px;
}

.footer-social a{
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(140deg,#1e293b 0%,#0f172a 100%);
    color:#ffffff;
    border-radius:50%;
    border:1px solid rgba(148,163,184,.35);
    box-shadow:0 10px 22px rgba(2,6,23,.26);
    text-decoration:none;
    transition:transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease;
    font-size:18px;
}

.footer-social a:hover{
    background:linear-gradient(140deg,#0ea5e9 0%,#0284c7 100%);
    border-color:rgba(186,230,253,.75);
    box-shadow:0 14px 28px rgba(2,132,199,.35);
    transform:translateY(-4px);
}

.footer-social a:focus-visible{
    outline:2px solid #38bdf8;
    outline-offset:2px;
}

/* =========================================
FOOTER BOTTOM
========================================= */

.footer-bottom{
    border-top:1px solid rgba(255,255,255,.08);
    margin-top:44px;
    padding-top:20px;
    color:#94a3b8;
    font-size:15px;
}

/* =========================================
MINI LINKS
========================================= */

.footer-mini-link{
    color:#cbd5e1;
    transition:.3s;
    cursor:pointer;
}

.footer-mini-link:hover{
    color:#00bcd4;
}

.footer-divider{
    margin:0 10px;
    opacity:.4;
}

/* =========================================
RESPONSIVE
========================================= */

@media(max-width:991px){

    .main-footer{
        padding:64px 0 24px;
    }

    .footer-title{
        margin-top:10px;
    }

    .footer-bottom{
        text-align:center;
    }

    .footer-bottom .text-md-end{
        margin-top:15px;
        text-align:center !important;
    }

}

@media(max-width:768px){

    .main-footer{
        padding:52px 0 20px;
    }

    .main-footer > .container > .row.g-5{
        --bs-gutter-x:1rem;
        --bs-gutter-y:1.15rem;
    }

    .footer-bottom{
        margin-top:30px;
        padding-top:16px;
    }

    .footer-logo{
        height:80px;
    }

    .footer-title{
        font-size:22px;
        margin-bottom:14px;
    }

    .footer-title::after{
        margin-top:8px;
        height:3px;
    }

    .footer-text{
        margin-bottom:16px;
        line-height:1.65;
    }

    .footer-links li{
        margin-bottom:9px;
    }

    .footer-contact p{
        margin-bottom:12px;
        line-height:1.6;
    }

    .footer-social{
        margin-bottom:10px;
    }

    .footer-divider{
        display:none;
    }

    .footer-mini-link{
        display:block;
        margin-top:10px;
    }

}

@media(max-width:991px){

    .header-social{
        margin-top:18px;
        justify-content:center;
        width:100%;
    }

}