/* Importa a fonte Roboto do Google Fonts */
 
   @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
   @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');


      
    :root {
      --bege-claro: #ded4bb;    /* Fundo neutro */
      --marrom-claro: #b88c54;  /* Destaques e botões */
      --verde-musgo: #6b644b;   /* Detalhes e fundo secundário */
      --preto: #2d2926;         /* Textos principais e contornos */
      --creme-claro: #f5f1e5;   /* Fundos suaves */
      --verde-claro: #a4a680;   /* Destaques suaves */
    }


    body {
    font-family: 'Roboto', sans-serif;
    line-height: 1.6;
    margin: 0;
    padding: 0;
    background-color: #fff9ec;
    font-size: 1.2rem;
    }

    /* Header fixo sobre o hero */
    header {
      position: absolute; /* ou fixed, se quiser que fique sempre visível ao rolar */
      top: 0;
      left: 0;
      width: 100%;
      z-index: 1000;
    }
hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.5);
}
    .logo {
    width: 150px;
    position: relative;
    top: 10px;
    left: 0px;
    padding-left: 0px;
    }

    .navbar-acona {
    background-color: rgba(90,52,18,0.70);
    height: 50px;
    margin-top: 55px;
    color: #F3F3F2;
    }
      
    .navbar-acona .nav-link {
    color: #F8D6B0;
    margin-right: 20px;
    font-size: 1rem;
    }
.navbar-nav {
    margin-left: 129px;
    }

/* Links do submenu padrão */
.navbar .dropdown-menu .dropdown-item {
  color: #8E4300 !important;
  transition: color 0.3s, background-color 0.3s;
    padding: 0px 20px;
}

.navbar .dropdown-menu {
  
    background-color: #FFF8E2;  /* ou escolha uma cor de fundo suave que combine */
}

/* Estado hover e active */
.navbar .dropdown-menu .dropdown-item:hover,
.navbar .dropdown-menu .dropdown-item:active,
.navbar .dropdown-menu .dropdown-item.active {
    color: #FFF8E2 !important;
    background-color: #5A3412;  /* ou escolha uma cor de fundo suave que combine */
}



    /* Hero-home */
    .hero-home {
    height: 900px; /* Ajuste conforme a necessidade */
    background-image: url('../imagens/home-hero-bg3.jpg');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-color: #D1BE9B;
    position: relative;
    overflow: hidden;
    }

    /* Contêiner de texto central do hero */
    .hero-content {
    position: relative;
    top: 46%;      /* Joga para 50% da largura */
    transform: translate(-50%, -50%); /* Centraliza de fato (meio horizontal + meio vertical) */
    text-align: left;
    color: #5A3412; /* Ajuste de cor do texto */
    max-width: 700px; /* Largura máxima para o texto */
    padding: 0 15px;   /* Pequeno espaçamento lateral */
    left: 60px;
    }

    .hero-content h1 {
    font-family: 'Bebas Neue', sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 2.8rem;
    margin-bottom: 1rem;
    letter-spacing: 0.1rem;
    }

    .hero-content p {
      font-size: 1.25rem;
      margin-bottom: 1rem;
    }

    .hero-actions img {
      vertical-align: middle; /* Alinha a imagem ao texto */
    }

    .hero-actions .btn {
      font-size: 1rem;
      margin-left: 1rem; /* Espaço entre a imagem e o botão */
      background-color: #AA0000; /* Exemplo de cor de fundo */
      color: #fff;               /* Cor do texto do botão */
    }

    /* Barra inferior do hero */
    .hero-bottom-bar {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: auto;
    }
  .txt-marrom{
    color: #8E4300;
}
  .txt-direita{
    text-align: right;
}


  .h1-hero-home {
    position: absolute;
    margin-top: -165px;
    margin-left: 53px;
    margin-bottom: 31px;
}
  .sub-hero-content {
    position: absolute;
    margin-top: 60px;
    width: 480px;
}
  .txt-subt-hero {
    font-size: 1.6rem;
    font-weight: 400;
}
  .h1-titulo {
    font-family: 'Bebas Neue', sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 2.8rem;
    margin-bottom: 1rem;
    letter-spacing: 0.1rem;
    color: #5A3412;
}
  .h1-titulo-post {
  
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 2.5rem;
    margin-bottom: 1rem;
 
    color: #5A3412;
    text-transform: none;
}
   /* ======= ESTILOS PARA OS TÍTULOS COM CÍRCULO ======= */
    .circle-item {
      /* Pequeno espaçamento vertical */
      padding-top: 1rem;
      padding-bottom: 1rem;
    }

    .circle-title {
    /* Para permitir posicionar o círculo atrás do texto */
    position: relative;
    /* Ajuste para alinhar o texto e o círculo */
    padding-left: 30px; /* espaço à esquerda para caber o círculo */
    margin-bottom: 0rem; /* espaço entre o título e a descrição */
    font-weight: 700;      /* texto em negrito */
    font-size: 1.7rem;     /* ajuste conforme o layout */
    color: #8E4300;        /* cor do texto (marrom) */
    text-transform: uppercase; /* se desejar tudo maiúsculo */
    top: auto;
    }

    .circle-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 65%;
    transform: translateY(-50%);
    width: 80px;        /* tamanho do círculo */
    height: 80px;       /* tamanho do círculo */
    background-color: #D1A777; /* cor do círculo */
    border-radius: 50%; /* forma circular */
    z-index: -1;        /* fica atrás do texto */
    }



    .circle-subtitle {
    margin-top: -10px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;          /* remove espaço extra do parágrafo */
    /* [disabled]font-size: 1rem; */    /* ajuste conforme necessidade */
    color: #333;        /* cor do texto descritivo */
    padding-left: 30px;
    }
   
/* Fundo da seção */
.sec-transparencia {
  background-color: #D1BE9B;
}

/* Margens e espaçamentos gerais */
.circle-item-claro {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* BLOCO que envolve título e subtítulo */
.circle-block-claro {
  position: relative; /* cria o stacking context */
  z-index: 0;        /* base */
  padding-left: 30px; /* espaço para o círculo */
  margin-bottom: 0rem;
}

/* Aqui criamos o círculo */
.circle-block-claro::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;             /* centraliza verticalmente */
  transform: translateY(-50%);
  width: 80px;
  height: 80px;
  background-color: #E5DFC9; /* cor do círculo */
  border-radius: 50%;
  z-index: -1;               /* fica atrás de todo o texto deste bloco */
}

/* Estilos para o título */
.circle-title-claro {
  font-weight: 700;
  
  font-size: 1.7rem;
  color: #8E4300; 
  text-transform: uppercase;
  margin-bottom: 0.3rem; /* leve espaçamento */
}

/* Subtítulo */
.circle-subtitle-claro {
    margin-top: -15px;       /* se precisar zerar */
    margin-bottom: 0;    /* se não quiser espaço extra */
    color: #333;         /* cor do texto */
}



  .sec-atuacao {
    background-color: #D1BE9B;
}
 
 .sec-atuacao .card {
    padding: 5px;
    background-color: #E5DFC9;
}
 .sec-atuacao .card .card-body{
    padding: 30px;

}
  .sec-atuacao .card .card-body .card-title {
    font-size: 1.2rem;
    color: #8E4300;
    text-transform: uppercase;
    font-weight: 700;
}
  .sec-atuacao .card .card-body .card-text {
    font-size: 1rem;
}
        .sec-atuacao .card .card-body .btn {
    font-size: 1rem;
    background-color: #8E4300;
}


 
 .sec-educacao .card {
    padding: 5px;
    background-color: #E5DFC9;
}
 .sec-educacao .card .card-body{
    padding: 30px;

}
  .sec-educacao .card .card-body .card-title {
    font-size: 1.2rem;
    color: #8E4300;
    text-transform: uppercase;
    font-weight: 700;
}
  .sec-educacao .card .card-body .card-text {
    font-size: 1rem;
}

 .sec-parcerias .card {
    padding: 5px;
    
}
 .sec-parcerias .card .card-body{
    padding: 30px;

}
  .sec-parcerias .card .card-body .card-title {
    font-size: 1.2rem;
    color: #8E4300;
    text-transform: uppercase;
    font-weight: 700;
}
  .sec-parcerias .card .card-body .card-text {
    font-size: 1rem;
}

        .sec-noticia {
    background-color: #E5DFC9;
}
      
            .col-info .card {
    padding: 5px;
    margin-top: 20px;
}
        .col-info  .card .card-body a{
    font-size: 1rem;
    color: #8E4300;
    font-weight: 700;
    text-decoration: none;
}
              .col-info  .card .card-body a:hover{
    text-decoration: underline;
}
      
  .col-info  .card .card-body .card-text {
    font-size: 1rem;
}
        .col-info .btn {
    font-size: 1rem;
    background-color: #8E4300;
    margin-top: 40px;
}
    .col-info a {
    color: #FFFFFF;
}
      
      
      
      
            .col-blog .card {
    padding: 5px;
    margin-top: 20px;
}
        .col-blog  .card .card-body a{
    font-size: 1rem;
    color: #8E4300;
    font-weight: 700;
    text-decoration: none;
}
              .col-blog  .card .card-body a:hover{
    text-decoration: underline;
}
      
  .col-blog  .card .card-body .card-text {
    font-size: 1rem;
}
        .col-blog .btn {
    font-size: 1rem;
    background-color: #8E4300;
    margin-top: 40px;
}
    .col-blog a {
    color: #FFFFFF;
}      

     .col-serv .card {
    padding: 5px;
    margin-top: 20px;
}
        .col-serv  .card .card-body a{
    font-size: 1rem;
    color: #8E4300;
    font-weight: 700;
    text-decoration: none;
}
              .col-serv  .card .card-body a:hover{
    text-decoration: underline;
}
      
  .col-serv  .card .card-body .card-text {
    font-size: 1rem;
}
        .col-serv .btn {
    font-size: 1rem;
    background-color: #8E4300;
    margin-top: 8px;
}
.card-contato  {
    border-radius: 20px;
}

    .col-serv a {
    color: #FFFFFF;
}


   .sec-noticia {
    background-color: #E5DFC9;
}

    .sec-noticia .card-footer {
    color: #FFFFFF;
    font-size: 0.8rem;
}    

   .sec-contato {
    background-color: #E5DFC9;
}

    .sec-contato .card-footer {
    color: #FFFFFF;
    font-size: 0.8rem;
}  
   .sec-contato-escuro {
    background-color: #D1BE9B;
}

    .sec-contato-escuro .card-footer {
    color: #FFFFFF;
    font-size: 0.8rem;
} 


     .sec-depoimentos {
    background-color: #D1BE9B;
}   

 
.destaque-interno {
    height: 380px;
    background-repeat: repeat-x;
    background-position: center top;
    background-color: #EDB172;
    position: relative;
    overflow: hidden;
    background-image: url(../imagens/BG-4b.png);
    background-size: contain;
    }

 

 /* Contêiner de texto central do hero */
.destaque-interno-content {
    position: relative;
    top: 65%;      /* Joga para 50% da largura */
    transform: translate(-50%, -50%); /* Centraliza de fato (meio horizontal + meio vertical) */
    text-align: left;
    color: #5A3412; /* Ajuste de cor do texto */
    max-width: 800px; /* Largura máxima para o texto */
    padding: 0 15px;   /* Pequeno espaçamento lateral */
    left: 145px;
    }

.destaque-interno-content h1 {
    font-family: 'Bebas Neue', sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 2.8rem;
    margin-bottom: 1rem;
    letter-spacing: 0.1rem;
    }
.destaque-interno-content p {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    }
.destaque-interno-content-maior {
    position: relative;
    top: 56%;      /* Joga para 50% da largura */
    transform: translate(-50%, -50%); /* Centraliza de fato (meio horizontal + meio vertical) */
    text-align: left;
    color: #5A3412; /* Ajuste de cor do texto */
    max-width: 800px; /* Largura máxima para o texto */
    padding: 0 15px;   /* Pequeno espaçamento lateral */
    left: 145px;
    }

.destaque-interno-content-maior h1 {
    font-family: 'Bebas Neue', sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 2.8rem;
    margin-bottom: 1rem;
    letter-spacing: 0.1rem;
    }

.destaque-interno-content-maior p {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    }


.destaque-interno-actions img {
      vertical-align: middle; /* Alinha a imagem ao texto */
    }

 .destaque-interno-actions .btn {
      font-size: 1rem;
      margin-left: 1rem; /* Espaço entre a imagem e o botão */
      background-color: #AA0000; /* Exemplo de cor de fundo */
      color: #fff;               /* Cor do texto do botão */
    }

    /* Barra inferior do hero */
 .destaque-interno-bottom-bar {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: auto;
    }

.destaque-interno-content-maior {
    position: relative;
    top: 56%;      /* Joga para 50% da largura */
    transform: translate(-50%, -50%); /* Centraliza de fato (meio horizontal + meio vertical) */
    text-align: left;
    color: #5A3412; /* Ajuste de cor do texto */
    max-width: 800px; /* Largura máxima para o texto */
    padding: 0 15px;   /* Pequeno espaçamento lateral */
    left: 145px;
    }

.destaque-interno-content-maior h1 {
    font-family: 'Bebas Neue', sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 2.8rem;
    margin-bottom: 1rem;
    letter-spacing: 0.1rem;
    }

.destaque-interno-content-maior p {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    }

  .h1-hero-destaque {
    position: absolute;
}
  .sub-destaque-content {
    position: absolute;
    margin-top: 60px;
    width: 100%;
}
  .txt-subt-destaque {
    font-size: 2rem;
    font-weight: 400;
    width: 100%;
}
.img-sobre {
    width: 100%;
}
.bl-quemsomos {

    height: 500px;
    background-clip: content-box;
    padding-left: 20px;
    padding-right: 20px;
}
.bl-proposito {

    height: 500px;
    background-clip: content-box;
    padding-left: 20px;
    padding-right: 20px;
}
.bl-castracao {
 
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background-repeat: no-repeat;
    background-position: right bottom;
}

.bl-castracao:hover {
    transform: translateY(-4px);

}

.bl-castracao h2 {
    font-weight: 600;
    color: #5a2d0c;
}

.bl-castracao p {
    color: #444;

    line-height: 1.6;
}

.bl-castracao ul {
    padding-left: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
    list-style-type: disc;
    text-align: left;
    color: #333;
   
}

.bl-castracao ul li {
    margin-bottom: 8px;
}

.btn.btn-outline-primary {
    border-color: #b86b1b;
    color: #b86b1b;
}

.btn.btn-outline-primary:hover {
    background-color: #b86b1b;
    color: #fff;
}

.ico-materiais {
    color: #CA332B;
    font-size: 3rem;
    margin-top: 10px;
    margin-bottom: 10px;
}
   .filter-group h5 {
      font-weight: 700;
      margin-bottom: 0.5rem;
    }
  
    .filter-group .btn-group .btn.active {
      background-color: var(--marrom-claro);
      color: #fff;
      border-color: var(--marrom-claro);
    }
    /* Nuvem de Tags */
    .tag-cloud .btn {
      margin: 0.3rem;
    }

 .filter-group .btn-group {
    margin-top: -40px;
    }
.sec-blog .card-footer {
    font-size: 0.8rem;
    }
.sub-post {
    font-size: 1rem;
}
.sub-post a{
    color: #8E4300;
    font-weight: 700;
}
.sec-blog .card .card-body .card-title {
    font-size: 1.2rem;
    color: #8E4300;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 15px;
    margin-top: 10px;


    }
.bl-post {
    background-repeat: no-repeat;
    margin-bottom: 40px;
    padding-top: 30px;
    padding-right: 70px;
    padding-left: 50px;
    padding-bottom: 30px;
    background-color: #FFFFFF;
    margin-left: 0px;
    border-right: 40px solid #E5DFC9;
}
.sec-post {
    line-height: 1.5rem;
    font-size: 1.1rem;
}


.sec-post a{
    color: #8E4300;
    font-weight: 700;
}


.sec-post h2{
    color: #8E4300;
    font-weight: 700;
    font-size: 1.6rem;
    margin-bottom: 10px;
    margin-top: 50px;
}
.sec-post img{
    float: right;
    margin-left: 30px;
    margin-bottom: 30px;
    margin-right: 20px;
}
.sec-info {
    line-height: 1.5rem;
    font-size: 1.1rem;
}


.sec-info a{
    color: #8E4300;
    font-weight: 700;
}


.sec-info h2{
    color: #8E4300;
    font-weight: 700;
    font-size: 1.6rem;
    margin-bottom: 10px;
    margin-top: 50px;
}
.sec-info img{
    float: right;
    margin-left: 30px;
    margin-bottom: 30px;
    margin-right: 20px;
}
.img-bl-sobre {
    width: 100%;
    display: block;

}

.acona-section {
    background-color: #fff9ec;
    padding: 60px 20px;
    font-family: 'Segoe UI', sans-serif;
    color: #3a2a1c;
  }

  .acona-section h2 {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 30px;
    font-weight: 700;
    color: #5a2d0c;
  }

  .acona-section p.description {
    text-align: center;
   
    margin: 0 auto 50px;
    font-size: 1.1rem;
    color: #333;
  }

  .acona-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 30px;
    max-width: 1000px;
    margin: 0 auto;
  }

  .acona-card {
    background-color: #fff;
    border-radius: 12px;
    padding: 30px 25px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    text-align: center;
    transition: transform 0.3s ease;
  }

  .acona-card:hover {
    transform: translateY(-5px);
  }

  .acona-card i {
    font-size: 2.5rem;
    color: #b86b1b;
    margin-bottom: 15px;
  }

  .acona-card h3 {
    font-size: 1.2rem;
    color: #5a2d0c;
    margin-bottom: 10px;
    font-weight: 600;
  }

  .acona-card p {
    font-size: 0.95rem;
    color: #444;
  }

 

/* ==========================
   📱 MOBILE - Telas pequenas (até 360px)
========================== */
@media (max-width: 480px) {

.logo {
    width: 120px;
    position: relative;
    top: -50px;
    left: 0px;  
    padding-left: 0px;
    }
 
}

/* ==========================
   📱 SMARTPHONES (até 480px)
========================== */
@media (max-width: 576px) {
    .menu {
        display: none;
    }
    .menu-mobile {
        display: block;
    }
   
 .logo {
    width: 120px;
    position: relative;
    top: -50px;
    left: 0px;  
    padding-left: 0px;
    }
    
     .navbar-toggler {
    position: relative;
    top: -55px;
    padding-left: 0px;
    background-color: #D1A777;
    }
.hero-home {
    height: 600px;
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #D1BE9B;
    position: relative;
    overflow: hidden;
    background-size: cover;
    }
       .hero-content {

    top: 62%;      /* Joga para 50% da largura */
    transform: translate(-50%, -50%); /* Centraliza de fato (meio horizontal + meio vertical) */
     max-width: 700px; /* Largura máxima para o texto */
    padding: 0 15px;   /* Pequeno espaçamento lateral */
    left: 220px;
    }
   .h1-hero-home {
    position: absolute;
    margin-top: -135px;
    margin-left: 0px;
    margin-bottom: 31px;
}
    .hero-content h1 {
    font-family: 'Bebas Neue', sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 2.4rem;
    margin-bottom: 1rem;
    letter-spacing: 0.1rem;
    }

  .hero-content p {
      font-size: 1.25rem;
      margin-bottom: 1rem;
      display: none;
    }
      .sub-hero-content {
    position: absolute;
    background-color: rgba(209,167,119,0.80);
    padding: 20px;
    margin-top: 10px;
    border-radius: 20px;
    width: 480px;
}
  .txt-subt-hero {
    font-size: 1.3rem;
    font-weight: 400;
}
.destaque-interno-content {
    position: relative;
    top: 55%;      /* Joga para 50% da largura */
    transform: translate(-50%, -50%); /* Centraliza de fato (meio horizontal + meio vertical) */
    text-align: left;
    color: #5A3412; /* Ajuste de cor do texto */
    max-width: 800px; /* Largura máxima para o texto */
    padding: 0 15px;   /* Pequeno espaçamento lateral */
    left: 300px;
    }
.destaque-interno-content-maior {
    position: relative;
    top: 56%;      /* Joga para 50% da largura */
    transform: translate(-50%, -50%); /* Centraliza de fato (meio horizontal + meio vertical) */
    text-align: left;
    color: #5A3412; /* Ajuste de cor do texto */
    max-width: 800px; /* Largura máxima para o texto */
    padding: 0 15px;   /* Pequeno espaçamento lateral */
    left: 300px;
    }
}
@media (min-width: 577px) and (max-width: 768px)
    {
          .navbar .dropdown:hover .dropdown-menu {
    display: block;
  }
  /* Opcional: remove a seta ou altera sua rotação */
  .navbar .dropdown > a::after {
   
  }  .logo {
    width: 120px;
    position: relative;
    top: -50px;
    left: 0px;  
    padding-left: 0px;
    }
    
     .navbar-toggler {
    position: relative;
    top: -55px;
    padding-left: 0px;
    background-color: #D1A777;
    }
 .hero-home {
    height: 600px;
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #D1BE9B;
    position: relative;
    overflow: hidden;
    background-size: cover;
    }
    .hero-content {

    top: 52%;      /* Joga para 50% da largura */
    transform: translate(-50%, -50%); /* Centraliza de fato (meio horizontal + meio vertical) */
     max-width: 700px; /* Largura máxima para o texto */
    padding: 0 15px;   /* Pequeno espaçamento lateral */
    left: 250px;
    }
   .h1-hero-home {
    position: absolute;
    margin-top: -135px;
    margin-left: 0px;
    margin-bottom: 31px;
}
    .hero-content h1 {
    font-family: 'Bebas Neue', sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 2.4rem;
    margin-bottom: 1rem;
    letter-spacing: 0.1rem;
    }

  
      .sub-hero-content {
    position: absolute;
    margin-top: 10px;
    width: 480px;
        
}
  .txt-subt-hero {
    font-size: 1.3rem;
    font-weight: 400;
}
.acona-section h2 {
      font-size: 1.5rem;
    }

    .acona-card i {
      font-size: 2rem;
    }
.destaque-interno-content {
    position: relative;
    top: 55%;      /* Joga para 50% da largura */
    transform: translate(-50%, -50%); /* Centraliza de fato (meio horizontal + meio vertical) */
    text-align: left;
    color: #5A3412; /* Ajuste de cor do texto */
    max-width: 800px; /* Largura máxima para o texto */
    padding: 0 15px;   /* Pequeno espaçamento lateral */
    left: 390px;
    }
        .destaque-interno-content-maior {
    position: relative;
    top: 56%;      /* Joga para 50% da largura */
    transform: translate(-50%, -50%); /* Centraliza de fato (meio horizontal + meio vertical) */
    text-align: left;
    color: #5A3412; /* Ajuste de cor do texto */
    max-width: 800px; /* Largura máxima para o texto */
    padding: 0 15px;   /* Pequeno espaçamento lateral */
    left: 390px;
    }
}
/* ==========================
   📱 TABLETS (768px a 1024px)
========================== */
@media (min-width: 769px) and (max-width: 1024px) {
    .container {
        width: 100%;
    }
      .hero-content {

    top: 40%;      /* Joga para 50% da largura */
    transform: translate(-50%, -50%); /* Centraliza de fato (meio horizontal + meio vertical) */
     max-width: 700px; /* Largura máxima para o texto */
    padding: 0 15px;   /* Pequeno espaçamento lateral */
    left: 260px;
    }

  .navbar .dropdown:hover .dropdown-menu {
    display: block;
  }
  /* Opcional: remove a seta ou altera sua rotação */
  .navbar .dropdown > a::after {
   
  }  .logo {
    width: 120px;
    position: relative;
    top: -50px;
    left: 0px;  
    padding-left: 0px;
    }
    
     .navbar-toggler {
    position: relative;
    top: -55px;
    padding-left: 0px;
    background-color: #D1A777;
    }
 .hero-home {
    height: 600px;
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #D1BE9B;
    position: relative;
    overflow: hidden;
    background-size: cover;
    }
    .hero-content {

    top: 52%;      /* Joga para 50% da largura */
    transform: translate(-50%, -50%); /* Centraliza de fato (meio horizontal + meio vertical) */
     max-width: 700px; /* Largura máxima para o texto */
    padding: 0 15px;   /* Pequeno espaçamento lateral */
    left: 250px;
    }
   .h1-hero-home {
    position: absolute;
    margin-top: -135px;
    margin-left: 0px;
    margin-bottom: 31px;
}
    .hero-content h1 {
    font-family: 'Bebas Neue', sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 2.4rem;
    margin-bottom: 1rem;
    letter-spacing: 0.1rem;
    }

  
      .sub-hero-content {
    position: absolute;
    margin-top: 10px;
    width: 480px;
}
  .txt-subt-hero {
    font-size: 1.3rem;
    font-weight: 400;
}
    .destaque-interno-content {
    position: relative;
    top: 55%;      /* Joga para 50% da largura */
    transform: translate(-50%, -50%); /* Centraliza de fato (meio horizontal + meio vertical) */
    text-align: left;
    color: #5A3412; /* Ajuste de cor do texto */
    max-width: 800px; /* Largura máxima para o texto */
    padding: 0 15px;   /* Pequeno espaçamento lateral */
    left: 390px;
    }
    .destaque-interno-content-maior {
    position: relative;
    top: 56%;      /* Joga para 50% da largura */
    transform: translate(-50%, -50%); /* Centraliza de fato (meio horizontal + meio vertical) */
    text-align: left;
    color: #5A3412; /* Ajuste de cor do texto */
    max-width: 800px; /* Largura máxima para o texto */
    padding: 0 15px;   /* Pequeno espaçamento lateral */
    left: 390px;
    }
}
/* ==========================
   💻 LAPTOPS (1025px a 1366px)
========================== */
@media (min-width: 1025px) and (max-width: 1366px) {
    .container {
        max-width: 1100px;
    }
     .hero-home {
    height: 900px;
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #D1BE9B;
    position: relative;
    overflow: hidden;
    background-size: auto auto;
    }
        .hero-content {

    top: 40%;      /* Joga para 50% da largura */
    transform: translate(-50%, -50%); /* Centraliza de fato (meio horizontal + meio vertical) */
     max-width: 700px; /* Largura máxima para o texto */
    padding: 0 15px;   /* Pequeno espaçamento lateral */
    left: 160px;
    }
   .h1-hero-home {
    position: absolute;
    margin-top: -135px;
    margin-left: 0px;
    margin-bottom: 31px;
}
      .sub-hero-content {
    position: absolute;
    margin-top: 60px;
    width: 480px;
}
  .txt-subt-hero {
    font-size: 1.6rem;
    font-weight: 400;
}
    .hero-content p {
      font-size: 1.25rem;
      margin-bottom: 1rem;
    }
 .destaque-interno-content {
    position: relative;
    top: 55%;      /* Joga para 50% da largura */
    transform: translate(-50%, -50%); /* Centraliza de fato (meio horizontal + meio vertical) */
    text-align: left;
    color: #5A3412; /* Ajuste de cor do texto */
    max-width: 800px; /* Largura máxima para o texto */
    padding: 0 15px;   /* Pequeno espaçamento lateral */
    left: 250px;
    }
.destaque-interno-content-maior {
    position: relative;
    top: 56%;      /* Joga para 50% da largura */
    transform: translate(-50%, -50%); /* Centraliza de fato (meio horizontal + meio vertical) */
    text-align: left;
    color: #5A3412; /* Ajuste de cor do texto */
    max-width: 800px; /* Largura máxima para o texto */
    padding: 0 15px;   /* Pequeno espaçamento lateral */
    left: 250px;
    }
}