.cabecalho h1{font-size:3.1em; display:block; text-align:center}
.cabecalho h2{font-size:3.5em; display:block; text-align:center; font-weight:bold}
.cabecalho h3{font-size:1.5em; display:block; text-align:center;  }
.cabecalho .cont-whatsapp{max-width:80px}
.social-icons i{display:inline-block; font-size:3em !important; color:var(--heading-color); margin:15px}

.sem-padding{padding: 0;}

.conteudos{background:#fff;padding:40px}

.conteudos h2{margin-bottom:25px;}

.infos-escola{background:#fff; background-image: url(../img/pomba.jpg); background-position:right; background-repeat:no-repeat;  background-position:top right;background-size:500px; }

.show-desktop { 
display:inline-block;
}
.show-mobile {
display:none;
}

p{ font-size:1.3em;}

.divisor{background-color: var(--accent-color); width:100%; height:6px; margin-top:25px; margin-bottom:25px}

.motivo{text-align:center; padding-bottom:25px}
.legenda{background:#5bc6d0; color:#fff; font-size:1em; padding:10px; display:block;}

.area-depoimentos{background-image:url(../img/bg-depoimentos.jpg); background-attachment:fixed; background-size:cover; padding:40px} 

.icone-depoimento{max-width:80px} 

.area-depoimentos a{color:#C00 !important;}

.fundo-agende{background-color: var(--accent-color); max-height:255px !important}

.agende-telefone {padding-top:25px; padding-bottom:25px}
.agende-telefone  .logo {display:inline; width: auto !important; max-width: 320px !important}

a.link-agende {color:var(--heading-color)}
a.link-agende:link {color:var(--heading-color)}
a.link-agende:visited {color:var(--heading-color)}
a.link-agende:hover {color:var(--surface-color)}
a.link-agende:active {color:var(--surface-color)}

.tit-matricula{background:#c4e6f6; padding:12px; text-align:center;color:var(--heading-color); font-size:1.4em; font-weight:bold}
.info-matricula  { padding:15px; border:solid 1px #c4e6f6; margin-bottom:15px;   flex-grow: 1;}
.info-matricula p{ text-align:center;}

.bloco-matricula {
  display: flex;
  flex-direction: column;
  background: #f9f9f9; 
}
 
.info-matricula.contato {
flex-grow: 1;
display: flex;
justify-content: center;
align-items: center;
}

.info-matricula.contato img { max-width:220px; height:auto;}

.area-localizacao{background-image:url(../img/bg-localizacao.jpg); background-attachment:fixed; background-size:cover; padding:40px}

.area-localizacao .icone{ vertical-align:middle; display:inline; width:50px; height:50px; float:left}
.area-localizacao .icone i{font-size:3em !important;}
.area-localizacao .texto-icone{ padding:10px; margin-left:50px}

.bi-geo-alt-fill{color:#C30}
 
  
  .area-localizacao .row {
    min-height: 400px; /* ou a altura desejada */
  }
 
  .mapa-responsivo {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* Proporção 16:9 */
  }

  .mapa-responsivo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }

.copyright{color:#FFF;}

.copyright p{font-size:1.1em}
.credits{padding-bottom:15px} 

.mensagem{color:#fff; }
.mensagem p{font-size:1.8em; font-style:oblique}
 
@media (max-width: 1366px) {

.legenda{  font-size:.9em; padding:8px; }
 
.agende-telefone  .logo {display:inline; width: auto !important; max-width: 280px !important}

}
@media (max-width: 1024px) {
 
.logo img{height:140px !important; position:absolute; margin-top:25px;  } 
.cabecalho h1{font-size:2.8em; }
.cabecalho h2{font-size:2.8em;  }
.cabecalho h3{font-size:1.2em;  }
.cabecalho .cont-whatsapp{width:25px !important; height:25px !important}
.agende{padding:0} 
.social-icons i{ font-size:2.2em !important;  margin:0} 
.texto-aprenduca{width:100%} 
.endereco-top{padding-top:25px}
 

.infos-escola{background-size:200px; }

@media (max-width: 810px) {
  
  .icone-depoimento{max-width:40px} 
  .area-depoimentos h4	{font-size:1em !important; margin-left:20px}
  .show-desktop {
    display:none;
  }
  .show-mobile {
    display:inline-block;
  }	
 
.logo img{height:120px !important; position:absolute; margin-top:25px;  } 
.cabecalho h1{font-size:1.4em; }
.cabecalho h2{font-size:1.3em;  }
.cabecalho h3{font-size:.9em;  }
.cabecalho .cont-whatsapp{width:25px !important; height:25px !important}
.agende{padding:0} 
.social-icons i{ font-size:1.5em !important;  margin:0} 
.texto-aprenduca{width:100%} 
.endereco-top{padding-top:25px}

.conteudos{max-width:740px;}

.infos-escola{background-size:200px; background-position:top right;}
 
}

@media (max-width: 767px) { 
 
.logo img{height:100px !important; position:absolute; margin-top:25px; magin-left:-15px } 

.mensagem p{font-size:1.4em; text-align:center; padding-top:20px }  
}

@media (max-width: 640px) {
p{ font-size:1.1em; line-height:25px}
.conteudos{ padding:20px}
.legenda{  font-size:1.1em;  }
.motivo{padding-bottom:15px}	
.motivo img{max-width:120px !important;} 
.logotipo{ width:8% !important; }
.agende{width: 84% !important}
.social-icons{width: 8% !important}
header .logo{margin-top:15px}
.logo img{height:85px !important; position:absolute; margin-top:-15px; margin-left:-10px} 

.agende{padding:0}
.social-icons{ flex-direction: column !important;  } 
.social-icons i{ font-size:1em !important;  margin:0} 
.social-icons i.bi-youtube{margin-left:-15px !important}
.endereco-top{padding-top:10px}

.agende-telefone  .logo { max-width: 100px !important}
.agende-telefone  .logo img { max-width: 100px !important;  height:auto !important}
.agende-telefone  h4 {font-size:.9em}
.agende-telefone  .cont-whatsapp-agende{width:30px}

.infos-escola{background-size:100px;}

  .mapa-responsivo iframe {
 
    top:25px;
  }

}

@media (max-width:428px) {

.logotipo{ width:11% !important; }
.agende{width: 81% !important}
.social-icons{width: 8% !important}
	
.leao, .logo-foot{width:25%}
.mensagem{width:50%}
.mensagem p{font-size:1.1em; text-align:center; padding-top:20px } 	
.area-mapa{margin-top:25px; margin-left:-15px; margin-right:-15px; padding:0 !important;  min-width:108% !important}
 
.agende-telefone  .logo { max-width: 100px !important}
.agende-telefone  .logo img { max-width: 100px !important;  height:auto !important}
.agende-telefone  h4 {font-size:.8em}
.agende-telefone  .cont-whatsapp-agende{width:28px}



}

@media (max-width:375px) {
.logotipo{ width:16% !important; }
.agende{width: 76% !important}
.social-icons{width: 8% !important}
 
.agende-telefone  .logo { max-width: 90px !important}
.agende-telefone  .logo img { max-width: 90px !important;  height:auto !important}
.agende-telefone  h4 {font-size:.78em}
.agende-telefone  .cont-whatsapp-agende{width:26px}

}