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

.sv-footer{

    width:100%;

    background:#07152b;

    color:#ffffff;

    margin-top:80px;

}

/*
=========================================================
CONTENEDOR
=========================================================
*/

.sv-footer-contenedor{

    width:100%;

    max-width:1200px;

    margin:0 auto;

    padding:70px 30px;

    display:grid;

    grid-template-columns:
        1.5fr
        1fr
        1fr
        1fr;

    gap:50px;

    box-sizing:border-box;

}

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

.sv-footer-logo{

    width:180px;

    max-width:100%;

    height:auto;

    margin-bottom:20px;

}

/*
=========================================================
COLUMNAS
=========================================================
*/

.sv-footer-col h3{

    margin-bottom:22px;

    font-size:1.2rem;

    font-weight:600;

    color:#ffffff;

}

.sv-footer-col p{

    color:#cbd5e1;

    line-height:1.8;

    margin-bottom:15px;

}

.sv-footer-col ul{

    margin:0;

    padding:0;

    list-style:none;

}

.sv-footer-col li{

    margin-bottom:14px;

}

.sv-footer-col a{

    color:#cbd5e1;

    text-decoration:none;

    transition:.30s;

}

.sv-footer-col a:hover{

    color:#3b82f6;

}

.sv-footer-col i{

    width:24px;

    color:#3b82f6;

}

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

.sv-footer-redes{

    display:flex;

    align-items:center;

    gap:15px;

    margin-top:22px;

}

.sv-footer-redes a{

    width:46px;

    height:46px;

    border-radius:50%;

    background:#12315f;

    display:flex;

    justify-content:center;

    align-items:center;

    text-decoration:none;

    transition:.30s;

}

.sv-footer-redes a i{

    font-size:20px;

    color:#ffffff;

    transition:.30s;

}

.sv-footer-redes a:hover{

    transform:translateY(-4px);

}

.sv-footer-redes a:hover i{

    transform:scale(1.12);

}

/*
=========================================================
COLORES REDES
=========================================================
*/

/* Facebook */

.sv-footer-redes a:nth-child(1):hover{

    background:#1877F2;

}

/* Instagram */

.sv-footer-redes a:nth-child(2):hover{

    background:linear-gradient(
        135deg,
        #f58529,
        #dd2a7b,
        #8134af,
        #515bd4
    );

}

/* TikTok */

.sv-footer-redes a:nth-child(3):hover{

    background:#000000;

}

/* WhatsApp */

.sv-footer-redes a:nth-child(4):hover{

    background:#25D366;

}

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

.sv-footer-copy{

    width:100%;

    border-top:1px solid rgba(255,255,255,.08);

    text-align:center;

    padding:25px 20px;

    color:#94a3b8;

    font-size:.92rem;

    box-sizing:border-box;

}

/*
=========================================================
TABLET
=========================================================
*/

@media(max-width:992px){

    .sv-footer-contenedor{

        grid-template-columns:
            repeat(2,1fr);

        gap:40px;

    }

}

/*
=========================================================
MÓVIL
=========================================================
*/

@media(max-width:650px){

    .sv-footer-contenedor{

        grid-template-columns:1fr;

        text-align:center;

        padding:55px 25px;

    }

    .sv-footer-logo{

        margin:0 auto 20px;

    }

    .sv-footer-redes{

        justify-content:center;

    }

}