:root {
  --blue: #112944;
}

body{
  font-family: "Montserrat", sans-serif;
}

.quicksand {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

#header-home{
  background: #112944;
}

#desktop-menu,
.container-menu {
  background: #112944;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
#desktop-menu,
.container-menu  {
  padding: 12px 29px;
  border-top-left-radius: 30px; /* Remove o arredondado da parte de cima */
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px; /* Remove o arredondado da parte de cima */
  border-bottom-right-radius: 30px;
}

.container-menu.menu-open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.sub-menu {
  font-size:12px;
  border-radius: 0 0 12px 12px;
  margin-left:-60%;
}

.sub-menu li {
  padding:8px;
  border-bottom: 1px solid rgba(230, 235, 239, 0.1);
  text-align: center;
}

.sub-menu li:last-child {
  border-bottom: 0;
}

#mobile-menu {
  max-width: 1200px; 
  margin: 0 auto;
  padding: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  z-index:1000;
}
#mobile-menu {
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.list-menu {
    background: #112944;
    padding-bottom:20px;
}

.list-menu li {
  margin-bottom: 1.6rem;
}

#header-home,
#header-quemsomos,
#header-solucoes {
  min-height: 500px; /* Altura mínima da seção */
  width: 100%; /* Garante que a seção ocupe 100% da largura */
  display: flex;
  align-items: center; /* Centraliza o conteúdo verticalmente */
}
ul.sub-menu {
  z-index: 1000;
}
.area-cliente-home,
.area-cliente {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
}

.area-cliente{
  color: #112944;
}

.area-cliente::before,
.area-cliente-home::before  {
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
}
.area-cliente-home::before{
  background: url('assets/img/account_circle.svg') center/cover no-repeat;
}
.area-cliente::before{
background: url('assets/img/account_circle_interna.svg') center/cover no-repeat;
}

#title-home,
#title-quemsomos,
#title-solucoes{
  line-height:5rem;
  font-weight:700;
}


.title {
  line-height:2.5rem;
  font-weight:700;
}

#title-home{
  color:#fff;
}

#title-quemsomos,
#title-solucoes {
  color:#091E37;
}

#title-home span,
#title-quemsomos span,
#secao-video span {
  color: #FF8B00;
}

#title-solucoes span{
  color:#FFEFDB;
}

#nossa_solucoes h2 {
  color: #112944;
}
@media(min-width:768px) {
.bg-box {
  background: url('assets/img/bg-box.png')top left  no-repeat #FFEFDB;
}
.box-single {
  background: url('assets/img/bg-single.svg') bottom right  no-repeat #FFEFDB;
}


.bg-box-footer {
  background: url('assets/img/bg-box-2.png')bottom right  no-repeat #FFEFDB;
}
}

.wp-content p {
  margin: 20px 0;
  line-height: 1.6;
}


.img-sobrenos {
  display: block;
  position: absolute;
  z-index: 100;
  bottom: 0;
  right:0;
}



footer {
  /* background: url('assets/img/bg-footer.svg')center  no-repeat; */
  background-size: contains;
  font-size: 14px;
  border-top: 40px solid #112944;
  border-bottom: 40px solid #112944;
}

footer .title-footer{
  font-weight: 800;
  font-size: 24px;
}

#menu-footer a.block.px-4.py-2.hover\:text-gray-400 {
  padding: 0;
}

/* CONTACT FORM */
.form-group {
  margin-bottom: 15px;
}

.form-control {
  width: 100%;
  padding: 10px;
  background: #E6EBEF;
  border: 1px solid #E6EBEF;
  border-radius: 12px;
  font-size: 16px;
  color: #112944;
}

#form-home .form-control {
  width: 100%;
  padding: 10px;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 12px;
  font-size: 16px;
  color: #112944;
}



.btn {
  background: #FF8B00;
  color: #112944;
  padding: 12px 20px;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  width:100%;
}

.btn:hover {
  background: #112944;
  color: #FF8B00;
}

/* Cor do placeholder para todos os campos */
.wpcf7-form-control::placeholder {
  color: #999999; /* Cinza claro */
  opacity: 1; /* Necessário para alguns navegadores */
}

/* Cor do placeholder para campos específicos (opcional) */
.wpcf7-text::placeholder,
.wpcf7-email::placeholder,
.wpcf7-textarea::placeholder {
  color: #112944; /* Exemplo: vermelho */
}

/* RESPONSIVE */

@media (max-width: 768px) {
  #title-home,
  #title-quemsomos,
  #title-solucoes {
    line-height:4rem;
  }

  footer {
  font-size: 12px;
}

}

@media (max-width: 767px) {

  #title-home span,
  #title-quemsomos span {
    background: #FF8B00;
    color: #112944;
    padding:0 10px;
    border-radius:20px;
  }


  #header-home, 
  #header-quemsomos,
  #header-solucoes {
    align-items: flex-start; 
  }

}

.galeria-sobre-nos {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}
.galeria-item {
  max-width: 250px;
  height: auto;
  border-radius: 8px;
}

/* swipper */
        /* Container para prevenir overflow */
        .swiper-container {
          width: 100%;
          overflow: hidden; /* Impede barra de rolagem horizontal */
          position: relative;
      }
      
      /* Estilo para o container do Swiper com espaço vago à direita */
      .mySwiper {
          max-width: 1280px;
          margin: 0 auto;
          overflow: visible; /* Necessário para mostrar slides fora do container */
      }
      
      /* Cria o espaço vago à direita */
      @media (min-width: 1024px) {
          .mySwiper {
              margin-right: auto;
              margin-left: 0;
              padding-left: 10%;
              padding-right: 0;
          }
          
          .swiper-wrapper {
              justify-content: flex-start;
          }
      }
      
      /* Estilo para os slides */
      .swiper-slide {
          transition: all 0.3s ease;
      }
      
      /* Container para os botões de navegação */
      .navigation-wrapper {
          position: relative;
          height: 40px;
          display: flex;
          justify-content: center;
          align-items: center;
      }
      
      /* Estilo para os botões de navegação */
      .custom-prev, 
      .custom-next {
          position: relative;
          top: auto;
          left: auto;
          right: auto;
          margin: 0 10px;
          width: 40px;
          height: 40px;
          background-color: #fff;
          border-radius: 50%;
          box-shadow: 0 2px 5px rgba(0,0,0,0.1);
          color: #333;
      }
      
      .custom-prev:after, 
      .custom-next:after {
          font-size: 18px;
          color: #333;
      }
      
      /* Remover texto "ddd" dos botões */
      .swiper-button-prev:after,
      .swiper-button-next:after {
          content: '';
      }
      
      /* Adicionar ícones personalizados */
      .custom-prev:before {
          content: '←';
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          font-size: 18px;
      }
      
      .custom-next:before {
          content: '→';
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          font-size: 18px;
      }
      
      /* Fix para evitar flash durante a transição circular */
      .swiper-wrapper {
          transition-timing-function: linear !important;
      }
      
      /* Prevenir qualquer overflow em dispositivos móveis */
      html, body {
          overflow-x: hidden;
      }
      
      @media (max-width: 767px) {
          .navigation-wrapper {
              margin-top: 20px;
          }
      }

.page-default-content h1,
.page-default-content h2,
.page-default-content h3 {
  font-weight: bold;
  color: #112944;
  margin-bottom: 1rem;
  margin-top: 2rem;
}
.page-default-content p, 
.page-default-content li {
  font-size: 1rem;
  line-height: 1.7;
  color: #374151;
  margin-bottom: 1rem;
}
.page-default-content ul,
.page-default-content ol {
  list-style: disc inside;
  margin-bottom: 1rem;
}

.btn {
  margin-top: 2rem;
}