select#select_lang option[value="pt"] {background-image:url(_img/pt.png);} 

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
}

#nav {
    list-style: none;
    overflow: visible !important;
}

#nav li {
    position: relative;
}

#nav li.dropdown1 {
    position: relative;
    text-transform: uppercase;
}

#nav li.dropdown1 .submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    min-width: 150px;
    padding: 0;
    margin: 0;
    margin-top: -25px;
    margin-left: 10px;
    list-style: none;
    box-shadow: 0 4px 10px rgba(0,0,0,.15);
    z-index: 999999;
    
}

#nav li.dropdown1:hover .submenu {
    display: block;
    padding: 0;
}

#nav li.dropdown1 .submenu li {
    width: 100%;
    padding: 0;
    text-transform: uppercase;
}

#nav li.dropdown1 .submenu li a {
    display: block;
    padding: 0px 15px;
    font-size: 14px;
    margin: 0;
    text-decoration: none;
    color: #444444;
    white-space: nowrap;
    line-height: 3.0;
    text-transform: uppercase;
    text-align: left;
}

#nav li.dropdown1 .submenu li a:hover {
    background: #dadada;
    color: #444444;
}

#nav li.dropdown1 .submenu li a.corrente {
  cursor: default;
  padding: 7px;
  padding-top: 7px;
  background-color: #aa8c58;
  color: #fff;
  width: 100%;

  }

#nav li.dropdown2 {
    position: relative;
    text-transform: uppercase;
}

#nav li.dropdown2 .submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    min-width: 150px;
    padding: 0;
    margin: 0;
    margin-top: -25px;
    margin-left: 10px;
    list-style: none;
    box-shadow: 0 4px 10px rgba(0,0,0,.15);
    z-index: 999999;
    
}

#nav li.dropdown2:hover .submenu {
    display: block;
    padding: 0;
}

#nav li.dropdown2 .submenu li {
    width: 100%;
    padding: 0;
    text-transform: uppercase;
}

#nav li.dropdown2 .submenu li a {
    display: block;
    padding: 0px 15px;
    font-size: 14px;
    margin: 0;
    text-decoration: none;
    color: #444444;
    white-space: nowrap;
    line-height: 3.0;
    text-transform: uppercase;
    text-align: left;
}

#nav li.dropdown2 .submenu li a:hover {
    background: #dadada;
    color: #444444;
}

#nav li.dropdown2 .submenu li a.corrente {
  cursor: default;
  padding: 7px;
  padding-top: 7px;
  background-color: #aa8c58;
  color: #fff;
  width: 100%;

  }


#select_lang {
  padding: 5px 5px;
  background: #aa8c58;
  font-size: 13px;
  color: #FFFFFF;
  border-radius: 15px;

}

.headermenu {
  border: none;
  z-index: 99999;
}
body {
  font-family: "Open Sans";
  font-weight: lighter;
}

.header {
  width: 100%;
}

.content {
  width: 100%;
  margin: 2em auto;
  font-size: 20px;
  line-height: 10px;
  text-align: justify;
}

.logo {
  line-height: 50px;
  position: fixed;
  float: left;
  margin: 5px 0px;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 1px;
}


nav  {
  position: fixed;
  width: 100%;
  z-index: 900;

}

nav ul {
  line-height: 60px;
  list-style: none;
  background: rgba(0, 0, 0, 0);
  color: #000000;
  padding: 0;
  text-align: right;
  margin: 0;
  padding-right: 5px;
  transition: 1s;
  z-index: 1500;
}


nav.black  {
  line-height: 80px;
  background: #e0e0e0;
}


nav ul {
  line-height: 80px;
  z-index: 1500;
}

nav ul li {
  display: inline-block;
  padding: 16px 5px;
  z-index: 1500;
}

nav ul li a {
  text-decoration: none;
  color: #000000;
  font-size: 16px;
  text-transform: uppercase;
  z-index: 1000;
  
}


nav ul li a:hover {
  text-decoration: none;
  color: #534529;
  font-size: 16px;
  text-transform: uppercase;
  z-index: 1000;
  
}

.navinterna  {
  position: fixed;
  width: 100%;
  z-index: 1000;

}

.navinterna ul {
  line-height: 60px;
  list-style: none;
  background: rgba(0, 0, 0, 0);
  overflow: hidden;
  color: #000000;
  padding: 0;
  text-align: right;
  margin: 0;
  padding-right: 15px;
  transition: 1s;
  z-index: 1000;
}


#navinterna.black  {
  line-height: 80px;
  background: #000000;
  z-index: 1000;
}


#navinterna ul {
  line-height: 60px;
  z-index: 1000;
}

#navinterna ul li {
  display: inline-block;
  padding: 16px 5px;
  z-index: 1000;
}

#navinterna ul li a {
  text-decoration: none;
  color: #FFFFFF;
  font-size: 16px;
  text-transform: uppercase;
  z-index: 1000;
  
}

#navinterna ul li a:hover {
  text-decoration: none;
  color: #A89062;
  font-size: 16px;
  text-transform: uppercase;
  z-index: 1000;
  
}



.menu-icon {
  line-height: 20px;
  width: 100%;
  background: #999999;
  text-align: right;
  box-sizing: border-box;
  padding: 30px 40px;
  cursor: pointer;
  color: #000000;
  display: none;
  z-index: 1500;
}

.sec-imgtopicos .container { 
  position: relative;
  margin-top: -200px;
  width: 100%;
  height: 600px;
  background-image: url("");
  background-color: #ecbc55;
  background-repeat:no-repeat;
  background-size: cover;
  z-index: 990;

}


.sec-banner {
    position: relative;
    z-index: 1;
}

.sec-bannerinterno {
    position: relative;
    z-index: 1;
}
.bannercard {
  width: fit-content;
  margin: 0 auto;
  padding: 30px;
  color: #FFFFFF;
  text-align: center;
}


/* Mobile */
@media (max-width: 768px) {
.bannercard {
  width: 90%;
  max-width: 400px;
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.bannercard img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
}


/* Section de fundo */
.hero {

    padding-top: 200px;
    height: 150px;
    background: linear-gradient(135deg, #ffffff, #ffffff);
}

/* Container dos cards */

.cards {
  
    max-width: 1200px;
    margin: -120px auto 0;
    display: flex;
    gap: 20px;
    padding: 0 10px;
    position: relative;
    z-index: 2;
    flex-wrap: wrap;
    gap: 40px;
    /* sobe os cards */
    transform: translateY(-30px);
}


.card {
    flex: 1;
    background: #FFFFFF;
    border-color: #a57f3a;
    border-width:10px;
    border-radius: 25px;
    overflow: hidden;
    height: 270px;
    box-shadow: 0 8px 20px rgba(0,0,0,.15);
}

.card img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.card h3 {
    padding: 15px;
}

.conteudo {
    width: 100%;
    min-height: 90vh; /* opcional, ocupa a altura da tela */
    background: #CEAC6B;

    padding: 200px 40px 40px;
    margin: -150px 0 0;

    display: flex;
    justify-content: center; /* centraliza os itens */
    flex-wrap: wrap;
    gap: 40px;

    position: relative;
}

.conteudo .titulointromais {
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  color: #303030;

}

.conteudo #titulointro {
  padding-top: -15px;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  color: #313131;
  height: 80px;
}

.conteudo .img-fluid {
    width: 150px;
    height: auto;
    display: block;
    margin: 0 auto;
}


.conteudo #txtintro {
  padding-left: 15px;
  padding-right: 15px;
  line-height: 20px;
  font-size: 18px;
  color: #313131;
}


.conteudo #logointro {

  padding: 15px;
  margin-bottom: 30px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width:15%;
  background-color: #FFFFFF;
  float: center;  
  position: relative;
  -webkit-border-bottom-left-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-radius-bottomleft: 20px;
  -moz-border-radius-bottomright: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;

  
  }



.como-chegar {
  display: flex;
  align-items: center;
  padding: 60px 50px;
  color: #FFFFFF;
  background-color: #FFFFFF;

}
    
.como-chegar-wrapper {
  display: flex;
  gap: 50px;
  align-items: center;
  background-color: #776f23a8;
  padding: 30px;
  border-radius: 20px;

}

.mapa iframe {
  
  width: 550px;
  height: 380px;
  border-radius: 16px


}

/* CTA (mantive seu estilo base) */
.cta {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 90px;
  background: #ffc402;
  color: #494949;
  font-weight: 700;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
}


.cta:hover {
  transform: translateY(-2px);
  color: #7c7b7b;
  box-shadow: 0 12px 24px #a37d00;
  text-decoration: none;
}


.info {
  max-width: 500px;
  text-align: center;
}

.info h2 {
  margin-bottom: 15px;
  text-align: center;
}

.info h4 {
  margin-bottom: 25px;
  font-weight: 400;
  line-height: 1.6;
  text-align: center;
}

#fieira-cortada {
  padding-top: 80px;
}


.pcd-gallery {
    gap: 30px;
}

.pcd-gallery img {
    width: 350px;
    max-width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 8px 8px rgba(0,0,0,0.2);
}
.mcd-gallery {
    gap: 30px;
}

.mcd-gallery img {
    width: 350px;
    max-width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 8px 8px rgba(0,0,0,0.2);
}

.ccd-gallery {
    gap: 30px;
}

.ccd-gallery img {
    width: 350px;
    max-width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 8px 8px rgba(0,0,0,0.2);
}


.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

.split-section {
  display: flex;
  align-items: center;
  gap: 40px;
  padding: 80px 0;
}

.text-content,
.media-content {
  flex: 1;
}

.divider {
  width: 2px;
  align-self: stretch;
  background: #a37d00;
}

.horizontal-line {
  width: 100%;
  height: 2px;
  margin-bottom: 20px;
  background-color: #a37d00;
}

.media-content h2 {
  font-size: 2rem;
  margin-bottom: 24px;
}

.media-content img {
  width: 100%;
  display: block;
  border-radius: 12px;
}

.text-content p {
  line-height: 1.7;
  color: #555;
  margin-bottom: 24px;
}

.btn {
  display: inline-block;
  padding: 12px 24px;
  background: #0078d4;
  color: #fff;
  text-decoration: none;
  border-radius: 6px;
}

.split-section .titulovertical h2 {
  font-size: 60px;
  font-weight:700;
  color: #303030;
  padding: 10px 0px 10px 0px;

}

.split-section .titulovertical2 h3 {
  font-size: 45px;
  font-family:Georgia, 'Times New Roman', Times, serif;
  font-style: italic;
  color: #a37d00;
  padding-bottom: 30px;

}


.split-section #txttitulovertical {
  padding-left: 15px;
  padding-right: 15px;
  line-height: 30px;
  font-size: 18px;
  color: #313131;
}



/* Mobile */
@media (max-width: 768px) {


  .sec-banner {
    position: relative;
    z-index: 1;
    padding-top: 50px;
}


.conteudo #txtintro {
  padding-left: 0px;
  padding-right: 0px;
  line-height: 20px;
  font-size: 18px;
  color: #313131;
  padding-bottom: 20px;

}



  .split-section {
    flex-direction: column;
    gap: 24px;
    padding: 20px;
  }

  .split-section .titulovertical h2 {
  font-size: 50px;
  font-weight:700;
  color: #303030;
  padding: 10px 0px 10px 0px;

}

.split-section #txttitulovertical {
  padding-left: 0px;
  padding-right: 0px;
  line-height: 30px;
  font-size: 18px;
  color: #313131;
}

  .divider {
    display: none;
  }

  .media-content {
    order: 1;
  }

  .text-content {
    order: 2;
  }

  .media-content h2 {
    margin-bottom: 16px;
  }
}



/* Mobile */
@media (max-width: 576px) { 

  .sec-banner {
    position: relative;
    z-index: 1;
    padding-top: 50px;
}


  .conteudo #txtintro {
  padding-left: 0px;
  padding-right: 0px;
  line-height: 20px;
  font-size: 18px;
  color: #313131;
  padding-bottom: 20px;
}

    .split-section .titulovertical h2 {
  font-size: 50px;
  font-weight:700;
  color: #303030;
  padding: 10px 0px 10px 0px;

}


  .split-section {
    flex-direction: column;
    gap: 24px;
    padding: 20px;
  }

  .ccd-gallery {
      gap: 20px;
  }

  .ccd-gallery img {
      width: 100%;
      max-width: 350px;
  }
  
  .pcd-gallery {
      gap: 20px;
  }

  .pcd-gallery img {
      width: 100%;
      max-width: 350px;
  }

  .mcd-gallery {
      gap: 20px;
  }

  .mcd-gallery img {
      width: 100%;
      max-width: 350px;
  }


  #fieira-cortada {
    padding-top: 0px;
  }

 .como-chegar-wrapper {
    flex-direction: column;
  }

  .mapa iframe {
    width: 100%;
    height: 320px;
  }

  .como-chegar {
    display: flex;
    align-items: center;
    padding: 30px;
    color: #FFFFFF;
    background-color: #FFFFFF;

  }

  .como-chegar-wrapper {
    display: flex;
    gap: 50px;
    align-items: center;
    background-color: #776f23a8;
    padding-left: 25px;
    border-radius: 20px;

  }
      
      
.cards {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row; /* ou remova essa linha */
    gap: 10px;
    transform: translateY(-20px);

}
   
.card {
        width: calc(50% - 5px);
        height: 110px;
        border-width:5px;
        border-radius: 15px;
    }

    .card img {
        height: 100px;
    }

.conteudo {
    padding: 180px 40px 80px;
    background: #CEAC6B;
}


}       

.sec-topicos {
  height: 700px;
  background-color: #ecbc55;
  margin-top: 50px;
}


.sec-topicos .container { 
  width: 100%; 
  margin-left: auto;
  margin-right: auto; 
}

#loginrodape {

  border: 3px solid #FFFFFF;
  border-radius: 20px;
  padding-top: 25px;


}



#titulologin {
  
  font-size: 24px;
  font-style: normal;
  font-weight: bold;
  color:#A89062;

}


#txtlogin {

  
  font-size: 16px;
  font-style: normal;
  font-weight: 200;
  color:#FFFFFF;

}

.btn.btneverest {
  margin-top: 0px;
  border: none;
  border-radius: 12px;
  border-color: transparent;
  background-color: #A89062;
  color: #FFFFFF;
  font-size: 12PX;
  text-decoration: none !important;
}

a.btn.btneverest,
a.btn.btneverest:link,
a.btn.btneverest:visited,
a.btn.btneverest:hover,
a.btn.btneverest:focus,
a.btn.btneverest:active {
    color: #FFFFFF !important;
    text-decoration: none !important;
}

a.btn.btneverest:hover *,
a.btn.btneverest:focus * {
    color: #FFFFFF !important;
    text-decoration: none !important;
}

#loginrodape #btneverest {
  color: #FFFFFF;
}


@media(max-width: 786px) {

.logo {
      position: fixed;
      top: 0;
}


#menu,
#nav {
    position: relative;
    z-index: 1000;
}

#nav li.dropdown1 {
    position: relative;
    z-index: 1002;
}

#nav li.dropdown2 {
    position: relative;
    z-index: 1001;
}

#nav li.dropdown1 .submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 49%;
    transform: translateX(-50%);

    background: #fff;
    min-width: 230px;

    z-index: 9999999;

    box-shadow: 0 4px 10px rgba(0,0,0,.15);
}

#nav li.dropdown2 .submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 49%;
    transform: translateX(-50%);

    background: #fff;
    min-width: 230px;

    z-index: 9999999;

    box-shadow: 0 4px 10px rgba(0,0,0,.15);
}

nav ul {
      max-height: 0px;
      background: #bbbbbb;
      display: none;
}

nav .black ul {
      max-height: 0px;
      background: #bbbbbb;
      
}

#navinterna ul li a {
  text-decoration: none;
  color: #000000;
  font-size: 16px;
  text-transform: uppercase;
  z-index: 1000;
  
  
}

#nav li .submenu li {
    width: 100%;
    
}

#nav li .submenu li a {
    display: none;
    padding: 8px 20px;
    line-height: 1.5;
    text-align: center;
    white-space: normal;
    text-transform: uppercase;
    
}

#nav li.dropdown1 > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#nav li.dropdown2 > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.showing {
    max-height: 80em;
    display: flow-root;

    position: relative;
    z-index: 99999;
}


nav ul li {
      box-sizing: border-box;
      width: 100%;
      padding-top: 1px;
      padding-left: 20px;
      text-align: center;
      
}

.menu-icon {
    display: block;
}



}