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

.footer{

    position:relative;

    background:#081a2d;

    color:#ffffff;

    overflow:hidden;

    padding:65px 0 0;

}

.footer::before{

    content:"";

    position:absolute;

    inset:0;

    background:radial-gradient(circle at top right,
        rgba(255,255,255,.03),
        transparent 45%);

    pointer-events:none;

}

/*==================================================
                CONTAINER
==================================================*/

.footer-container{

    position:relative;

    z-index:2;

    width:1180px;

    margin:0 auto;

    display:grid;

    grid-template-columns:340px 170px 210px 280px;

    column-gap:70px;

    align-items:start;

    justify-content:start;

}

/*==================================================
                PRIMEIRA COLUNA
==================================================*/
.footer-about{ display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; text-align:left; } 

.footer-logo{ display:block; margin:0; padding:0; line-height:0; } 

.footer-logo img{ display:block; width:235px; height:auto; margin:-110px; padding:0; } 

.footer-about p{ width:285px; margin:38px -30px; padding:0; color:rgba(255,255,255,.72); font-family:'Manrope',sans-serif; font-size:15px; line-height:1.6; } 

.footer-social{ display:flex; align-items:center; justify-content:flex-start; gap:12px; margin:-30px; padding:0; } 

.footer-social a{ width:40px; height:40px; border-radius:50%; border:1px solid rgba(212,173,74,.45); display:flex; align-items:center; justify-content:center; color:#d4ad4a; text-decoration:none; transition:.30s; } 

.footer-social a:hover{ background:#d4ad4a; color:#081a2d; transform:translateY(-3px); box-shadow:0 8px 18px rgba(0,0,0,.20); }
/*==================================================
                TÍTULOS
==================================================*/

.footer h4{

    margin:8px 0 24px;

    color:#ffffff;

    font-family:'Manrope',sans-serif;

    font-size:15px;

    font-weight:700;

    letter-spacing:1.5px;

    text-transform:uppercase;

}

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

.footer-links{

    text-align:left;

}

.footer-links ul{

    margin:0;

    padding:0;

    list-style:none;

}

.footer-links li{

    margin:0 0 13px;

    text-align:left;

}

.footer-links a{

    display:inline-block;

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

    text-decoration:none;

    font-family:'Manrope',sans-serif;

    font-size:15px;

    transition:.30s;

}

.footer-links a:hover{

    color:#d4ad4a;

    transform:translateX(5px);

}

/*==================================================
                CONTACTOS
==================================================*/

.footer-contact{

    text-align:left;

}

.footer-contact ul{

    margin:0;

    padding:0;

    list-style:none;

}

.footer-contact li{

    display:flex;

    align-items:flex-start;

    justify-content:flex-start;

    gap:14px;

    margin-bottom:18px;

}

.footer-contact i{

    width:18px;

    margin-top:5px;

    color:#d4ad4a;

    font-size:15px;

    flex-shrink:0;

}

.footer-contact a{

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

    text-decoration:none;

    font-family:'Manrope',sans-serif;

    font-size:15px;

    line-height:1.8;

    transition:.30s;

}

.footer-contact a:hover{

    color:#d4ad4a;

}

/*==================================================
            TELEFONE + WHATSAPP
==================================================*/

.phones{

    display:flex;

    align-items:center;

    justify-content:flex-start;

    gap:12px;

}

.phones>div{

    display:flex;

    align-items:center;

    gap:8px;

}

.phone-divider{

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

    font-size:18px;

    font-weight:300;

    line-height:1;

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

.footer-bottom{

    margin-top:55px;

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

}

.footer-bottom-container{

    width:1180px;

    margin:0 auto;

    min-height:75px;

    display:flex;

    justify-content:space-between;

    align-items:center;

}

.footer-bottom p{

    margin:0;

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

    font-family:'Manrope',sans-serif;

    font-size:14px;

    line-height:1.7;

}

.footer-policy{

    display:flex;

    align-items:center;

    gap:18px;

}

.footer-policy span{

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

}

.footer-policy a{

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

    text-decoration:none;

    font-family:'Manrope',sans-serif;

    font-size:14px;

    transition:.30s;

}

.footer-policy a:hover{

    color:#d4ad4a;

}

/*==================================================
                HOVER GERAL
==================================================*/

.footer a{

    transition:.30s ease;

}

.footer-links a:hover{

    color:#d4ad4a;

    padding-left:5px;

}

.footer-contact a:hover{

    color:#d4ad4a;

}

/*==================================================
                FOOTER MOBILE (768px)
==================================================*/

@media (max-width:768px){

    .footer{

        padding:45px 0 0;

    }

    /*=========================
            CONTAINER
    =========================*/

    .footer-container{

        width:90%;

        display:flex;

        flex-direction:column;

        gap:28px;

    }

    /*=========================
            ABOUT
    =========================*/

    .footer-about{

        align-items:flex-start;

        text-align:left;

    }

    .footer-logo{

        margin:0 0 12px;

        line-height:0;

    }

    .footer-logo img{

        width:145px;

        height:auto;

        margin:0;          /* elimina o -110px */

        padding:0;

    }

    .footer-about p{

        width:100%;

        max-width:280px;

        margin:0 0 18px;   /* elimina os margins negativos */

        padding:0;

        font-size:13px;

        line-height:1.7;

    }

    .footer-social{

        margin:0;

        padding:0;

        justify-content:flex-start;

        gap:10px;

    }

    .footer-social a{

        width:36px;

        height:36px;

    }

    /*=========================
            COLUNAS
    =========================*/

    .footer-links,

    .footer-contact{

        text-align:left;

    }

    .footer h4{

        margin:0 0 14px;

        font-size:13px;

    }

    .footer-links li{

        margin-bottom:8px;

    }

    .footer-links a{

        font-size:13px;

    }

    /*=========================
            CONTACTOS
    =========================*/

    .footer-contact li{

        gap:10px;

        margin-bottom:12px;

    }

    .footer-contact i{

        font-size:13px;

        margin-top:4px;

    }

    .footer-contact a{

        font-size:13px;

        line-height:1.7;

    }

    /*=========================
            TELEFONES
    =========================*/

    .phones{

        flex-direction:column;

        align-items:flex-start;

        gap:8px;

    }

    .phone-divider{

        display:none;

    }

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

    .footer-bottom{

        margin-top:35px;

    }

    .footer-bottom-container{

        width:90%;

        padding:18px 0;

        display:flex;

        flex-direction:column;

        align-items:flex-start;

        gap:10px;

    }

    .footer-bottom p{

        font-size:12px;

        line-height:1.7;

    }

    .footer-policy{

        flex-wrap:wrap;

        gap:10px;

    }

    .footer-policy a{

        font-size:12px;

    }

}