/* CONTATO */
section { padding-top: 150px; }

/*DADOS LIDOS*/
.dados { width: 100%; margin: 0px; height:auto; position:relative; text-align:left; display:inline-block; vertical-align:top; padding: 25px 0px 50px 0px; }
.dados ul { width: 100%; height: auto; position: relative; list-style-type: none; text-align: center; }
.dados ul li { display: inline-block; width: 100%; height: auto; position: relative; padding: 40px 0px; border-top: 1px solid #eaeaea; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-align: left; }
.dados ul li .info_unidades { position:relative; height:auto; margin: 0px 0px 0px 22px; width: -moz-calc(100% - 140px); width: -webkit-calc(100% - 140px); width: -o-calc(100% - 140px); width: calc(100% - 140px); text-align:left; display:inline-block; vertical-align:top; }
.dados ul li .info_unidades.sem_fotos { margin: 0px; width: 100%;}
.dados ul li .info_unidades .nome_empresa { width: 100%; height: auto; position: relative; text-align:left; padding: 0px 0px 15px 0px; line-height:30px; font-size:24px; color:#000000; display:inline-block; vertical-align:top; font-weight:700; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.dados ul li .info_unidades .nome_empresa p { width: 100%; height: auto; position:relative; padding: 0px; font-weight: 400; text-align:left; line-height: 18px; font-size:14px; color: #000000; }
.dados ul li .info_unidades .nome_empresa .ponto { color:var(--cor-primaria); position: relative; font-family: var(--fonte-padrao); font-weight:700; font-size: 24px; line-height: 30px; display:inline-block; vertical-align:top; }
.dados ul li .info_unidades .info_cliente { width: 100%; height: auto; margin: 0px; text-align:left; padding: 2px 0px; display:inline-block; vertical-align:top; cursor:pointer; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.dados ul li .info_unidades .info_cliente.com_margem { padding-bottom:20px; }
.dados ul li .info_unidades .info_cliente .ico_unidade { text-align: center; width: 20px; padding-right:6px; line-height:18px; position:relative; display:inline-block; vertical-align:top; }
.dados ul li .info_unidades .info_cliente .ico_unidade i { font-size:12px; text-align: center; width: 20px; padding-right:6px; line-height:18px; position:relative; display:inline-block; vertical-align:top; color: var(--cor-primaria); }
.dados ul li .info_unidades .info_cliente span {  width: -moz-calc(100% - 28px); width: -webkit-calc(100% - 28px); width: -o-calc(100% - 28px); width: calc(100% - 28px); height: auto; text-align:left; padding: 0px; line-height: 18px; font-size:14px; color: #000000; display:inline-block; vertical-align:top; cursor:pointer; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.dados ul li .info_unidades .info_cliente:hover { text-decoration: underline; }
.dados ul li .avatares { width: 115px; height: auto; position: relative; overflow: hidden; display:inline-block; vertical-align:top; }
.dados ul li .avatares .avatar { width: 100%; height: auto; position: relative; overflow: hidden; display:inline-block; background-color: var(--cor-primaria); margin-bottom: 10px; }
.dados ul li .avatares .avatar .nome_pessoa { width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); padding: 10px; position:absolute; bottom:0px; z-index: 10; font-size: 10px; text-align:left; color:#ffffff; font-family: var(--fonte-padrao); }
.dados ul li .avatares .avatar::before { content: ''; width: 100%; height: 100%; position: absolute; overflow: hidden; background-color: rgba(0, 0, 0, 0.3); z-index: 9; left: 0px;  top: 0px; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; }
.dados ul li .avatares .avatar img { width: 100%; height: 100%; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position:relative; display:block; }
.dados ul li:hover .avatares .avatar::before { background-color: rgba(0, 0, 0, 0.5); }

@media screen and (max-width: 670px) {
	section { padding: 60px 0px 30px 0px; }

	.dados { width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: -o-calc(100% - 40px); width: calc(100% - 40px); margin: 0px; padding: 30px 20px; }
}