@font-face { font-family: "Baloo2M"; src: url("../assets/fonts/Baloo2-Medium.ttf"); }
@font-face { font-family: "Baloo2R"; src: url("../assets/fonts/Baloo2-Regular.ttf"); }
@font-face { font-family: "Baloo2Bd"; src: url("../assets/fonts/Baloo2-Bold.ttf"); }

h1,h2 { font-family:"Baloo2M"; }
p { font-family:"Baloo2R" !important; }
h1,h2,p { color:#4a683b; }

.sticky { top:0; display:flex; width:100%; justify-content:space-around; background-color:white; }
.header_menu_logo { display:flex; width:32%; z-index:10; justify-content:center; height:100%; }
header { z-index:10; }
.logo { border:none; background:transparent; }
.logo img { width:230px; height:auto; }
.show-menu-btn,.hide-menu-btn { transition:0.4s; font-size:30px; cursor:pointer; display:none; z-index:10; }
.show-menu-btn i { color:#4a683b; }
.header_menu { background-color:white; z-index:10; font-family:"Baloo2" !important; flex-direction:column; align-items:center; }
.links { display:flex; background-color:white; align-items:center; height:120px; width:100%; justify-content:space-between; }

/* ─── Fundo bege-gelo ─── */
.contato-wrapper {
  background-color: #f0f1ec !important;
  border-bottom: 1px solid #dcddd5 !important;
  z-index:1; width:100%; display:flex; justify-content:flex-end;
}
.contato { height:50px; z-index:1; width:62%; background-color:transparent; align-items:center; display:flex; justify-content:flex-start; }
.contato p { color:#4a5a3a !important; margin:0 50px 0 0; font-size:14px; }
.contato i { color:#5a7040; margin-right:80px; }

/* ─── Input busca transparente ─── */
.contato input {
  margin:10px; padding:5px 14px; font-family:"Baloo2R"; color:#4a5a3a;
  border-radius:3em; border:1px solid #a8b898;
  background: transparent !important; letter-spacing:0.05em;
}
.contato input::placeholder { color:#8a9a7a; }
.search { background:none; color:#4a5a3a; border:none; padding:0; font:inherit; cursor:pointer; outline:inherit; }

#chk { position:absolute; visibility:hidden; z-index:-1111; }
.header_menu a:hover { text-decoration:none; }
.header-green { display:flex; align-items:center; justify-content:center; overflow:hidden; width:68%; background-color:white; height:100%; position:relative; }
.menu { display:flex; justify-content:space-evenly; width:90%; padding-bottom:20px; }
.menu a { font-size:large; background-color:transparent; text-decoration:none; color:#4a683b; justify-content:center; align-items:center; border:none; padding:0 10px; text-align:center; transition:all 0.3s; z-index:1; display:inline-block; padding-top:5px; height:40px; }
.basic:hover { cursor:pointer; color:#3a8a20; }
.basic::after { content:""; display:block; width:0; height:2px; background:#3a8a20; transition:width 0.3s; }
.active::after { content:""; display:block; width:50%; height:2px; background:#dbcd51; transition:width 0.3s; }
.basic:hover::after { width:50%; transition:width 0.3s; }
.headerOverlay { background-color:white; border-bottom:1px solid #d0d8c8; opacity:0; width:100%; height:100%; position:absolute; z-index:-100; }

@media only screen and (max-width:999px) {
  .contato { display:none; }
  .headerOverlay { opacity:1; z-index:3; height:120px; }
  .header-green { overflow:unset; width:0; }
  .links { height:120px; justify-content:space-evenly; }
  .show-menu-btn,.hide-menu-btn { color:#4a683b; font-size:20px; display:block; }
  .menu { border-top:1px solid #ccc; flex-direction:column; justify-content:flex-start; z-index:2; position:fixed; width:100%; height:100vh; background-color:white; top:-200%; left:0; text-align:center; padding:0; line-height:normal; transition:0.7s; }
  .menu a { color:#4a683b; padding-top:5px; height:50px; }
  #chk:checked ~ .header-green .menu { top:120px; }
  .header_menu { position:fixed; }
}
@media only screen and (max-width:700px) {
  .header_menu,.sticky { height:50px; }
  .headerOverlay { height:50px; }
  #chk:checked ~ .header-green .menu { top:50px; }
  .links { height:50px; }
  .logo img { width:130px; height:auto; }
}
