﻿@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap');

.rodape-fix {
    left: 0;
    bottom: 0;
    background-color: #005A9C;
    color: white;
    /*margin-top: 100.91px;*/
    height: auto;
    padding: 30px;
}

.rodape-container {
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px;
    max-width: 90%;
}

.contatos-fix {
	width: 90%;
    max-width: 776px;
}

.rodape-contato {
	/*max-width: 388px;*/
}

.rodape-contato a:link,
.rodape-contato a:visited {
    text-decoration: none;
    color: #fff;
} 

.titulo-rodape {
    color: #F0F0F0;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: 'Montserrat', sans-serif;
}

.central-atendimento,
.fale-conosco,
.redes-sociais {
    text-align: center;
}


.texto-rodape {
    font-size: 12px;
    margin-left: 10px;
    font-family: 'Montserrat', sans-serif;
}

.icons-rodape {
    font-size: 18px !important;
}

.iconsRedesSociais {
    margin-left: 7px;
    width: 25px;
}

.fale-conosco-chat {
	/* display: inline-flex; */
}

.fale-conosco-chat > .texto-rodape {
	max-width: 90%;
}

.redes-sociais {
        border-top: #fff solid 1px;
        margin-top: 14px;
}


.redes-sociais>div {
    /* display: flex; */
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

.redes-sociais > div > a {
    margin-right: 8px;
}

.copyright {
    color: #F0F0F0;
    font-size: 10pt;
    font-style: italic;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    margin-top: 65px;
    margin-bottom: 5px;
    opacity: 0.85;
}

@media only screen and (min-width: 320px) {

	.contatos-fix {
        /* display: flex; */
        /* flex-direction: row; */
        width: auto;
    	max-width: 776px;

    }

    .rodape-contato {
        /* flex: 1; */
        margin: 5px;
    }

    .rodape-contato.central-atendimento,
    .rodape-contato.fale-conosco,
    .central-atendimento > .titulo-rodape,
    .fale-conosco > .titulo-rodape
     {
       text-align: left !important;
    }

    .redes-sociais {
        margin-top: 48px;
        text-align: center;
        border-top: #fff solid 1px;
    }

    .redes {
        /* display: flex; */
        /* flex-direction: column; */
    }
    
    .titulo-rodape {
        font-size: 12px;
    }

    .texto-rodape {
        font-size: 14px;
    }
    
    .rodape-fix {
		padding: 30px 12px 30px 12px !important;
	}

}



@media only screen and (min-width: 520px) {
	.rodape-fix {
		padding: 30px !important;
	}

    .titulo-rodape {
        font-size: 20px;
        font-weight: bold;
    }
}


@media only screen and (min-width: 750px) {

    .rodape-container {
        /* display: flex; */
        max-width: 90%;
    }

    .contatos-fix {
        /* display: flex; */
        /* flex-flow: row wrap; */
        /* flex-direction: row; */
    }

    .rodape-contato {
        /* flex: 1; */
        margin: 5px;
    }

    .central-atendimento,
    .fale-conosco {
        /* flex-direction: row; */
        text-align: justify;
    }

    .redes-sociais {
        text-align: justify;
        border: none;
    }

    .redes {
        /* display: flex; */
        /* flex-direction: row; */
    }

    .titulo-rodape {
        font-size: 20px;
        text-align: justify;
        font-weight: bold;
    }

    .texto-rodape {
        font-size: 18px;
    }

    .icons-rodape {
        font-size: 24px !important;
    }

}

@media (max-width: 1200px) and (min-width: 768px){
	.iconsRedesSociais {
	    width: 25px;
	}
}


@media only screen and (min-width: 1200px){
	.iconsRedesSociais {
	    width: 35px;
	}
	
	.titulo-rodape {
        font-size: 24px;
    }

}


@media only screen and (min-width: 900px) { 
    .rodape-container {
        max-width: 950px;
    }
    
    .texto-rodape {
        font-size: 20px;
    }

}

@media only screen and (min-width: 1200px) { 
    .rodape-container {
        max-width: 1170px;
    }
}