html, body {
        height: 100%;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
      }
      main {
        flex: 1;
      }

       .navbar-nav .nav-link {
         color: #1C1C1C !important;
         font-weight: 700;
         padding: .75rem 1.1rem;
         font-size: 1.35rem;
         transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
         border-radius: 4px;
         letter-spacing: .2px;
       }

       /* .navbar-nav .nav-link:hover,
       .navbar-nav .nav-link:focus {
        color: #fff !important;                   
         background-image: linear-gradient(180deg, #e5c65a, #c6a522 60%, #b48d1b);
         box-shadow:
           0 8px 22px rgba(0,0,0,.35),
           inset 0 1px 0 rgba(255,255,255,.35);   
         transform: translateY(-1px) scale(1.00);
         text-shadow: 0 1px 0 rgba(0,0,0,.25);
         border-radius: 1px;
         transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
       } */

       .navbar-nav .nav-item.active .nav-link {
         color: #fff !important;
         background-image: linear-gradient(180deg, #d9b848, #b7901a 70%);
         box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
       }

       /* Ícone hamburger com contraste suficiente */
       .navbar-light .navbar-toggler {
         border-color: rgba(0,0,0,.15);
       }
       .navbar-light .navbar-toggler-icon {
         background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(28,28,28, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
       }

     .accordion {
       background-color: #eee;
       color: #444;
       cursor: pointer;
       padding: 18px;
       width: 50%;
       border: none;
       text-align: left;
       outline: none;
       font-size: 15px;
       transition: 0.4s;
       margin-top: 5px;
     }

     .active, .accordion:hover {
       background-color: #ccc;
       margin: 100
     }


    .page-wrapper {
      flex: 1;
      display: flex;
      min-height: 100px;
    }

     .panel {
       padding: 0 18px;
       background-color: white;
       /*max-height: 500;*/
       overflow: hidden;
       transition: max-height 0.2s ease-out;
     }



/* Reset básico para header */
 {
 padding: 0;
 box-sizing: border-box;
}

body {
 font-family: Advent Pro;
}

/* Estilo do cabeçalho */

header {  border-bottom: 1px solid #ccc;}
header.site-header { border-bottom: 1px solid #ccc; }

.site-header .container {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.top-header {
 background-color: #fff;
 display: flex;
 align-items: center;
 justify-content: space-between;
 flex-wrap: wrap;
 gap: 10px;
 padding: 2px 250px;
}

.bottom-header {
    background-color: #c6a522;
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 7px;
    display: flex;
    justify-content: center;
    position: relative;
}

.logo img {
 width: 300px;
 max-width: 100%;
 height: auto;
}

.top-header p {
 max-width: 800px;
 font-size: 11px;
 color: #333;
}


.main-nav ul {
 list-style: none;
 display: flex;
 gap: 20px;
 padding: 0;
 margin: 0;
}

.main-nav a {
 color: #1C1C1C !important;              /* força preto */
 text-decoration: none;
 color: #1e1c1c;
 font-weight: bold;
 padding: 3px 15px;
 display: inline-block;
 transition: box-shadow 0.3s ease, background-color 0.3s ease;
 border-radius: 4px;
 font-size: 1.3rem;
}

.main-nav a:hover {
  color: #b1976b;
  box-shadow: 0px 4px 2px rgba(0, 0, 0, 0.3);
  background-color: #d1ac3f;
  transform: scale(1.30);              /* cresce sem empurrar os outros */
  transition: transform .5s ease;     /* animação suave */
}




/* 1) faixa transparente com a imagem 1x */
.menu-strip {
   height: var(--strip-h, 32px);
   background-color: transparent;
   background-image: var(--strip);
   background-repeat: no-repeat;
   background-position: right top;
   background-size: auto var(--strip-h, 32px);
   width: 100%;
   margin-left: 0;
 }

/* contraste do menu sobre o fundo amarelo */
.main-nav a { color: #fff; font-weight: 600; }
.main-nav a:hover {
  color: #1e1c1c;
  background-color: rgba(0,0,0,0.2);
  box-shadow: none;
}

.slogan-strip{
  width:100%;
}
.slogan{
    font-family: 'Advent Pro', sans-serif;
  text-align:right;
  font-size:12px;
  margin: 0;
}


/* ====== MOBILE: fazer os nav-items “aparecer” bem visíveis ====== */

/* Hamburger visível */
.navbar-light .navbar-toggler-icon{
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(28,28,28,0.95)' stroke-width='2' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* Mobile: mostrar itens em coluna e legíveis */
@media (max-width: 767.98px){
  .navbar-collapse{
    background-color:#c6a522;.justify-content-center
    padding:.5rem;
  }
  .navbar-nav .nav-item{ border-bottom:1px solid rgba(0,0,0,.08); }
  .navbar-nav .nav-item:last-child{ border-bottom:0; }
  .navbar-nav .nav-link{
    display:block;
    text-align:center;
    font-size:1.4rem;
    padding:.9rem 1rem;
    color:#1C1C1C !important;
  }
}


/* ====== Garantir visibilidade do hamburger ====== */
.navbar-light .navbar-toggler {
  border-color: rgba(0,0,0,.22);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(28,28,28,0.95)' stroke-width='2' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}