@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:wght@100;200;300;400&display=swap');

/*Variáveis padrões. Após realizado o import, essas podem ser alteradas no escopo local do referido projeto.*/
@cor_base:#fff;
@cor_secundaria:#fff;
@cor_footer_primaria:#fff;
@cor_footer_secundaria:#fff;

/* FOOTER  PADRÃO DOS PROJETOS*/
.abertura-4mti footer{
background-color:#1A1A1A;
color:white;
font-family:'Fira Sans Condensed', sans-serif;

    i{
        color:#fff !important;
    }
}
.abertura-4mti footer .dados-contato{
display:flex;
flex-direction:row;
justify-content:space-evenly;
padding:40px;
    @media (max-width:768px){
        flex-direction:column;
        align-items:center;
        text-align:center;
        
        .wrapper{
            flex-direction: column;
        }
    }
}
.abertura-4mti footer .dado-contato{
margin:20px;
}
.abertura-4mti footer .faixa_final{
background-color:#303030;
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
font-size:12px;
padding:10px 115px;
}

.copyright{
display:flex;
flex-wrap:nowrap;
align-items:center;
}
.abertura-4mti footer .copyright{
color:#888;
font-weight:300;
}
.abertura-4mti footer .powered{
color:#FFF;
display:flex;
flex-direction:row;
align-items:center;
}
.abertura-4mti footer .powered a{
margin-left:3px;
display:block;
height:18px;
width:46px;
background-image:url(../img/logo-footer.webp);
background-repeat:no-repeat;
background-size:contain;
}
.abertura-4mti footer .nom_sistema{
font-size:24px;
color:@cor_footer_primaria;
font-weight:400;
}
.abertura-4mti footer .slogan_sistema{
font-size:18px;
color:white;
}
.abertura-4mti footer .cx_detalhe{
margin-top:5px;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
min-width:200px;
}
.dados-contato .cx_detalhe .detalheG{
width:40%;
height:3px;
background-color:@cor_footer_secundaria;
}
.dados-contato .cx_detalhe .detalheP{
width:60%;
height:1px;
background-color:#757575;
}
.abertura-4mti footer .titulo-dados{
color:#757575 !important;
margin-bottom:5px;
font-size:20px;
font-weight:400;    
}
.abertura-4mti footer a{
text-decoration:none;
}
.abertura-4mti footer .conteudo-dados *{
    color:#FFF;
}
.abertura-4mti footer .conteudo-dados{
font-size:14px;
letter-spacing:0.4px;
max-width:280px
}
.abertura-4mti footer .conteudo-dados.contato {
    white-space: nowrap;
}
.abertura-4mti footer .redes-sociais{
    display: flex;
    gap: 6px;
    flex-wrap: nowrap;
}
.conteudo-dados .fab{
font-size:18px;
}

// footer login
footer.login{
    .dados-contato{
        padding:20px 7.5%;
        justify-content:space-between;

        .wrapper{
            display:flex;
            align-items: stretch;
            gap:10px;

            .powered{
                font-size:13px;
                color:#eee;
            }
        }
        
        .dado-contato{
            margin:10px 0 0;

            .nom_sistema, .slogan_sistema, .titulo-dados, .conteudo-dados, .conteudo-dados .fab{
                font-size:13px;
            }
        }
    }
}