@media screen and (min-width:480px){

	.formulario form .campo.enviar input[type="submit"] { padding: 11px 40px 9px; }

}

@media screen and (min-width:600px){

	/* index */
	#seja-um-franqueado .conteudo .numeros .lista { --column-count-lista: 3; }
	#seja-um-franqueado .conteudo .numeros .lista .bloco:nth-child(2n) { border-left: 0px; }
	#seja-um-franqueado .conteudo .numeros .lista .bloco:nth-child(2n) ~ .bloco { margin-top: 0px; }
	#seja-um-franqueado .conteudo .numeros .lista .bloco:nth-child(3n) ~ .bloco { margin-top: 30px; }
	#seja-um-franqueado .conteudo .numeros .lista .bloco:nth-child(3n),
	#seja-um-franqueado .conteudo .numeros .lista .bloco:nth-child(3n+2) { border-left: 1px solid var(--cor-primaria); }

	#nossos-franqueados .owl-carousel .bloco .imagem figure,
	#nossos-franqueados .owl-carousel .bloco .imagem figure a:before { border-radius: 30px; }
	#nossos-franqueados .owl-carousel .bloco .imagem figure a:after { background-size: 60px; }

	#grupo-kyly .imagem figure a:after { background-size: 60px; }

}

@media screen and (min-width:768px){

	/* reset css */
	html { --column-count-lista: 2; }

	/* rodape */
	footer .superior .lista { --column-count-lista: 3; }
	footer .superior .lista .bloco { width: auto; }
	footer .superior .lista .bloco > p { text-align: left; }
	footer .superior .lista .bloco:has(.logo-milon) { width: 132px; }
	footer .superior .lista .bloco .logo-milon,
	footer .superior .lista .bloco .logo-grupo-kyly { margin: 0px; }
	footer .superior .lista .bloco:has(.logo-grupo-kyly) { width: 190px; }
	footer .copyright { padding: 13px 0px 11px; }
	footer .copyright .texto { text-align: left; }
	
}

@media screen and (min-width:960px){

	/* geral */
	.left-desktop { text-align: left; }

	.botao.botao-mobile { display: none; }

	.titulo.por-que-investir { flex-wrap: nowrap; }
	.titulo.por-que-investir h2 span { align-self: flex-end; width: auto; }
	.titulo.por-que-investir h2 .interrogacao { line-height: 1.28; }
	.titulo.por-que-investir h2 img { align-self: flex-end; margin-bottom: 6px; }

	.subtitulo.com-fundo { text-align: left; }

	/* formulario */
	.formulario form .duas-colunas { gap: 15px; }
	.formulario form .duas-colunas > div { flex: 1; }
	.formulario form .duas-colunas .campo + .campo { margin-top: 0px; }

	/* index */
	#a-marca { padding: 30px 0px 40px; }
	#a-marca .imagem { display: none; }
	#a-marca .conteudo { margin: 0px; padding: 0px; }
	#a-marca .conteudo .texto { text-align: left; }

	#seja-um-franqueado .fundo-reveal { padding-bottom: 40px; }
	#seja-um-franqueado .container .conteudo { flex: 1.16; }
	#seja-um-franqueado .container .imagem { flex: 1; }
	#seja-um-franqueado .conteudo .texto { text-align: left; }
	#seja-um-franqueado .imagem { display: block; margin: 0px; max-width: 100%; }

	#por-que-investir .fundo-reveal { padding-top: 40px; }

	#nossos-franqueados .owl-carousel .bloco .imagem figure,
	#nossos-franqueados .owl-carousel .bloco .imagem figure a:before { border-radius: 40px; }
	#nossos-franqueados .owl-carousel .bloco .imagem figure a:after { background-size: 70px; }

	#grupo-kyly .container .imagem { flex: 1; }
	#grupo-kyly .container .conteudo { flex: 1.123; }
	#grupo-kyly .imagem figure a:after { background-size: 70px; }

	#contato .conteudo .texto { flex: 1; }
	#contato .conteudo .formulario { flex: 1.375; }

}

@media screen and (min-width:1230px){

	/* reset css */
	html { --gap-lista: 60px; }

	html, body,
	input, button, select, option, optgroup, textarea { font-size: 20px; }

	/* geral */
	.central.grande { padding: 0px 60px; }

	.editor :is(h1, h2, h3, h4, h5, h6),
	.editor :is(h1, h2, h3, h4, h5, h6) * { font-size: 24px !important; /* usar important */ }
	.editor * { font-size: 20px !important; }
	.editor > * { margin-top: 30px !important; }

	.botao { margin-top: 60px; }
	.botao a,
	.botao:not(.fale-conosco) span { padding: 17px 25px 16px; font-size: 24px; }
	.botao.fale-conosco a { padding-left: 105px; padding-right: 60px; background-position: center left 65px; }
	.botao.fale-conosco span { font-size: 16px; }

	.titulo h1,
	.titulo h2 { font-size: 40px; }
	.titulo.medio h1 { font-size: 42px; }
	.titulo.medio h2 { font-size: 46px; }
	.titulo.grande h2 { font-size: 52px; }
	.titulo.pequeno h2 { font-size: 34px; }
	.titulo.por-que-investir h2 .interrogacao { font-size: 78px; line-height: 1.22; }
	.titulo.por-que-investir h2 img { margin-bottom: 9px; max-width: 210px; }
	.titulo.medio.left-desktop h1,
	.titulo.medio.left-desktop h2 { font-size: 42px; }
	.titulo + .texto { margin-top: 35px; }

	.subtitulo p { font-size: 30px; }
	.subtitulo.com-fundo p { padding: 12px 25px 20px 25px; font-size: 38px; }

	.redes-sociais { margin-top: 15px; }
	.redes-sociais figure { gap: 25px; }
	.redes-sociais figure a { max-width: 50px; }
	.redes-sociais figure img { max-height: 50px; }

	.texto.limita-largura { margin-top: 35px; }

	/* internas */
	.internas main > section { padding-top: 130px; }
	.internas .container-internas { padding: 100px 0px; }
	.internas .container-internas .conteudo { margin-top: 35px; }

	/* validacao formulario */
	.sucesso,
	.retorno { font-size: 18px; }

	/* formulario */
	.formulario form .duas-colunas { gap: 30px; }
	.formulario form .campo input[type="text"],
	.formulario form .campo select { height: 41px; }
	.formulario form .campo input[type="text"],
	.formulario form .campo select,
	.formulario form .campo select option,
	.formulario form .campo label { font-size: 18px; }
	.formulario form .concordo-enviar .campo.concordo { flex: 1; }
	.formulario form .concordo-enviar .campo.enviar { width: auto; }
	.formulario form .campo.concordo input[type="checkbox"] + label { font-size: 16px; padding-left: 41px; }
	.formulario form .campo.concordo input[type="checkbox"] + label:before { width: 26px; height: 26px; }
	.formulario form .campo.concordo input[type="checkbox"]:checked + label:before { line-height: 28px; }
	.formulario form .campo.concordo .investimento-estimado { gap: 15px; }
	.formulario form .campo.concordo .investimento-estimado span { font-size: 14px; }
	.formulario form .campo.enviar input[type="submit"] { padding: 12px 50px 11px; font-size: 18px; }

	/* topo */
	header .container { padding: 30px 0px; } 
	header .logo { max-width: 170px; }
	header .menu { max-width: none; }
	header .menu .mobile { display: none; }
	header .menu .desktop { position: relative; justify-content: space-evenly; gap: 0px; padding: 0px; width: 100%; height: auto; background-color: transparent; transform: none; overflow: visible; transition: all .0s linear; }
	header .menu .desktop nav a:hover,
	header .menu .desktop nav .active { background-color: var(--cor-branco); }
	header .menu .desktop nav { flex: 1; gap: 10px; text-align: left; }
	header .menu .desktop nav a,
	header .menu .desktop .botao-junte-se { width: auto; text-align: right; }

	/* topo reduzido */
	header.topo-reduzido .container { padding: 15px 0px; }
	header.topo-reduzido .logo { max-width: 142px; }
	
	/* index */
	#slides .video-slide { padding-top: 130px; }
	#slides .video-slide .video-mp4.mobile,
	#slides .video-slide .mobile { display: none; }

	#slides .video-slide .video-mp4.desktop,
	#slides .video-slide .desktop { display: block; }

	#slides .imagem .conteudo { max-width: 910px; }
	#slides:has(.setas) .imagem .container > div { padding: 0px 53px; }
	#slides .imagem .container { padding-top: 130px; }
	#slides .imagem .conteudo .logo { margin-bottom: 20px; max-width: 210px; }
	#slides .imagem .conteudo > div + .botao { margin-top: 40px; }
	#slides .setas > :is(.anterior, .proximo) { margin-top: 44.5px; width: 23px; height: 40px; }
	#slides .setas > :is(.anterior, .proximo) figure { height: 40px; }
	#slides .setas > :is(.anterior, .proximo) figure img { max-height: 40px; }

	#a-marca { padding: 100px 0px 110px; }
	
	#seja-um-franqueado .fundo-reveal { padding: 90px 0px 100px; }
	#seja-um-franqueado .container { margin-top: 80px; gap: 120px; }
	#seja-um-franqueado .conteudo .numeros { margin-top: 60px; }
	#seja-um-franqueado .conteudo .numeros .lista .bloco .icone { width: 85px; height: 85px; }
	#seja-um-franqueado .conteudo .numeros .lista .bloco .icone figure { width: 50px; height: 50px; }
	#seja-um-franqueado .conteudo .numeros .lista .bloco .icone figure img { max-width: 50px; max-height: 50px; }
	#seja-um-franqueado .conteudo .numeros .lista .bloco .contador > span { font-size: 42px; }

	#por-que-investir .fundo-reveal { padding: 100px 0px; }
	#por-que-investir .lista { margin-top: 80px; }
	#por-que-investir .lista .bloco h3 { font-size: 24px; }
	#por-que-investir .lista .bloco .icone { width: 105px; height: 105px; }
	#por-que-investir .lista .bloco .icone figure { width: 70px; height: 70px; }
	#por-que-investir .lista .bloco .icone figure img { max-width: 70px; max-height: 70px; }

	#nossos-franqueados .fundo-reveal { padding-top: 100px; }
	#nossos-franqueados .owl-carousel { margin-top: 50px; padding: 0px 53px; }
	#nossos-franqueados .owl-carousel .bloco .imagem figure a:after { background-size: 80px; }
	#nossos-franqueados .owl-carousel .owl-nav button { margin-top: -20px; width: 23px; }
	#nossos-franqueados .owl-carousel .owl-nav .owl-prev { width: 23px; height: 40px; background-size: 23px 40px; }
	#nossos-franqueados .owl-carousel .owl-nav .owl-next { width: 23px; height: 40px; background-size: 23px 40px; }
	#nossos-franqueados .botao { margin: 109px 0px -28.5px; }

	#fio-da-historia .fundo-reveal { padding: 88.5px 0px 100px; }
	#fio-da-historia .linha-do-tempo { margin-top: 40px; max-width: 960px; }

	#grupo-kyly .fundo-reveal { padding: 100px 0px; }
	#grupo-kyly .logo { max-width: 400px; }
	#grupo-kyly .container { gap: 40px; margin-top: 80px; }
	#grupo-kyly .imagem figure a:after { background-size: 80px; }
	#grupo-kyly .conteudo .botao { margin-top: 40px; }

	#reconhecimento-de-mercado .fundo-reveal { padding: 100px 0px; }
	#reconhecimento-de-mercado .certificacoes { margin-top: 40px; }
	#reconhecimento-de-mercado .certificacoes .icone { margin-top: 40px; }
	#reconhecimento-de-mercado .certificacoes .icone figure { width: 190px; height: 190px; }
	#reconhecimento-de-mercado .certificacoes .icone figure img { max-width: 190px; max-height: 190px; }

	#contato .fundo-reveal { padding: 100px 0px; }
	#contato .conteudo { gap: 60px; margin-top: 40px; }

	#faq .fundo-reveal { padding: 100px 0px; }
	#faq .lista { margin-top: 50px; }
	#faq .lista .abre-fecha { gap: 25px; padding: 15px 98px 15px 25px; font-size: 20px; background-position: center right 25px; }
	#faq .lista .abre-fecha .icone { width: 70px; height: 70px; }
	#faq .lista .abre-fecha .icone figure { width: 45px; height: 45px; }
	#faq .lista .abre-fecha .icone figure img { max-width: 45px; max-height: 45px; }
	#faq .lista .abre-fecha.ativo { background-position: center right 25px; }
	#faq .lista .resposta { padding: 0px 25px; font-size: 18px; }
	#faq .lista .resposta.exposicao { margin-top: -20px; padding: 40px 25px 20px 25px; }

	/* rodape */
	footer .superior { padding: 50px 0px; }
	footer .superior .lista .bloco > p { font-size: 13px; }
	footer .superior .lista .bloco:has(.logo-milon) { width: 210px; }
	footer .superior .lista .bloco .logo-milon { max-width: 210px; }
	footer .superior .lista .bloco .ajuda h2 { font-size: 25px; }
	footer .superior .lista .bloco:has(.logo-grupo-kyly) { width: 290px; }
	footer .superior .lista .bloco .logo-grupo-kyly { max-width: 290px; }
	footer .copyright .conteudo { gap: 60px; }
	footer .copyright .conteudo > div { flex: 1; }
	footer .copyright .texto { font-size: 16px; }
	footer .copyright .logo { max-width: 125px; }
    footer .whatsapp-fixo figure img { width: 60px; }

}

@media screen and (min-width:1366px){
	
	/* index */
	#slides:has(.setas) .imagem .container > div { padding: 0px 83px; }
	#slides .setas .anterior { left: calc((100% - 1306px) / 2); }
	#slides .setas .proximo { right: calc((100% - 1306px) / 2); }

}

@media screen and (min-width:1920px){

	/* geral */
	.titulo.grande h2 { font-size: 56px; }

	/* index */
	#nossos-franqueados .owl-carousel .bloco .imagem figure a:after { background-size: 90px; }

	#grupo-kyly .imagem figure a:after { background-size: 90px; }

}