/*
==========================================================
 Portal ICEC GYE
 Archivo: footer.css
 Versión: 0.1.0
==========================================================
*/

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

.site-footer{
    background:var(--color-primary);
    color:var(--color-white);
    padding:4rem 0 2rem;
}

.footer-container{
    width:min(100% - 2rem,var(--container));
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:2.5rem;
}

.footer-logo img{
    width:90px;
    margin-bottom:1rem;
}

.footer-logo p{
    color:rgba(255,255,255,.85);
}

.footer-title{
    color:#fff;
    margin-bottom:1rem;
    font-size:1.2rem;
}

.footer-links{
    display:flex;
    flex-direction:column;
    gap:.8rem;
}

.footer-links a{
    color:rgba(255,255,255,.85);
    transition:var(--transition);
}

.footer-links a:hover{
    color:var(--color-secondary);
    padding-left:6px;
}

.footer-contact li{
    margin-bottom:.8rem;
    color:rgba(255,255,255,.85);
}

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

.social-links{
    display:flex;
    gap:1rem;
    margin-top:1rem;
}

.social-links a{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:rgba(255,255,255,.12);
    transition:var(--transition);
}

.social-links a:hover{
    background:var(--color-secondary);
    color:var(--color-dark);
    transform:translateY(-3px);
}

/* ===== COPYRIGHT ===== */

.footer-bottom{
    margin-top:3rem;
    padding-top:1.5rem;
    border-top:1px solid rgba(255,255,255,.15);
    text-align:center;
    font-size:.9rem;
    color:rgba(255,255,255,.75);
}

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

@media(max-width:768px){

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

    .footer-logo img{
        margin-inline:auto;
    }

    .social-links{
        justify-content:center;
    }

}