.conteudo { float:left; width:92%; margin:0 4%; padding: 20px 0; }
.conteudo2 { float:left; width:100%; margin:0px; padding: 0px 0; }
.conteudof { float:left; width:95%; margin:0 5%; padding: 0px 0; }

.btn-saiba-mais      { background: #3b88c3; color: white; text-decoration: none; border: 0px #007dfe solid; border-radius:6px; padding: 10px 12px; display: inline-block; font-size: 12px; font-family: 'Lato', sans-serif; transition:.3s; }
.btn-saiba-mais:hover { background-color: #005bb5; border: 0px #313131 solid; color: #ffffff; }

.btn-saiba-mais2      { background: transparent; color: #3b88c3; text-decoration: none; border: 2px #007dfe solid; border-radius:6px; padding: 2px 10px; display: inline-block; font-size: 10px; font-family: 'Lato', sans-serif; transition:.3s; }
.btn-saiba-mais2:hover { background-color: #005bb5; border: 0px #005bb5 solid; color: #ffffff; }



/*Banner*/
/* Banner */
.banner {
    padding: 10px 0;
    /* background-color: #ffffff;  */
	 background-color: #f4f4f4;
}

.banner .conteudo {
    display: flex;
    justify-content: space-between; /* Distribui as colunas igualmente */
    align-items: center; /* Alinha as colunas verticalmente no centro */
}

.banner .linha {
    width: 100%;
    display: flex;
    flex-wrap: wrap; /* Faz com que as colunas possam quebrar para novas linhas em dispositivos menores */
}

.banner .col-esquerda {
    flex: 1; /* A coluna esquerda ocupa o espaço disponível */
    padding-right: 15px; /* Espaço entre a imagem e a coluna direita */
}

/* Estilo geral do container do slider */
.col-esquerda {
    position: relative;
    width: 100%;
    max-width: 600px; /* Define um tamanho máximo */
    margin: auto;
    overflow: hidden;
}



/* Ajuste da estrutura */
.banner .conteudo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.banner .linha2 {
  display: flex;
  width: 100%;
  align-items: center;
}

/* Estilo do slideshow */
/* .slideshow-container {
  position: relative;
  width: 100%;
  max-width: 700px;
  height: 350px; 
  overflow: hidden;
  border-radius: 10px;
  margin: auto;
  left: 0px;
    right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.slides {
  display: flex;
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease-in-out;
}

.slide {
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
    position: relative;
    text-align: center;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    left: 0px;
    right: 0px;
    padding-left: 0px;
    padding-right: 0px;
  
}

.slide img {
  width: 100%;
     height: 100%; 
    object-fit: cover; 
    border-radius: 0px;
    left: 0px;
    right: 0px;
    
} */

/* Estilo do slideshow */
.slideshow-container {
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 5%; /* Faz o slideshow ter uma proporção de 2:1 */
  max-width: 450px;
  overflow: hidden;
  border-radius: 20px;
  margin: auto;
  font-family: 'Lato', sans-serif;
}

/* Container dos slides */
.slides {
  display: flex;
  width: 100%;
  height: 100%;
  transition: transform 0.9s ease-in-out;
}

/* Cada slide */
.slide {
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
   /* background: red;  */
   border: 1px rgba(0, 0, 0, 0.1) solid;
  border-radius: 15px;
}

/* Ajuste das imagens */
.slide img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Faz a imagem cobrir toda a área */
  display: block;
  border-radius: 8px;
}

/* Exibir a informação sobreposta na imagem */
.slide-info {
  position: absolute;
  bottom: 0px; /* Distância do fundo da imagem */
  left: 50%;
  transform: translateX(-50%);
  
  /* background: rgb(26, 43, 91); */
  background: linear-gradient(
  rgba(7, 7, 7, 0.10),
  rgba(254, 254, 254, 0.901)
);
  color: #083269;
  padding: 10px 15px;
  border-radius: 8px;
  text-align: center;
  width: 100%;
  opacity: 1; /* Garante que o texto fique visível */
}

.slide-info h3 {
  margin: 0;
  font-size: 18px;
}

.slide-info p {
  margin: 5px 0;
  font-size: 12px;
}

/* Estilizar o botão "Saber Mais" */
/* .btn-saiba-mais1 {
  display: inline-block;
  margin-top: 10px;
  padding: 8px 10px;
  background-color: #3b88c3;
  color: white;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
  transition: 0.3s;
} */

.btn-saiba-mais1:hover {
  background-color: #005bb5;
}

.btn-saiba-mais1 {
  display: inline-block;
  background-color: #3b88c3;
  color: #fff;
  padding: 5px 10px;
  text-decoration: none;
  border-radius: 5px;
  font-size: 12px;
  font-family: 'Lato', sans-serif;
}

.btn-saiba-mais1:hover {
  background-color: #005bb5;
}

/* Botões de navegação */
.prev, .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  padding: 10px 15px;
  cursor: pointer;
  font-size: 15px;
  border-radius: 50%;

  
}

.prev { left: 10px; }
.next { right: 10px; }

/* Indicadores */
.indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
}

.indicator {
  height: 12px;
  width: 12px;
  margin: 0 5px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
}

.active {
  background-color: #007dfe;
}







.banner .col-direita {
    flex: 1; /* A coluna direita ocupa o espaço disponível */
    /* background-color: #fff; */ 
    background-color: #f4f4f4;
    padding: 15px;
    border-radius: 20px 20px 0 0;
	  padding-left: 30px;
}

.banner .col-direita .titulo {
    font-family: 'Lato', sans-serif;
    margin-bottom: 40px;
    font-size: 47px;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    font-weight: 700px;
    /* color: #007dfe; */
	align-items:center;
	text-align: center;
	color:#083269;
	
}

.banner .col-direita .descricao {
    color: #000000;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    margin-bottom: 10px;
    line-height: 30px;
	text-align:justify;
	text-align: justify;
  text-indent: 2em; /* recuo da primeira linha */
  line-height: 1.6; /* melhora a legibilidade */
 
}

.clear {
    clear: both;
}


/*teste slider*/

/* .slideshow {
  position: relative;
  width: 100%;
  height: 300px;
  overflow: hidden;
}

.slideshow img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 90%;
  height: 100%;
  animation: fade 5s infinite;
}

.slideshow a {
    text-decoration: none;
    padding: 0;
    margin: 0;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 5;
  }
  33% {
    opacity: 20;
  }
  53% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
 */
/**/

/*Serviços*/

.servicos          { 
  padding:10px 0px; 
/* background-color:#007dfe;  */
 background-color: #0569ba;
 /* background-color: #f4f4f4;  */
  /* background-color: #3b88c3;  */
}
.servicos .conteudo { float:left; padding:1em 0; }
.servicos .titulo   { width: 100%; float:left; margin-bottom:20px; font-size:1.8em; font-family: 'Lato', sans-serif; font-weight:700; color:#ffffff; text-align: center; padding-bottom: 1em; }
.servicos .linha            { width:100%; float:left; }
.servicos .item       { 
  background-color: #fff;
  width: 100%;
  float: left;
  padding: 10px 0;
  margin-bottom: 25px;
  font-size: 20px;
  border-radius: 15px;
  transition: transform 0.3s ease-in-out; /* Suaviza a transição */
}
/* Efeito de zoom ao passar o mouse */
.servicos .item:hover {
  transform: scale(1.05); /* Aumenta levemente */
}
.servicos .item i     { display:flex; margin:auto; background-color:#0569ba; width:80px; height:80px; border-radius:50px; align-items: center; align-content:center; }
.servicos .item i img { border:none; width:50px; height:50px; margin:auto; }
.servicos .item h3    { font-size: 20px; line-height: 36px; margin-bottom: 10px; margin-top: 5px; font-weight:600; color:#2d2d2d; font-family: 'Lato', sans-serif; text-align: center;}
.servicos .item p     { font-size: 2px; font-weight:100;padding: 0 15px; line-height: 22px; color: #747681; font-family: 'Lato', sans-serif; text-align: center;}


/*serviçso 2*/
/* Serviços 2 */
/* Serviços 2 */
.itemservicos {
  display: flex;
  align-items: center; /* Centraliza verticalmente o ícone e o conteúdo */
  gap: 20px; /* Espaço entre o ícone e o conteúdo */
  margin: 20px auto;
  padding: 20px;
  border-left: 4px solid #007bff;
  background-color: #f0f8ff;
  max-width: 800px;
  border-radius: 8px;
  transition: transform 0.3s ease;
}

/* Ícone à esquerda */
.itemservicos .icone img {
  width: 80px;
  height: auto;
}

/* Conteúdo à direita (título + texto empilhados) */
.itemservicos-content {
  flex: 1;
  text-align: center;
}

.itemservicos h3 {
  font-size: 22px;
  color: #007bff;
  margin-bottom: 8px;
}

.itemservicos p {
  font-size: 16px;
  color: #333;
  line-height: 1.4;
  text-align: right;
  text-align: justify;
  padding-left: 50px;
}

/* Efeito hover opcional */
.itemservicos:hover {
  transform: scale(1.02);
}



/*Depoimentos*/
.avaliacoes           { padding:0px 0px; background-color:#f4f4f4; }
.avaliacoes .conteudo  { float:left; padding:1em 0; }
.avaliacoes .titulo    { width: 100%; float:left; margin-bottom:20px; font-size:1.8em; font-family: 'Lato', sans-serif; font-weight:200; color:#083269; text-align: center; padding-bottom:1em; margin-right:20px; }
.avaliacoes .linha      { width:100%; float:left; }
.avaliacao     { font-family: 'Lato', sans-serif; position: relative; float: left; overflow: hidden; width:40%; color: #333; text-align: left; box-shadow: none !important; }
.avaliacao *   { -webkit-box-sizing: border-box; box-sizing: border-box; }
.avaliacao blockquote { font-family: 'Lato', sans-serif; margin: 0; display: block; border-radius: 8px; position: relative; 
background-color: #fafafa; padding: 30px 50px 55px 50px; font-size: 1.1em; font-style:italic; text-align:center; font-weight: 100; margin: 0 0 -50px; 
line-height: 1.6em;   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);  
border: 0px solid #ddd;}
.avaliacao blockquote:before,
.avaliacao blockquote:after  { font-family: 'FontAwesome';  content: "\201C"; position: absolute; font-size: 50px; opacity: 0.0; font-style: normal; }
.avaliacao blockquote:before { top: 15px; left: 20px; }
.avaliacao blockquote:after  { content: "\201D";  right: 20px; bottom: 35px; }
.avaliacao .autor img {  max-width:100%; height:100px; width:100px; border-radius:50%; margin-bottom:10px; display:inline-block; z-index:1; position:relative; }
.avaliacao .autor         { margin: 0; text-transform: uppercase; text-align: center; color: #ffffff; }
.avaliacao .autor h5      { color: #007dfe; opacity: 0.8; margin: 0; font-family: 'Lato', sans-serif; font-weight: 800;}
.avaliacao .autor h5 span { font-family: 'Lato', sans-serif; font-weight: 400; text-transform: none; display: block; }

/*Controle da Paginação carrossel*/
.boxSlide       { width:100%; overflow:hidden; margin:auto; }

.bx-wrapper     { float:left; position:relative; margin-bottom:0; padding:0; -ms-touch-action:pan-y; touch-action:pan-y; }
.bx-wrapper img { max-width:100%; display:block; }
.bxslider       { margin:0; padding:0; /*fix flickering when used background-image instead of <img> (on Chrome)*/
}
ul.bxslider     { list-style: none; }
.bx-viewport    { margin-bottom:30px; transform: translateZ(0); float:left; height:100%!important; /* fix other elements on the page moving (in Chrome) */ }

.bx-wrapper { width:100%!important; float:none; margin:auto; margin-bottom:40px; }
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto  { width:100%; float:left; padding:0.3em 0em; }

.bx-wrapper .bx-loading { min-height:50px; background:url('images/bx_loader.gif') center center no-repeat #ffffff; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2000; }

.bx-wrapper .bx-pager { text-align:center; font-size:.85em; font-family:Arial; font-weight:bold; color: #666; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #b9b9b9; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus { background:#007dfe; }
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display:inline-block; vertical-align:bottom; }
.bx-wrapper .bx-pager-item { font-size:0; line-height:0; }

.bx-wrapper .bx-prev { left:10px; background: url('../images/controls.png') no-repeat 0 -32px; }
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus { background-position: 0 0; }
.bx-wrapper .bx-next { right:10px; background: url('../images/controls.png') no-repeat -43px -32px; }
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus { background-position: -43px 0; }
.bx-wrapper .bx-controls-direction a { position:absolute; top:50%; margin-top:-16px; outline:0;  width:32px; height:32px; text-indent:-9999px; z-index:1; }
.bx-wrapper .bx-controls-direction a.disabled { display:none;}

.bx-wrapper .bx-controls-auto { text-align:center; }
.bx-wrapper .bx-controls-auto .bx-start { display:block; text-indent:-9999px; width:10px; height:11px; outline:0; background: url('../images/controls.png') -86px -11px no-repeat; margin:0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus { background-position:-86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { display:block; text-indent:-9999px; width:9px; height:11px; outline:0; background:url('../images/controls.png') -86px -44px no-repeat; margin:0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus { background-position:-86px -33px; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align:left; width:80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right:0; width:35px; }

.bx-wrapper .bx-caption       { margin-top:1px;  background-color:#fff; width:100%; float:left; display: block; padding:10px; }
.carrossel {
  width: 100%;
  margin: 0 auto;
}
/*Controle da Paginação carrossel*/

/*Faq*/
.perguntas-frequentes          { padding:10px 0px; background-color:#ffffff; }
.perguntas-frequentes .conteudo { float:left; padding:1em 0; }
.perguntas-frequentes .titulo  { width: 100%; float:left; margin-bottom:5px; font-family: 'Lato', sans-serif; font-size:1.8em; font-weight:700; color:#083269; padding-bottom:5px; }
.perguntas-frequentes .linha     { width:100%; float:left; }
.perguntas-frequentes .linha .coluna-imagem-faq  { width:100%; margin-bottom:5px;padding-left: 80px;}
.perguntas-frequentes .linha .coluna-texto-faq { width:100%; }

.caixa-expansivel       { width:100%; float:left; position:relative; }
.caixa-expansivel input { position:absolute; left:0; top:0; height:100%; width:100%; opacity:0; visibility:0; }
.caixa-expansivel h3    { background:transparent; color:#2d2d2d; font-family: 'Lato', sans-serif; font-size:1.2em; padding:0.8em 0em; border-bottom: 2px #e6e6e6 solid; margin-bottom:10px; position:relative; transition:0.3s; }

.caixa-expansivel h3:hover      { color:#007dfe; }
.caixa-expansivel label::before { transform: rotate(0deg); transition: .5s; content: ""; display: inline-block; border: 7px solid transparent; border-left-width: 7px; border-left-style: solid; border-left-color: transparent; border-left: 8px solid #2d2d2d; margin-right: 7px; }
.caixa-expansivel label         { cursor:pointer; position:relative; display:flex; align-items:center; }
.caixa-expansivel div.resposta     { max-height:0px; overflow: hidden; transition:max-height 0.5s; background-color:#ffffff; }
.caixa-expansivel div.resposta p   { padding:1em; position: relative; z-index: 1; font-family: 'Lato', sans-serif; }
.caixa-expansivel input:checked ~ h3 label::before { transform: rotate(90deg); transition: .5s; border: 7px solid transparent; border-left-width: 7px; border-left-style: solid; border-left-color: transparent; border-left: 8px solid #007dfe; margin-right: 7px; }
.caixa-expansivel input:checked ~ h3 ~ div.resposta   { max-height:200px; }
.caixa-expansivel a { color:#007cff; }

/*Agendamento*/
.agendamentos          { background-color:#007dfe; text-align:center; }
.agendamentos .conteudo { 
float: none; /* Remova o float */
     display: flex;
    justify-content: center; /* Centraliza os elementos na horizontal */
    align-items: center; /* Alinha verticalmente */
    gap: 30px; /* Espaçamento entre os itens */
    flex-wrap: wrap; /* Permite quebra de linha caso a tela seja pequena */
    padding: 2.1em 0;
    text-align: center;
    width: 100%;
}
.agendamentos .titulo  { width:100%; float:left; margin-bottom:5px; font-family: 'Lato', sans-serif; font-size:1.8em; text-align:center; font-weight:700; color:#fff; padding-bottom:30px; margin-bottom:40px; border-bottom:1px #69cdd5 solid; }
.agendamentos .texto   { width:100%; float:left; margin-bottom:5px; font-family: 'Lato', sans-serif; font-size:1.2em; line-height:30px; text-align:center; font-weight:400; color:#fff; padding-bottom:10px; margin-bottom:40px; }

.agendamento      { 
 width: 30%; /* Define largura para que caibam 3 na mesma linha */
    max-width: 350px; /* Limita a largura máxima */
    text-align: center;
}
.agendamento i    { width:100%; float:left; color:#ffffff; font-size:5em; margin-bottom: 20px; text-align:center; }
.agendamento p    { width:100%; float:left; color:#ffffff; font-family: 'Lato', sans-serif; font-size:1.3em; margin-bottom: 20px; text-align:center; }
.agendamento span { width:100%; float:left; color:#ffffff; font-family: 'Lato', sans-serif; font-size:1em; text-align:center;  }


/*FOOTER*/
/*.footer          { 
/* background-color:#f4f4f4;  */
/* background-color:#ffffff;
color:#2d2d2d; 
font-size:0.875em; 
font-family: 'Lato', sans-serif; }

.footer .conteudo2 { padding:0em 0em; }
.hr-footer {
    height: 1px;                
    background-color: #2d2d2d; 
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); 
    margin: 20px 0;   
} */

/* .coluna-footer           { width:100%; height:auto; margin-bottom:0.5em; margin-left:0px;  } */

/* .titleFooter { width:100%;  font-family: 'Lato', sans-serif; font-weight:700; font-size:1.5em; color:#083269; margin-bottom:10px; border-bottom:0px #e3e3e3 solid; padding-bottom:10px; }


.footer-info            { width:100%; float:left; justify-content: center;} 
.footer-info .info      { width:100%; float:left; margin-bottom: 20px; justify-content: center;}
.footer-info .info span { width:100%; float:left; margin-bottom:10px; color: #000000; font-family: 'Lato', sans-serif; font-size:16px; font-weight:bold; }
.footer-info .info p    { width:100%; float:left; margin-bottom: 5px; color: #2d2d2d; font-family: 'Lato', sans-serif; font-size:11px; } */
/*
.coluna-footer {
    display: flex; /* Ativa o Flexbox */
    /*justify-content: space-between;   */
  /*  align-items: flex-start;
    padding: 10px; 
	margin-bottom:0px;
	 width:90%;
	 justify-content: center;
}*/

/* .footer-info {
    width: 50%; 
} */


.maps {
	 padding-top: 50px;
    width: 35%; 
}

.maps iframe {
    width: 100%; /* Faz o mapa ocupar toda a largura da div */
    height: 250px; /* Defina a altura do mapa como necessário */
}





/*NEWSLETTER*/
/* .footer-newsletter .form   { width:100%; float:left;  }
.footer-newsletter p       { width: 100%; float: left; font-family: 'Lato', sans-serif; font-size: 1.3em; margin-bottom: 10px; color:#2d2d2d; }
.footer-newsletter .campo  { width: 100%; height: 45px; float: left; font-family: 'Lato', sans-serif; font-size: 1.2em; border: 3px solid #e2e2e2; border-radius:6px; background: #ffffff; margin-bottom: 15px; outline: none; padding: 5px 10px; color:#2d2d2d; transition:.3s; }
.footer-newsletter .campo:focus { color:#007dfe!important; border:3px solid #007dfe;}

.footer-newsletter .textarea  { width: 100%; height: auto; float: left; font-family: 'Lato', sans-serif; font-size: 1.2em; border: 3px solid #e2e2e2; border-radius:6px; background:#ffffff; margin-bottom: 15px; outline: none; padding: 5px 10px; color:#2d2d2d; resize:none; }
.footer-newsletter .textarea:focus { color:#007dfe!important; border: 3px solid #007dfe;}


.footer-newsletter .btn         { display: block; width: 160px; height:45px; line-height: 30px; padding: 8px 20px; font-family: 'Lato', sans-serif; font-size: 1em; font-weight: bold; text-transform: uppercase; cursor: pointer; color: #ffffff; background: #007dfe; border-radius:6px; border:none; transition: .3s; }
.footer-newsletter .btn:hover   { background: #313131; color: #ffffff}
.footer-newsletter .btn:focus   { box-shadow: none; } */


/*COPYRIGHT*/
.copyright { width:100%; float:left;  padding: 1em 0; margin-bottom: 0px; 
/* background: #007dfe; */
background-color: #0553a5; }

.copyright .conteudo       { padding:0em 0em; margin-bottom: 0px; }
.copyright .copy-text p   { margin:0; font-size: 1em; font-family: 'Lato', sans-serif; font-weight: 400; color:#ffffff; text-align: center;}
.copyright .copy-text p a       { text-decoration: none; color:#ffffff; }
.copyright .copy-text p a:hover { text-decoration: underline; }

.copyright .col { width: 100%; float:left; margin-bottom: 10px; }

/*FOOTER*/


/*Começa o Responsivo*/

/*480PX BREAKPOINT*/
/*480 dividido por 16 = 30em*/
@media (min-width:30em){

.boxBannerTopo { padding:1em 0; }

}

/*600PX BREAKPOINT*/
/*600 dividido por 16 = 37,5em*/
@media (min-width:37em){


} 

/*768PX BREAKPOINT*/
/*768 dividido por 16 = 48em*/
@media (min-width:48em){

.banner .row .col-esquerda  { width:42%; float:left ; }
.banner .row .col-direita { width:56%; float:right; background-color:transparent; padding:0px; border-radius: 0px 0px 0px 0px;}

.servicos             { padding:40px 0px; }
.servicos .item   { width:32%; margin-bottom:0px; margin-right:2%; }
.servicos .item:nth-of-type(3n+0) { margin-right:0; }

.perguntas-frequentes .linha .coluna-imagem-faq  { width:42%; float:left ; margin-bottom:0; }
.perguntas-frequentes .linha .coluna-texto-faq { width:56%; float:right; }

.agendamento { width:48%; margin-right:4% }
.agendamento:nth-of-type(2n+0) { margin-right:0; }

/* .colfooter                  { width:47%; margin-right:5%; margin-bottom:0; }
.colfooter:nth-of-type(2n+0){ margin-right:0; border-right:0;}

.footer-contact .col                   { width: 50%; padding-bottom:0px; margin-bottom:0px; border-bottom:0; border-right:#353535 1px solid; }
.footer-contact .col:nth-of-type(2n+0) { border-right:0; } */

} 

/*960PX BREAKPOINT*/
/*960 dividido por 16 = 60em*/
@media (min-width:60em){

    .banner          { padding:0px 0px; }
    .banner .conteudo { width:80%; padding:0em 0; margin:0 10%; }
    .banner .row .col-esquerda .titulo   { margin-bottom:20px; font-size:48px; margin-top:50px; }
    .banner .row .col-esquerda .descricao     { font-size:18px; font-family: 'Lato', sans-serif; margin-bottom:10px; width:100%; float:left; line-height:30px; }


    .servicos              { padding:30px 0px; }
    .servicos .conteudo     { width:80%; padding:1em 0; margin:0 10%; }
    .servicos .item p  { font-size: 15px; line-height: 30px; }

    .avaliacoes          { padding:30px 0px; }
    .avaliacoes .conteudo { width:80%; padding:1em 0; margin:0 10%; }

    .perguntas-frequentes          { padding:30px 0px; }
    .perguntas-frequentes .conteudo { width:80%; padding:1em 0; margin:0 10%; }

    .agendamentos         { padding:30px 0px; }
    .agendamentos .conteudo { width:80%; padding:1em 0; margin:0 10%; }

}

/*1280PX BREAKPOINT*/
/*1280 dividido por 16 = 80em*/
@media (min-width:80em){

.banner .linha .col-esquerda  { width:36%; }
.banner .linha .col-direita { width:61%; }

.perguntas-frequentes .linha .coluna-imagem-faq  { width:36%; }
.perguntas-frequentes .linha .coluna-texto-faq { width:61%; }

.agendamento:nth-of-type(2n+0),
.agendamento { width:23.5%; margin-right:2% }
.agendamento:nth-of-type(4n+0) { margin-right:0; }

}

/*1366PX BREAKPOINT*/
/*1366 dividido por 16 = 85,375em*/
@media (min-width:85em){

 .conteudo  { width:80%; margin:0 10%; }

}

/*1600PX BREAKPOINT*/
/*1600 dividido por 16 = 100em*/
@media (min-width:100em){


}
/*Fecha o Responsivo*/



/* .footer-newsletter3 {
  /* background-color: #b6a0b2; 
  color: #000000;
  padding: 10px;
  width: 100%;
} */

.colfdireita2 {
  /* display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: flex-start; */
   display: flex;
  flex-wrap: nowrap; /* tenta manter tudo na mesma linha */
  overflow-x: auto;  /* rolagem horizontal se precisar */
  gap: 10px;
}

.info2 {
 flex: 1 1 110px; /* flex-grow, flex-shrink, flex-basis */
  font-family: 'Lato', sans-serif;
  min-width: 110px;
}


.colfdireita2 .info2 span { width:100%; float:left; margin-bottom:5px; color: #000000; margin-top:30px;
  font-family: 'Lato', sans-serif; font-size:0.9em; font-weight:bold; 
}

.colfdireita2 .info2 p    { 
    width:100%; float:left; margin-bottom: 8px; color: #2d2d2d; font-size:0.8em; font-family: 'Lato', sans-serif;
}
/* Faz a info2 com imagem expandir mais */
.col-left-bimg {
  flex: 1 1 200px;
  min-width: 200px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.col-left-bimg img {
  height: 80px;
  width: auto;
  max-width: 100%;
  display: block;
}

.links-importantes {
  z-index: 1; /* garante que fique na frente se houver sobreposição */
  position: relative;
}

/* Estilo geral da seção de links */
.links-importantes .links-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 8px;
  
  width: 110px;
  font-family: 'Lato', sans-serif;
}

.links-importantes .links-list a {
  color: #000000;
  text-decoration: none;
  /* font-weight: 300; */
  font-size:0.8em; 
  display: inline-block; /* importante para limitar o hover ao texto */
  padding: 1px 0;
  transition: 
    color 0.3s ease,
    transform 0.3s ease,
    border-bottom 0.3s ease;
  border-bottom: 1px solid transparent;
}

/* Efeito ao passar o mouse */
.links-importantes .links-list a:hover {
  color: #0553a5; /* azul  */
  border-bottom: 1px solid #0553a5;
  transform: translateY(-2px); /* efeito de "subir" */
}

/*calendario dos relatorios*/

/* Campo de formulário com datepicker */
.ui-datepicker {
  z-index: 9999 !important;
  background: white;
  border: 1px solid #ccc;
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

/*HEADER*/


/*MENU*/

/*missão, valores*/
.servicos2  { 
  padding:10px 0px; 
 background-color: #f0f4f7;

}
.servicos2 container::before {
  content: "";
  position: absolute;
  top: 60px;
  left: 10%;
  right: 10%;
  height: 3px;
  background: #c3d9ff;
  z-index: 0;
}
.servicos2 .linhaitens {
  background-color: #e0f0ff; /* azul claro */
  padding: 10px 15px;
  border-radius: 5px;
  margin-bottom: 10px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* leve sombra na div */
}

.servicos2 .linhaitens h3 {
 
  font-size: 1.3em;
  color: #004d80; /* azul escuro institucional */
  text-shadow: 1px 1px 2px rgba(0,0,0,0.2); /* sombra no texto */
  margin: 0;
  padding: 0;
}
/* Container geral centralizado */
.servicos2 .mvv-container {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: center; /* centraliza horizontalmente */
  margin: 30px auto;
  max-width: 1300px; /* largura máxima da área */
}

/* Bloco individual menor */
.servicos2 .mvv-box {
  flex: 0 0 320px; /* largura fixa das caixas */
  border: px solid #cce0f5;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  z-index: 2;
  
  
}

/* Cabeçalho (Missão, Visão, Valores) */
.servicos2 .mvv-title {
  /*background-color: #b3d9ff;  azul claro */
  background-color: #3b88c3;
  color: #003366; /* azul escuro */
  padding: 10px;
  font-weight: bold;
  font-size: 2em;
  text-align: center;
  font-family: 'Lato', sans-serif;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

/* Texto de definição */
.servicos2 .mvv-content {
  background-color: white;
  padding: 12px;
  font-size: 0.87em;
  color: #333;
  line-height: 1.5em;
  text-align: justify;
  font-family: 'Lato', sans-serif;
}
.servicos2 .titulo2 {
  font-family: 'Lato', sans-serif;
  font-size: 37px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  /* font-weight: 700px; */
  /* color: #007dfe; */
  align-items:center;
  text-align: center;
  color:#003366;
}

/*qm somos 2*/
 .mvv-timeline {
  background: #f0f6ff;
  padding: 70px 20px;
  text-align: center;
}

.mvv-timeline h2 {
  color: #003366;
  font-size: 2.2rem;
  margin-bottom: 50px;
  position: relative;
}

.timeline-container {
  display: flex;
  justify-content: center;
  gap: 90px;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}

.timeline-container::before {
  content: "";
  position: absolute;
  top: 90px;
  left: 25%;
  right: 5%;
  height: 3px;
  background: #3b88c3;
  z-index: 0;
}

.timeline-item {
  background: #fff;
  border-radius: 12px;
  padding: 15px;
  width: 240px;
  position: relative;
  box-shadow: 0 5px 15px rgba(0, 51, 102, 0.08);
  z-index: 1;
}

.icon2 {
  background: #0056b3;
  color: #fff;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -50px auto 15px;
  font-size: 1.6rem;
  box-shadow: 0 4px 10px rgba(0, 51, 102, 0.2);
}

.timeline-item h3 {
  color: #003366;
  font-size: 1.3rem;
  margin-bottom: 10px;
}

.timeline-item p {
  color: #333;
  font-size: 0.95rem;
  line-height: 1.5;
}

@media (max-width: 768px) {
  .timeline-container::before { display: none; }
} 

/*mod 3*/



/*pagina contatos*/
/* ===== Estilo geral do formulário ===== */
.form-contato {
  max-width: 600px;
  margin: 40px auto;
  background: #fff;
  padding: 25px 35px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  font-family: "Segoe UI", Roboto, sans-serif;
}

/* ===== Labels ===== */
.form-contato label {
  display: block;
  font-weight: 600;
  color: #333;
  margin-bottom: 6px;
}

/* ===== Campos ===== */
.form-contato input,
.form-contato select,
.form-contato textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 15px;
  margin-bottom: 18px;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

/* ===== Efeito de foco ===== */
.form-contato input:focus,
.form-contato select:focus,
.form-contato textarea:focus {
  outline: none;
  border-color: #0078d7;
  box-shadow: 0 0 0 2px rgba(0, 120, 215, 0.2);
}

/* ===== Botão ===== */
.form-contato button {
  background-color: #0078d7;
  color: white;
  border: none;
  padding: 12px 25px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  font-size: 16px;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

/* ===== Hover do botão ===== */
.form-contato button:hover {
  background-color: #005fa3;
  transform: translateY(-2px);
}

/* ===== Linha flex para DDD + telefone ===== */
.linha {
  display: flex;
  gap: 10px;
}

.linha .col-xs {
  flex: 1;
}

/* ===== Responsivo ===== */
@media (max-width: 600px) {
  .form-contato {
    padding: 20px;
  }

  .linha {
    flex-direction: column;
  }
}
.map-container {
  width: 100%;
  max-width: 650px; /* opcional */
  margin: 0 auto;
}

.map-container iframe {
  width: 100%;
  height: 250px; /* ajuste aqui o tamanho desejado */
  border: 0;
}
/*botao de acessibilidade*/
/* ============================
   ACESSIBILIDADE – CSS ÚNICO
============================ */

/* ===== Botão Flutuante ===== */
#accessibility-btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #1f5f9c;
  padding: 12px;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 4px 15px rgba(0,0,0,0.25);
  transition: transform 0.3s;
  z-index: 9999;
}

#accessibility-btn:hover {
  transform: scale(1.15);
}

#accessibility-btn svg {
  width: 35px;
  height: 27px;
  fill: #fff;
}

/* ===== Menu Lateral ===== */
#accessibility-panel {
  position: fixed;
  right: 0;
  top: 0;
  height: 100vh;
  width: 200px;
  background: #ffffff;
  box-shadow: -4px 0 12px rgba(0,0,0,0.2);
  padding: 10px;
  transition: 0.35s ease;
  z-index: 9998;
  overflow-y: auto;
  transform: translateX(100%);
}

#accessibility-panel.open {
  transform: translateX(0);
}

#accessibility-panel button {
  width: 100%;
  padding: 12px;
  margin-bottom: 10px;
  font-size: 14px;
  border: none;
  background: #e7e7e7;
  border-radius: 6px;
  cursor: pointer;
  transition: 0.2s;
}

#accessibility-panel button:hover {
  background: #d5d5d5;
}

#accessibility-panel .reset {
  background: #3b88c3;
  color: white;
}

#accessibility-panel .reset:hover {
  background: #005bb5;
}

/* ===== Transições Suaves ===== */
body,
header,
nav,

.card,
.box,
.container {
  transition: background 0.25s ease, color 0.25s ease;
}

/* ============================
   MODOS DE ACESSIBILIDADE
============================ */

/* ===== Modo Alto Contraste ===== */
.high-contrast {
  background: #000 !important;
  color: #ff0 !important;
}

.high-contrast * {
  background: transparent !important;
  color: inherit !important;
  border-color: #ff0 !important;
}

.high-contrast a {
  color: #00ffff !important;
  text-decoration: underline !important;
}

/* ===== Modo Escuro ===== */
.theme-dark {
  background: #121212 !important;
  color: #e0e0e0 !important;
}

.theme-dark * {
  background-color: transparent !important;
  color: inherit !important;
  border-color: #444 !important;
}

.theme-dark a {
  color: #4dabf7 !important;
}

/* ===== Modo Sépia ===== */
.theme-sepia {
  background: #f5ecd8 !important;
  color: #5a4632 !important;
}

.theme-sepia * {
  background-color: transparent !important;
  color: inherit !important;
}

.theme-sepia a {
  color: #8b6f47 !important;
}

/* ===== Responsivo ===== */
@media (max-width: 600px) {
  #accessibility-panel {
    width: 85%;
  }

  #accessibility-btn {
    bottom: 15px;
    right: 15px;
  }
}