@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,h3 { font-family: "Baloo2M"; }
p { font-family: "Baloo2R"; }
h1,h2,h3,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; }
.header_menu { background-color:#202020; 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 NO TOPO (email + busca) ─────────── */
.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; }

/* ─── Campo 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-image:linear-gradient(to right,#40613f,#668b3e); height:100%; position:relative;
}
.header-green::after {
  content:attr(header-title); position:absolute; bottom:0; left:0;
  color:rgba(255,255,255,0.12); font-family:"Baloo2Bd"; font-size:3.5em; line-height:100%; text-transform:uppercase;
}
.header-green .gradient { height:100%; top:0; position:absolute; width:100%; background:radial-gradient(circle at 0% 142%,#109ab7,transparent 32%); }
.nav-title { font-family:"Baloo2Bd"; color:#5c8045; font-size:150px; position:absolute; z-index:1; letter-spacing:-8px; }
.menu { display:flex; justify-content:space-evenly; width:90%; padding-bottom:20px; }
.menu a {
  font-size:large; background-color:transparent; text-decoration:none; color:white;
  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:#68db51; }
.basic::after { content:""; display:block; width:0; height:2px; background:#68db51; 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-image:linear-gradient(to left,#365335,#668b3e); opacity:0; width:100%; height:100%; position:absolute; z-index:-100; }

@media only screen and (max-width:1310px) { .menu a { font-size:13px; } }
@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:white; font-size:20px; display:block; }
  .menu { border-top:1px solid black; flex-direction:column; justify-content:flex-start; z-index:2; position:fixed; width:100%; height:100vh; background-image:linear-gradient(to left,#365335,#668b3e); top:-200%; left:0; text-align:center; padding:0; line-height:normal; transition:0.7s; }
  .menu a { 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; }
}