/*
Theme Name: Tema WP - AGÊNCIA WEBER
Author: Agência Weber
Author URI: https://agenciaweber.com.br
Description: Tema desenvolvido e mantido por Agência Weber
Version: 1.0
*/
 /* Estilos para as seções */

/* Estilos para o carrossel ocupar toda a tela */
body, html {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

.carrossel-container {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f8f9fa;
}

.carrossel {
  position: relative;
  width: 80%;
  overflow: hidden;
}

.carrossel-track {
  display: flex;
  transition: transform 0.5s ease-in-out;
  width: calc(100% * 8); /* Multiplique o número de itens */
}

.carrossel-item {
  flex: 0 0 25%; /* 4 imagens por vez (100% dividido por 4) */
  max-width: 25%;
  padding: 10px;
}

.carrossel-item img {
  width: 100%;
  object-fit: contain;
}

.prev-btn, .next-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
  font-size: 24px;
  z-index: 100;
}

.prev-btn {
  left: 10px;
}

.next-btn {
  right: 10px;
}

/* Responsividade */
@media (max-width: 768px) {
  .carrossel-item {
    flex: 0 0 50%; /* Exibir 2 imagens por vez em telas menores */
    max-width: 50%;
  }
}

@media (max-width: 480px) {
  .carrossel-item {
    flex: 0 0 100%; /* Exibir 1 imagem por vez em telas muito pequenas */
    max-width: 100%;
  }
}


 .section50, .section51, .section52, .section53 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
  padding: 40px 20px;
  border: 1px solid #ccc;
  border-radius: 10px;
  margin: 50px;
}

/* Coluna do carrossel */
.carousel-container51, .carousel-container52, .carousel-container53 {
  position: relative;
  flex: 1;
  max-width: 100%;
  margin-right: 20px;
  overflow: hidden;
}

.carousel-images51, .carousel-images52, .carousel-images53 {
  display: flex;
  transition: transform 0.5s ease-in-out;
  width: 100%; /* Três vezes o tamanho para três imagens */
}

.carousel-image {
  flex: 1 0 100%; /* Cada imagem ocupa 100% da largura do contêiner */
  box-sizing: border-box;
}

.carousel-image img {
  width: 100%;
  /*height: 500px !important;*/
  object-fit: contain !important;
}

/* Botões de navegação */
.carousel-control {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 10px;
  cursor: pointer;
  border-radius: 50%;
  z-index: 10;
}

.prev {
  left: 10px;
}

.next {
  right: 10px;
}

/* Coluna de texto */
.text-content {
  flex: 1;
  padding: 20px;
}

/* Diferenciação de estilo das seções */
.section50 .text-content h2 {
  color: #000;
}

.section51 .text-content h2 {
  color: #000;
}

.section52 .text-content h2 {
  color: #000;
}

.section53 .text-content h2 {
  color: #000; /* Cor diferenciada para a nova seção 53 */
}

.text-content p {
  margin-top: 10px;
}

/* Estilos responsivos */
    @media (max-width: 768px) {
      .section50, .section51, .section52, .section53 {
        flex-direction: column; /* Empilhar em dispositivos móveis */
        text-align: center;
      }

      .carousel-container51, .carousel-container52, .carousel-container53 {
        max-width: 100%; /* Carrossel ocupa toda a largura */
        margin-right: 0;
      }
		.carousel-image img {
			width: 100%;
			height: 350px;
		}

      .text-content {
        padding: 20px 10px;
      }

      .carousel-control {
        padding: 5px; /* Botões menores em dispositivos móveis */
      }
    }

    @media (max-width: 480px) {
      h2 {
        font-size: 1.5rem; /* Ajusta o tamanho da fonte em dispositivos móveis */
      }

      .text-content p {
        font-size: 1rem;
      }
    }


.botao_7 {
  color: #fff !important;
  border: solid 2px #fff !important;
  background-color: #25d366 !important ;
  padding: 15px;
 width: 45%;
 text-align: center;
 font-weight: 600;
}
.botao_7:hover {
  background-color: #40d677 !important ;
  cursor: pointer;
}

.titulo_30 {

  text-align: center;
  padding: 30px;
}
#section30, #section31 {
  width: 80%;
  margin: 20px auto;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  background-color: rgb(246,246,246);
}
#section10 {
  margin-top:40px !important;
}

/* Carrossel à esquerda */
.carrossel3 {
  width: 50%;
  max-width: 600px;
  overflow: hidden;
  position: relative;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.carrossel3-images {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.carrossel3-images img {
  width: 100%;
  border-radius: 10px;
}

/* Setas de navegação */
.carrossel3-control {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  font-size: 30px;
  border: none;
  cursor: pointer;
  z-index: 1000;
}

.carrossel3-control.prev {
  left: 10px;
}

.carrossel3-control.next {
  right: 10px;
}

.carrossel3-control:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Título e texto à direita */
.content-right {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.content-right h1 {
  font-size: 2rem;
  margin-bottom: 20px;
}

.content-right p {
  font-size: 1rem;
  color: #555;
}

#section5 {
  padding-top: 155px !important;
}

#section10 {
  margin-top: -70px;
}

.carousel-2 {
  width: 80%;
  max-width: 600px;
  overflow: hidden;
  position: relative;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.carousel-images2 {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.carousel-images2 img {
  width: 100%;
  border-radius: 10px;
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 5px;
}


.carousel-indicators span {
  display: block;
  width: 10px;
  height: 10px;
  background-color: #ccc;
  border-radius: 50%;
  cursor: pointer;
}

.carousel-indicators .active {
  background-color: #3498db;
}

.section_topo3 {
  background: linear-gradient(to left, #bf8b0045 0%, #f07d21 50%) !important;
}

/*section.video-background-section {
  display:none;
}*/


/*.video-background-section {

  background-image: url("/wp-content/uploads/2024/09/cd0e9909-420c-4d60-8ceb-570fd9039054.jpeg") !important;
  max-height: 680px;
  background: no-repeat;
 


}
*/


.descricao_4 {
  font-size: 21px;
  margin-bottom: 25px;
}


.video-background-section {
  display: flex !important;
}

.content h1 {
  font-size: 28px;
  margin-top: -75px;
}

.video-background-section .content {
  text-align: left;
  position: absolute !important;
  left: 0 !important; /* Alinha à esquerda */
  width: 50%;
  

}


#section20 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0px;
  height: 650px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  background: linear-gradient(to bottom, #bf8b0045 0%, #f07d21 50%) !important;
  z-index: 4;
 
}
#section20 h1, h3 {
  color: #000 !important;
}

#section20  .left, .right {
  width: 50%;
}

#section20  .left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 60px;
}

#section20  h1 {
  font-size: 2rem;
  margin-bottom: 10px;
}

#section20  h3 {
  font-size: 1.2rem;
  margin-bottom: 20px;
  color: #555;
}

#section20  .btn {
  padding: 10px 20px;
  background-color: #3498db;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  width: fit-content;
}

#section20  .btn:hover {
  background-color: #2980b9;
}

#section20  .right {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  
}

#section20  video {
  
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4) !important; /* Adicionando sombra apenas ao vídeo */
}



/*Inicio de carrosel*/
.carousel-container {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0 20px; /* Espaço para setas */
}

.carousel {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.carousel-item {
  flex: 0 0 25%; /* 4 colunas */
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 10px;
  text-align: center;
  background-color: #fff;
  margin: 5px;
  border-radius: 5px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.prev, .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #000;
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
  border-radius: 20%;
  user-select: none;
  z-index: 1;
}

.prev {
  left: 10px;
}

.next {
  right: 10px;
}
h2#parceiro_carrosel {
  margin-top: 40px;
}
.prev:hover, .next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
/*Fim de carrosel*/


video {
	width: 100%;
    height: 100%;
    object-fit: cover;
}

.caixa_topo3 {
  
  background-color: #13b1e4!important;
}



.section_quem_somos {
  /*background-image: url("/wp-content/uploads/2024/07/Logo-MD2-Aruba-e-Active.png") !important;*/
  background: no-repeat;
  background-position: right;
  
}

/* Desktop (992px+) 
---------------------------- */
@media (min-width: 993px) { 

  h2.titulo_bene {
    text-align: center;
    color: #0e4f7e !important;
  }
  
  .div_titulo_item_duvida p{
    font-weight: 700 !important;
  }
  
  section#section7 {
    max-width: 100% !important;
    margin:0;
    padding:0
  }
  
  .div_conteudo_item_duvida_frequente {
    width: 645px
  }
  
  
  
  .div_conteudo_item_duvida_frequente {
    padding: 20px;
  }
  
  
  div#pergunt_1 {
    margin-left: -125px;
   
  }
  
  .div_conteudo_item_duvida_frequente p {
    text-align:justify;
    
  }
  
  .div_conteudo_item_duvida_frequente {
    height: 290px;
    
  }
  h2.titulo_bene {
    margin-top: 55px;
  }

}
	
h2.titulo_bene {
  text-align: center;
  color:#0a4f7e;
}
div#pergunt_2 {
  margin-left: -25px;
}
h2.titulo_bene {
  padding-top: 15px;
}

#section3 h2.titulo1_secao {
    
  color: #fff !important;
  
}

#section3 p.descricao_secao {
  color: #fff !important;
}


p {
  font-size: 18px;
}

span {
  font-size: 18px;
}


h2.titulo_secao_quem_somos2 {
  margin-top: 35px;
}

h2.titulo_h2_topo3 span {
  font-size: 28.8px !important;
}



*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Open Sans' !important;
  line-height: 1.5 !important;
  outline: none;
  text-decoration: none;
}
h1 {
  font-size: 2.5em !important;
}

h2 {
  font-size: 1.8em !important;
}

:root{
  --primeira-cor: #333399;
  --branco-padrao: #fff;
  --preto-padrao: #000;
  --cinza-padrao: #333;
  --cinza-padrao2: #999;
  --vermelho-padrao: #f33;
}

.caixa{
  width: 100%;
  max-width: 1200px;
  margin: auto;
  padding: 0 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;  
}
.titulo1_secao,
.titulo2_secao{
  font-family: "Oswald", sans-serif;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 48px;
  line-height: 1em;
}

/*.titulo1_secao:after{
  content: '';
  display: block;
  width: 80px;
  height: 3px;
  background-color: var(--preto-padrao);
  margin: 16px auto;
}*/

.descricao_secao{
  width: 100%;
  max-width: 1120px;
  margin: auto;
  text-align: center;
  margin-bottom: 40px;
/*  font-family: 'Oswald';*/
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  color: #686868;
  border-bottom: 1px solid rgba(0,0,0,0.03);
}

.header{
  background-color: var(--branco-padrao);
  padding: 3px 0;
  position: fixed;
  width: 100%;
  box-shadow: 1px 1px 3px rgba(0,0,0,.3);
  z-index: 9999;
}

.header .caixa{
  justify-content: space-between;
  align-items: center;
}
.div_container_logos_topo{
  display: flex;
  align-items: center;
}

.div_logo_topo img{
  max-width: 180px;
  
}
.div_logo_topo1{
  padding-right: 10px;
}
.div_logo_topo1 img{
  max-width: 70px;
}

.div_logo_topo2 img{
  max-width: 100px;
}

.div_logo_topo a{
  transform: all in-easy 0.10s;
}

.div_logo_topo a:hover img{
  transform: scale(0.9);
}

.div_menu_topo{
  display: flex;
}
.nav_menu_topo{
  display: flex;
  justify-content: center;
  align-items: center;
}

#menu-menu-principal{
  list-style: none;
  display: flex;
  align-items: center;
  margin: 0 20px;
}
#menu-menu-principal a{
  text-decoration: none;
  font-size: 15px;
  padding: 6px 12px;
  margin: 0;
  color: var(--cinza-padrao);
  text-transform: uppercase;
}

#menu-menu-principal a:hover{
  background-color: var(--preto-padrao);
  color: var(--branco-padrao);
}

.botao_zap_topo{
  padding: 10px 20px;
  text-decoration: none;
  font-size: 14px;
  background-color: var(--cinza-padrao);
  color: var(--branco-padrao);;
  border-radius: 6px;
  margin: 0 6px;
}

.botao_zap_topo:hover{
  color: var(--branco-padrao);
  background-color: var(--vermelho-padrao);
  opacity: 0.7;
}
.botao_zap_topo i{
  margin-right: 6px;
  font-size: 13px;
}


/* section topo 1 */
.section_topo1{
  background-image: url("assets/imgs/bg_secao_topo1_principal.jpg");
  background-position: center;
  background-size: auto;
  background-attachment: fixed;
  height: 100%;
  min-height: 780px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.div_sombra_banner_topo1{
  padding: 80px 10px;
  background-color: rgba(0,0,0,.6);
  width: 100%;
  min-height: 780px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.section_topo1 .caixa{
  flex-direction: column;
}

.div_conteudo_banner_topo1{
  max-width: 780px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.div_conteudo_banner_topo1 .titulo_topo1{
  margin-top: 95px;
}

.titulo_topo1{
  font-family: "Oswald", sans-serif;
  font-size: 4.5em;
  text-align: center;
  text-transform: uppercase;
  color: var(--branco-padrao);
  text-shadow: 1px 1px 3px rgba(0,0,0,.6);
  line-height: 1em;
}
.descricao_banner_topo1{
  color: var(--branco-padrao);
  text-align: center;
  text-shadow: 1px 1px 3px rgba(0,0,0,.3);
  margin: 40px 0;
}

.btn_banner_topo1{
  padding: 10px 20px;
  text-decoration: none;
  background-color: var(--preto-padrao);
  color: var(--branco-padrao);;
  border-radius: 6px;
  margin: 40px auto;
  text-transform: uppercase;
  font-size: 1.5em;
}
.btn_banner_topo1:hover{
  color: var(--branco-padrao);
  background-color: var(--vermelho-padrao);
  opacity: 0.7;
}


/* section banner topo 2 */
.section_banner_topo2{
  padding: 80px 60px;
  background-image: url("assets/imgs/qsaude.jpg");
  background-position: center;
  background-size: cover;
}
.section_banner_topo2 .caixa{
  min-height: 780px;
  align-items: center;
}
.div_conteudo_banner_topo2{
  flex: 1;
  padding-right: 80px;
}
.titulo_secundario_banner_topo2{
  font-family: 'Oswald', sans-serif;
  color: #cbbaff;
  font-size: 48px;
  text-shadow: 1px 1px 3px rgba(0,0,0,.3);
}

.titulo_principal_banner_topo2{
  font-family: 'Oswald', sans-serif;
  color: #ffffff;
  font-size: 54px;
  line-height: 1.1em;
  max-width: 400px;
  text-shadow: 1px 1px 3px rgba(0,0,0,.3);
}
/*.titulo_principal_banner_topo2:after{
  content: '';
  background-color: #A28DE3;
  width: 220px;
  height: 8px;
  display: block;
  margin: 22px 0;
}*/
.descricao_branner_principal_topo2{
  color: #fff;
  text-shadow: 1px 1px 3px rgba(0,0,0,.3);
}

.div_form_cotacao_banner_topo2{
  flex: 1;  
}


.div_form_cotacao_banner_topo2{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.div_form_cotacao_banner_topo2 h2{
  font-family: 'Oswald', sans-serif;
  text-align: center;
  font-weight: bold;
  font-size: 2.2em;
  width: 300px;
  line-height: 1.2em;
}




.formulario_banner_topo2{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 440px;
  padding: 40px;
  /* background-color: red; */

}
.formulario_banner_topo2 p{
  width: 100%;
}

.formulario_banner_topo2 input,
.formulario_banner_topo2 textarea{
  width: 100%;
  padding: 12px;
  margin-top: 15px;
  border: solid 1px #dddddd;
  background-color: var(--branco-padrao);
  color: #888888;
}

.formulario_banner_topo2 textarea{
  height: 180px;
}


.btn_form_orcamento_banner_topo_2{
  width: 100%;
  padding: 15px;
  margin-top: 30px;
  background-color: var(--preto-padrao);
  color: var(--branco-padrao);
  text-transform: uppercase;
  font-size: 18px;
  border:none;
  cursor: pointer;
  box-shadow: 1px 1px 3px rgba(0,0,0,.3);
}

.btn_form_orcamento_banner_topo_2:hover{
  opacity: 0.7;
}

/*validação formulário*/
.wpcf7-not-valid-tip{
    background-color: red !important;
    color: #fff !important;
    font-size: 13.5px !important;
    font-weight: 600;
    text-transform: uppercase;
    padding: 3px;
    text-align: center;
}

/*section topo 3*/
.section_topo3{
  width: 100%;
 background-color: #000002 !important;
}
.caixa_topo3{
  width: 100%;
  display: flex;
}
.div_coluna1_topo3{
  width: 100%;
  height: 100%;
  min-height: 780px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  box-sizing: bo;
}
.div_coluna1_topo3 img{
  max-width: 140px;
  box-sizing: border-box;
  margin-bottom: 20px;
}

h2.titulo_h2_topo3 {
  color: #000 !important;
}

.div_coluna1_topo3{
	background-color: #e4dede !important;
}

.descricao_banner_topo3{
  text-align: center;
}

.div_coluna2_topo3 {
  background-image: url("/wp-content/uploads/2024/09/balconies-in-a-new-glass-wall-apartment-house-2023-11-27-05-23-54-utc.jpg");
	
  
}

.div_coluna2_topo3{
  width: 100%;
	background-color: #13b1e4!important;
  background-position: center;
  background-size: cover !important;
  background-repeat: no-repeat;

}
.btn_fale_conosco_topo3{
  display: flex;
  justify-content: center;
  align-items: center;
/*  width: 120px;*/
  background-color: blue;
  text-transform: uppercase;
  color: #fff;
  padding: 10px 32px;
  margin: 12px auto;
}
@media(max-width: 720px){
  .div_coluna2_topo3{
    display: none;
  }
}
h1.titulo_h1_topo3 {
  font-size: 2.5em;
}


h2.titulo_h2_topo3 span{
  color: rgb(162,29,26);
}


h2.titulo_h2_topo3 {
  font-size: 1.8em;
}


/* section vantagens */
.section_vantagens{
  padding: 80px 0;
  background-image: url('assets/imgs/bg-fullnew2.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.section_vantagens .caixa{
  justify-content: center;
  flex-wrap: wrap;
  margin: 40px auto;
}

.div_card_item_vantagem img {

  width: 100px;
  margin-bottom: 20px;
}

.div_card_item_vantagem{
  background-color: var(--branco-padrao);
  width: 100%;
  max-width: 350px;
  height: 280px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: 1px 1px 10px rgba(9,9,9,.1);
  margin: 8px 16px;
}
.div_img_icon_vantagem{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.div_img_icon_vantagem img{
  max-width: 60px;
}
.div_img_icon_vantagem i{
  font-size: 4em;
}

.titulo_item_vantagem{
  max-width: 180px;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  color: #444;
}


.btn_solicitar_orcamento_vantagens{
  background-color: var(--cinza-padrao);
  color: var(--branco-padrao);
  text-decoration: none;
  text-transform: uppercase;
  padding: 16px;
  margin: 20px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 280px;
  box-shadow: 1px 1px 3px rgba(0,0,0,.6);
}
.btn_solicitar_orcamento_vantagens:hover{
  background-color: var(--preto-padrao);
  box-shadow: 1px 1px 3px rgba(0,0,0,.3);
  opacity: 0.7;
}


/* Seção Quem Somos */
.section_quem_somos{
  background-color: var(--cinza-padrao2);
  padding: 80px 0;
}

.div_conteudo_quem_somos{
  display: flex;
}

.div_texto_quem_somos{
  flex: 1.5;
  padding: 30px;
  font-size: 18px;
}
.div_texto_quem_somos P{
  margin-bottom: 15px;
}

.div_img_quem_somos{
  flex: 1;
  padding: 30px;
}

.div_img_quem_somos img{
  max-width: 100%;
}

/* seçao quem somos 2 */
.section_quem_somos2{
  padding: 80px 0;
}
.div_img_quem_somos2,
.div_conteudo_quem_somos2{
  width: 100%;
  padding: 40px;
}
.div_img_quem_somos2 img{
  max-width: 100%;
}
.div_conteudo_quem_somos2 img{
  max-width: 150px;
}
.titulo_secao_quem_somos2{
  font-weight: 400;
  font-family: 'Oswald', sans-serif;
  margin-bottom: 22px;
}
.div_textos_listas_quem_somos2 p{
  margin-bottom: 18px;
}



/* Section Contrate seu Plano */
.section_contrate_seu_plano{  
  background-image: url('assets/imgs/close-up-smiley-people-as-team.png');
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-blend-mode: multiply;
  background-color: #0e3267;
}
.div_sombra_contrate_seu_plano{
  padding: 80px 10px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.titulo_contrate_seu_plano,
.subtitulo_contrate_seu_plano{
  font-family: 'Oswald', sans-serif;
  color: var(--branco-padrao);
}
.titulo_contrate_seu_plano{
  font-size: 2em;
}
.subtitulo_contrate_seu_plano{
  font-size: 3.2em;
  text-transform: uppercase;
  line-height: 1em;
}

.section_contrate_seu_plano .caixa{
  justify-content: center;
  flex-wrap: wrap;
}

.btn_whatsapp_plano,
.btn_telefone_plano,
.btn_solicitar_orcamento_plano{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 280px;
  padding: 22px;
  margin: 20px 10px;
  color: var(--branco-padrao);
  text-transform: uppercase;
  border-radius: 3px;
  box-shadow: 1px 1px 3px rgba(0,0,0,.6);
}

.btn_whatsapp_plano i,
.btn_telefone_plano i,
.btn_solicitar_orcamento_plano i{
  margin-right: 10px;
}

.btn_whatsapp_plano{
  background-color: #25d366;
}

.btn_telefone_plano{
  background-color: #0e3267;
  border: solid 1px var(--branco-padrao);
}

.btn_solicitar_orcamento_plano{
  background-color: #a28de3;
}

.btn_whatsapp_plano:hover,
.btn_telefone_plano:hover,
.btn_solicitar_orcamento_plano:hover{
  opacity: 0.9;
  box-shadow: 1px 1px 3px rgba(0,0,0,.0);
}


/* Dúvidas frequentes */
.section_duvidas_frequentes{
  padding: 80px 10px;
  background-color: #f6f6f6;
}
.section_duvidas_frequentes .caixa{
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.div_item_duvida_frequente{
  padding: 20px;
  margin: 20px;
  width: 100%;
  max-width: 542px;
}

.div_titulo_item_duvida{
  display: flex;
  align-items: center;  
  color: #212529;
  font-weight: 400;
  margin-bottom: 0px;
}
.div_titulo_item_duvida h3{
  font-weight: 400;
  color: #212529;
}
.icone_seta_duvida_item{
/*  z-index: 3;*/
  position: relative;    
}
.icone_seta_duvida_item:after{
  content: '';
  display: block;
  width: 0px;
  height: 0px;
  border: solid 20px white;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  margin-left: 40px;
}
.div_espacamento_interrogacao{
  width: 70px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.div_icon_interrogacao_duvida_frequente{
  background-color: var(--preto-padrao);
  color: var(--branco-padrao);
  font-family: 'Oswald';
  font-size: 30px;
  font-weight: bold;
  list-style: none;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 16px;

}
.div_conteudo_item_duvida_frequente{
  background-color: var(--branco-padrao);
  padding: 40px 40px 20px 40px;
  color: #212529;
  border: solid 1px rgba(0,0,0,.1);
  border-top: none;
  border-radius: 3px;
}
.div_conteudo_item_duvida_frequente p{
  margin-bottom: 20px;
}

/* Parceiros ou clientes 1 */
.section_parceiros_clientes1{
  padding: 80px 10px;
  background-image: url('assets/imgs/close-up-smiley-people-as-team.png');
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-blend-mode: multiply;  
/*  background-color: #0e3267;*/
}

.section_parceiros_clientes1 .titulo1_secao,
.section_parceiros_clientes1 .descricao_secao{
  color: var(--branco-padrao);
}
.section_parceiros_clientes1 .titulo1_secao:after{
  background-color: var(--branco-padrao);
}

.section_parceiros_clientes1 .caixa{
  flex-wrap: wrap;
  justify-content: center;
}

.div_item_img_parceiro_cliente1{
  margin: 10px;
}


/* Parceiros ou Clientes 2 */

.section_parceiros_clientes2{
  padding: 80px 10px;
  background-color: var(--cinza-padrao);
}

.section_parceiros_clientes2 .caixa{
  flex-wrap: wrap;
  justify-content: center;
}

.section_parceiros_clientes2 .titulo1_secao,
.section_parceiros_clientes2 .descricao_secao{
  color: var(--branco-padrao);
}

.div_item_img_parceiro_cliente2{
  margin: 10px;
}





/* seção contato */
.section_contato{
  padding: 80px 0;
}
.descricao_section_contato{
  max-width: 460px;
  margin: auto;
  text-align: center;
  margin-bottom: 40px;
}

.section_contato .caixa{
  justify-content: center;
}

.formulario_contato{
  background-color: var(--cinza-padrao);
  padding: 60px 40px;
  color: var(--branco-padrao);
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 470px;
  border-radius: 6px;
}
.titulo_form{
  margin-bottom: 10px;
  text-transform: uppercase;
  text-align: center;
}
.chamada_form_contato{
  margin-bottom: 26px;
  font-size: 14px;
}
.formulario_contato p{
  width: 100%;
  text-align: center;
}
.formulario_contato input,
.formulario_contato textarea{
  background-color: var(--branco-padrao);
  color: var(--preto-padrao);
  padding: 10px;
  margin-top: 16px;
  border: none;
  border-radius: 6px;
  font-size: 15px;
  width: 100%;
}
.btn_form_contato{
  padding: 10px 30px;
  background-color: var(--preto-padrao);
  color: var(--branco-padrao);
  border-radius: 6px;
  border: none;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;
  cursor: pointer;
  width: 100%;
  margin-top: 30px;
}

.btn_form_contato:hover{
  background-color: var(--branco-padrao);
  color: var(--cinza-padrao);
}
.div_contato_footer p,
.div_contato_footer li,
.div_contato_footer a{
  color: #fff;
}


/* footer */
.footer ul li{
  list-style: none;
  margin-bottom: 12px;
}
.footer ul li a{
  color: var(--branco-padrao);
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
}
.footer ul li a:hover{
  color: var(--preto-padrao);
  font-weight: 500 !important;
}
.div_logo_footer img {
  max-width: 450px !important
}

.div_navegacao_footer{
  background-color: var(--cinza-padrao);
  color: var(--branco-padrao);
  padding: 40px 0;
}
.div_navegacao_footer .caixa{
  align-items: start;
  padding: 0 30px;
}


.titulo_coluna_footer{
  text-transform: uppercase;
  margin-bottom: 22px;
}

.div_logo_footer{
  display: flex;
  align-items: center;
  min-height: 200px;
}
.div_logo_footer img{
  max-width: 220px;
}

/* Direitos Reservados */

.direitos_reservados_footer{
  background-color: var(--preto-padrao);
  color: var(--branco-padrao);
  padding: 30px;
  text-align: center;
}
.direitos_reservados_footer a{
  color: var(--branco-padrao);
  text-decoration: none;
}

/* Direitos Reservados 2 */

.direitos_reservados_footer2{  
  background-color: var(--cinza-padrao);
  color: var(--branco-padrao);
  padding: 10px 30px;  
}

.direitos_reservados_footer2 p{
  font-size: 14px;
}

.direitos_reservados_footer2 a:hover img{
  transform: scale(0.9);
}



/*menus mobile e desktop quebras de tela*/
@media(max-width: 1080px){
  .header .caixa{
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
  .botao_zap_topo{
    padding: 8px;
    font-size: 12.5px;
  }

/*  secao topo 1*/
  .titulo_topo1{
    font-size: 2.2em;
  }

/*  seção topo 2*/
  .div_conteudo_banner_topo2{
    padding-right: 0;
    text-align: center;
  }
  .div_form_cotacao_banner_topo2{
    background-color: rgba(255,255,255,1);
    padding: 40px 10px 10px 10px;
    margin-top: 20px;
  }

.titulo_secundario_banner_topo2{
  font-size: 1.8em;
}
.titulo_principal_banner_topo2{
  font-size: 2.2em;
}


  .nav_menu_topo{
    display: none;
  }
  .menu_mobile_icon{

  }
}

@media(min-width: 1080.1px){
  .menu_mobile_icon{
    display: none;
  }
}



@media(max-width: 820px){
  .header{
    position: relative;
  }
  .header .caixa{
    justify-content: center;
  }

  #menu-menu-principal{
    display: none;
  }
  
  .section_banner_topo2{
    background-position: center left;
  }
  .section_banner_topo2 .caixa{
    flex-direction: column;
  }

  /* Seção quem somos 1*/

  .section_quem_somos .caixa{
    justify-content: center;
  }
  .div_conteudo_quem_somos{
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
  }
  .div_img_quem_somos img{
    max-width: 400px;
  }

  /*  seção quem somos 1*/
  .section_quem_somos2 .caixa{
    flex-direction: column;
  }


  /*  dúvidas frequentes*/
  .section_duvidas_frequentes .caixa{
    justify-content: center;
    align-items: center;
  }
  .div_item_duvida_frequente{
    margin: 10px 6px;
    padding: 20px 10px;
  }


  /*  parceiros*/
  .div_item_img_parceiro_cliente1 img{
    width: 100%;
    max-width: 120px;
  }

  /*  seu plano*/
  .subtitulo_contrate_seu_plano{
    text-align: center;
    font-size: 1.6em;
  }
  .titulo_contrate_seu_plano{
    font-size: 1.4em;
    text-align: center;
  }

  /*  contato*/
  .section_contato{
    padding: 80px 10px;
  }
  .section_contato .caixa{
    flex-direction: column-reverse;
  }



  /*  footer*/
  .div_navegacao_footer .caixa{
    flex-direction: column;
    align-items: center;
  }
  .div_logo_footer,
  .div_menu_footer,
  .div_servicos_footer,
  .div_lista_contatos_footer{
    text-align: center;
  }
  .div_servicos_footer,
  .div_lista_contatos_footer{
    padding-top: 40px;
  }
}

@media(max-width: 720px){
  .div_img_quem_somos img{
    max-width: 300px;
  }
}


@media(max-width: 370px){
  .formulario_contato{
    max-width: 300px;
  }
}





/* --- ESTILOS DA SEÇÃO_PELICULA (Adaptado para Vinil Jateado) --- */
  .section_pelicula {
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    padding: 60px 20px;
    background-color: #ffffff;
    max-width: 1200px;
    margin: 0 auto;
  }

  .pelicula-grid {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Divide em duas colunas iguais */
    gap: 40px;
    align-items: center; /* Centraliza verticalmente */
  }

  /* --- Carrossel de Imagens --- */
  .pelicula-image {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f7fafc; /* Fundo enquanto a imagem carrega */
    min-height: 400px; /* Garante altura mínima para as setas */
  }

  .pelicula-image img {
    width: 100%;
    height: auto;
    object-fit: cover; /* Garante que a imagem preencha o espaço sem distorcer */
    display: block;
    transition: opacity 0.3s ease; /* Transição suave na troca */
  }

  /* Botões de Navegação */
  .nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.4);
    color: white;
    border: none;
    font-size: 2rem;
    padding: 10px 15px;
    cursor: pointer;
    border-radius: 50%;
    transition: background-color 0.2s, transform 0.2s;
    z-index: 10;
  }

  .nav-btn:hover {
    background-color: rgba(0, 0, 0, 0.7);
    transform: translateY(-50%) scale(1.1);
  }

  .nav-left {
    left: 15px;
  }

  .nav-right {
    right: 15px;
  }

  /* --- Conteúdo de Texto --- */
  .pelicula-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .pelicula-text h2 {
    font-size: 2.2rem;
    font-weight: 800;
    color: #1a202c;
    margin-bottom: 15px;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: -0.5px;
  }

  .pelicula-text p {
    font-size: 1.1rem;
    color: #4a5568;
    margin-bottom: 20px;
    line-height: 1.6;
  }

  .pelicula-text ul {
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
  }

  .pelicula-text ul li {
    margin-bottom: 12px;
    padding-left: 30px;
    position: relative;
    font-size: 1.05rem;
    color: #2d3748;
  }

  .pelicula-text ul li::before {
    content: '✓';
    color: #3182ce; /* Cor de destaque */
    font-weight: bold;
    position: absolute;
    left: 0;
  }

  .pelicula-text .brands {
    font-size: 0.95rem;
    color: #718096;
    background-color: #f7fafc;
    padding: 15px;
    border-radius: 8px;
    border-left: 4px solid #3182ce;
  }

  /* --- Botão CTA --- */
  .pelicula-text .cta {
    margin-top: 30px;
  }

  .button_10 {
    display: inline-block;
    background-color: #3182ce;
    color: #ffffff;
    text-decoration: none;
    padding: 15px 40px;
    font-size: 1.1rem;
    font-weight: 700;
    border-radius: 50px;
    transition: background-color 0.3s, transform 0.2s;
    box-shadow: 0 4px 6px rgba(49, 130, 206, 0.2);
    text-transform: uppercase;
  }

  .button_10:hover {
    background-color: #2b6cb0;
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(49, 130, 206, 0.3);
  }

  /* --- Responsividade --- */
  @media (max-width: 992px) {
    .pelicula-grid {
      grid-template-columns: 1fr; /* Uma coluna em tablets e celulares */
      gap: 30px;
    }
    
    .pelicula-image {
      min-height: 300px;
    }

    .pelicula-text {
      text-align: center;
    }

    .pelicula-text ul li {
      text-align: left;
      display: inline-block; /* Alinha a lista à esquerda mesmo no centro */
      max-width: 90%;
    }
    
    .pelicula-text h2 {
      font-size: 1.8rem;
    }
  }