/* ==========================================================
   FOOTER
   VIVA PIATÃ
========================================================== */


.footer {

    width:100%;

    padding:90px 0 30px;

    background:#0D2C3A;

    color:#FFFFFF;

}



.footer .container {

    width:min(1200px,92%);

    margin:0 auto;

}





/* ==========================================================
   GRID PRINCIPAL
========================================================== */


.footer-grid {

    display:grid;

    grid-template-columns:

        1.6fr
        1fr
        1fr
        1fr;

    gap:50px;

    padding-bottom:60px;

    border-bottom:

        1px solid rgba(255,255,255,.15);

}





/* ==========================================================
   IDENTIDADE
========================================================== */


.footer-brand img {

    width:220px;

    max-width:100%;

    height:auto;

    display:block;

    margin-bottom:25px;

}



.footer-brand p {

    margin:0;

    color:rgba(255,255,255,.75);

    font-size:.95rem;

    line-height:1.9;

}



.footer-brand strong {

    color:#FFFFFF;

}





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


.footer-links {

    display:flex;

    flex-direction:column;

    gap:14px;

}



.footer-links h3 {

    margin:0 0 15px;

    color:#FFFFFF;

    font-size:1.05rem;

    font-weight:700;

}



.footer-links a {

    color:rgba(255,255,255,.72);

    text-decoration:none;

    font-size:.95rem;

    line-height:1.5;

    transition:

        color .25s ease;

}



.footer-links a:hover {

    color:#FFFFFF;

}





/* ==========================================================
   RODAPÉ INFERIOR
========================================================== */


.footer-bottom {

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:30px;

    padding-top:35px;

}



.footer-copy p {

    margin:0 0 8px;

    color:rgba(255,255,255,.65);

    font-size:.9rem;

    line-height:1.6;

}



.footer-copy strong {

    color:#FFFFFF;

}





/* ==========================================================
   SELOS
========================================================== */


.footer-selos {

    display:flex;

    flex-wrap:wrap;

    justify-content:flex-end;

    gap:10px;

}



.footer-selos span {

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:8px 16px;

    border-radius:50px;

    background:rgba(255,255,255,.08);

    border:

        1px solid rgba(255,255,255,.15);

    color:rgba(255,255,255,.85);

    font-size:.8rem;

    font-weight:600;

}





/* ==========================================================
   RESPONSIVO
========================================================== */


@media(max-width:1000px){


    .footer-grid {

        grid-template-columns:

            repeat(2,1fr);

    }



}



@media(max-width:700px){


    .footer {

        padding:70px 0 25px;

    }



    .footer-grid {

        grid-template-columns:

            1fr;

        gap:35px;

    }



    .footer-brand img {

        width:190px;

    }



    .footer-bottom {

        flex-direction:column;

        align-items:flex-start;

    }



    .footer-selos {

        justify-content:flex-start;

    }


}