@font-face {
	font-family: 'Peugeot';
	src: url('fontes/subset-Peugeot.eot');
	src: url('fontes/subset-Peugeot.eot?#iefix') format('embedded-opentype'),
		url('fontes/subset-Peugeot.woff') format('woff'),
		url('fontes/subset-Peugeot.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Peugeot';
	src: url('fontes/subset-Peugeot-Light.eot');
	src: url('fontes/subset-Peugeot-Light.eot?#iefix') format('embedded-opentype'),
		url('fontes/subset-Peugeot-Light.woff') format('woff'),
		url('fontes/subset-Peugeot-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Peugeot';
	src: url('fontes/subset-Peugeot-Bold.eot');
	src: url('fontes/subset-Peugeot-Bold.eot?#iefix') format('embedded-opentype'),
		url('fontes/subset-Peugeot-Bold.woff') format('woff'),
		url('fontes/subset-Peugeot-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

/* reset css */
* { box-sizing:border-box; }
html, body { margin:0 auto; padding:0; width:100%; max-width:1920px; font:400 13px/19px 'Peugeot'; text-size-adjust:none; color:#142132; }
header, main, section, div, article, aside, form, fieldset, footer { display:block; margin:0; padding:0; border:none; }
h1, h2, h3, h4, h5, h6, p { margin:0; padding:0; }
ul, ol { margin:0; padding:0; list-style-position:inside; }
img, figure, iframe, embed, object, video { display:block; margin:0; padding:0; max-width:100%; border:none; }
input[type="submit"], [type="button"], input[type="file"] { cursor:pointer; }
input, button, select, option, optgroup, textarea { display:block; margin:0; padding:0; font:400 13px/19px 'Peugeot'; color:#142132; outline:none; border:none; }
img { width:auto; height:auto; }
a { color:#142132; }

/* geral */
.central { margin:0 auto; padding:0 10px; width:100%; max-width:1220px; }
.clear { clear:both; }

/* topo */

/* index */
#entrada { padding:40px 0 0; background:url('../img/fundo-entrada.webp') no-repeat center top / cover; display: block; position:relative;
	.logo { margin:0 auto; width:90%; max-width:412px; }
}
#sites { padding:45px 0; color:#FFF;
	a { color:#FFF; }
	.central { max-width:820px; }
	h1 { margin:0 0 35px; text-align:center; font-weight:normal; font-size:24px; }
	.lista { display:flex; flex-wrap:wrap; align-items: center; justify-content: center; flex-direction: column; gap:20px 2%;
		.bloco { position:relative; width:90%;
			.logo { display:flex; flex-direction:column; justify-content:space-between; margin:0 auto; width:100%;
				&.peugeot { min-width:117px; }
				&.seminovos { min-width:227px; }
				&.citroen { min-width:122px; }
			}
			.acessar-site { margin-top:30px; text-align:center;
				a { padding:8px 25px; text-decoration:none; background:#FFF; color:#142132; border-radius:20px; display:inline-block; line-height:1; }
			}
			& + .bloco { margin-top:30px; }
		}
	}
	.logo figure { height: 100%; display: flex; align-items: center; justify-content: center; }
}

/* rodape */
footer { padding:45px 0;
	.lista .bloco { text-align:center;
		h2 { text-align:center; font-size:17px; line-height:1; font-weight:700; text-transform:uppercase; }
		h3 { text-align:center; padding:10px 0 5px; font-size:13px; line-height:1; font-weight:400; }
		p { text-align:center; padding-top:10px; line-height:1; }
		p a { text-decoration:none; }
		& + .bloco { margin-top:45px; }
		.como-chegar, .horario-de-atendimento { display:flex; justify-content: center; margin-top: 10px;
			a { padding:6px 12px; font:700 12.7px/1 "Montserrat", sans-serif; border-radius:15px; border:solid 2px #000; text-decoration:none; display:flex; align-items:center; text-decoration:none; }
		}
		.como-chegar a:before { content:''; margin-right:10px; display:inline-block; height:24px; padding-left:26px; background:url('../img/ico-mapa.svg') left 1px bottom no-repeat; background-size:26px 24px; }
		.horario-de-atendimento a:before { content:''; margin-right:10px; display:inline-block; height:27px; padding-left:29px; background:url('../img/ico-agendamento.svg') left bottom no-repeat; background-size:29px 27px; }
		&:last-child { display:flex; flex-direction:column; gap:20px; align-self:center; }
	}
	
	#link-whatsapp-rodape, #link-whatsapp-rodape2 { text-decoration:none; color:#FFFFFF; font:14px/18.2px "Montserrat", sans-serif; display:block; position:relative; height:32px; text-align:center;
		span { background-color:#5AB357; color:#FFFFFF; padding:8px 15px 8px 33px; border-radius:45px; z-index: 1; position:relative; height:32px; display:inline-block;
			&:before { content:''; background:url('../img/ico-whatsapp.webp') no-repeat center center / contain; width:36px; height:36px; display:block; position:absolute; left:-8px; top:-3px; z-index:2; }
		}
	}
}

@media screen and (min-width:600px){
	/* index */
	#entrada .logo { width:100%; }
	#sites {
		.lista { flex-direction:row; align-items:stretch; justify-content:center;
			.bloco { flex:none; width: 49%; display: flex; justify-content: space-between; }
			.bloco + .bloco { margin-top:0; }
		}
		.central { max-width:1240px; }
	}

	/* rodape */
	footer .lista { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center; gap:45px;
		.bloco { width:calc(50% - 22.50px); }
		.bloco:last-child { gap:30px; }
		.bloco + .bloco { margin-top:0; }
	}

	footer {
		#link-whatsapp-rodape, #link-whatsapp-rodape2 { height:44.2px;
			span { padding:13px 15px 13px 30px; border-radius:45px; height:44.2px; font-size:13px;
				&:before { width: 44px; height: 44px; left: -18px; top: 0px; }
			}
		}
	}
}

@media screen and (min-width:960px){
	/* index */
	#entrada { padding-top:50px; }
	#sites { padding:50px 0;
		.lista { gap:60px;
			.bloco { width:calc(25% - 45px); display: flex; }
		}
	}

	/* rodape */
	footer { padding:90px 0;
		.lista { gap:60px;
			.bloco { width:calc(50% - 80px);
				h2 { font-size:26.9px; font-weight:400; text-align:center; }
				h3 { font-size:21.1px; text-align:center; }
				p { font-size:16.7px; text-align:center; }
				.como-chegar, .horario-de-atendimento {
					a { font:700 14.7px/1 "Montserrat", sans-serif; }
				}
				.como-chegar { margin-top:50px; padding-top:0; justify-content:center; }
				.horario-de-atendimento { justify-content:center; padding-top:20px; }
			}
		}
		#link-whatsapp-rodape, #link-whatsapp-rodape2 {
			span { padding:13px 20px 13px 40px; font-size:17.7px;
				&:before { width:61px; height:61px; left:-31px; top:-9px; }
			}
		}
	}
}

@media screen and (min-width:1220px){
	/* reset css */
	ul, ol { margin-left:20px; list-style-position:outside; }
	.central { padding:0; }

	/* rodape */
	footer {
		.lista .bloco { width:calc(25% - 45px); text-align:left; }
	}
}
@media screen and (min-width:1540px){
	/* reset css */
	html, body { font-size:15px; line-height:21px; }
	input, button, select, option, optgroup, textarea { font-size:15px; line-height:21px; }

	/* geral */
	#entrada { padding-top: 90px; }
	#sites { padding: 90px 0; }
	.central { max-width:1490px; }

	/* rodape */
	footer {
		.lista { gap:40px 5%;
			.bloco { width:20%; text-align:left;  }
		}
		#link-whatsapp-rodape, #link-whatsapp-rodape2 {
			span { padding:13px 25px 13px 45px; }
		}
	}
}
@media screen and (min-width:1601px){
	/* geral */
	#sites .central { max-width:1920px; }
	#sites .lista { gap:5%; }
	#sites .lista .bloco { width:20%; }
	.central { max-width:1920px; }
	.central { max-width:1920px; }

	

}