*, *::before, *::after {box-sizing: border-box;} * {margin: 0;padding: 0;}
body{font-family: "Montserrat", sans-serif;font-optical-sizing: auto; width: 100%; background: #ffffff;}
:root {
  --header:#ffffff;
  --footer: #b9b497;
  --a-dark:#504d44;
  --a-hover: #007822; /* 008000 */ 
  --btn-theme-dark:#504d44;
  --btn-theme-light:#007822;
  --paineis: rgba(236, 245, 225, 0.94);
  --bg-custom:#f4f9ff;
  /* --bg-primary: #f3e7d2; --bg-secondary:#796C55; --bg-light-primary:#ffcb5cf1; --bg-dark-primary:#462d24;  --bg-footer:#fdecd0; */
}

/* menu */
.navbar {position: relative;padding: 0.5rem 1rem; background: var(--header);}
.nav-mobile{display: grid; grid-template-columns: 50px 1fr 50px; justify-items: center; align-items: center;}
.menu {list-style: none;display: none; flex-direction: column; flex-wrap: wrap;justify-content: space-between;}
.menu li a {display: block;text-decoration: none; font-size: 1em; padding:5px;letter-spacing: 1.2px; background:none; color: #053805;}
.submenu {list-style: none; display: none; background: #f2f5db; width:auto;}
.submenu li a:hover{ background: #007822; color: #ffffff;}
.dropdown.active > .submenu {display: block;}
.search-area{min-height: 1px; background: #afafaf;}
.search-item details{position: relative;}
.search-item details summary{list-style: none;}
.search-box{position: absolute;right: 0;background:var(--paineis);padding: 15px;border-radius: 10px;display: block;min-width: 350px;z-index: 200;}
details::details-content{  transition: height 0.5s ease, content-visibility 0.5s ease allow-discrete; height: 0; overflow: clip; }

/* tags html */
a {text-decoration: none; color: var(--a-dark);} 
a:hover{color: var(--a-hover);}
p{line-height: 1.5em;}
ul {list-style: none;}
ol {line-height: 1.7; margin-left: 30px;}
dl {display: grid;grid-gap: 4px 16px;grid-template-columns: max-content;}
dt {font-weight: bold;}
dd {margin: 0;grid-column-start: 2;}

.linha, .preparo p,  dt, dd {line-height: 1.5;}
.ingredientes li {line-height: 1.7; margin-left: 15px;}
.btn-theme{ background:var(--btn-theme-dark); color:var(--btn-theme-light)}
.btn-theme:hover{ background:var(--btn-theme-light); color:var(--btn-theme-dark);}

/* layout */
.desk { display: none; }
.col{flex-direction: column;}
.row{display: flex; flex-direction: row;}
.fullscreen{display: grid; height: 100vh;justify-items: center;}
.wrap{flex-wrap:wrap;}
.center{justify-content: center;}
.between{justify-content: space-between;}
.around{justify-content: space-around;}
.flex-item{flex: 1 1 22%; padding: 20px;display: flex; flex-direction: column;}
.flex-full{min-width:100%;}
.pt-25{padding-top: 25px;}.pb-25{padding-bottom: 25px;}.mt-25{margin-top: 25px;}.mt-15{margin-top:15px;}.mt-10{margin-top:10px;} .mb-15{margin-bottom: 15px;} .mb-25{margin-bottom: 25px;}.mb-8 {margin-bottom: 8px; }.m-15{margin: 15px;}.p-15{padding: 15px;}

/* Aprovado */
.container{display: grid; margin: auto 5%;}
.container-flex{display:flex; justify-content:space-around;}
.container-block{display: block; max-width: 90vw;}
.card{display: flex;flex-direction: column; flex-wrap: wrap; margin: 5px;align-items: center; width: 300px; text-align: center;}
.gap{gap: 15px;}

/* Escrita */
.bg-custom {background: var(--bg-custom);}
.mute{font-size: 0.9em}
.text-center{text-align: center;}
.bg-dark {background:#5f584e; color: #ffffff; }
.bg-prod {background:#f1f7ee; color: #112717; }
.manchete{ font-size: 37px !important;}
.folha{background: var(--bg); display: block;} 
.bg-medio {background: var(--footer);}
.custom-logo {width: 180px !important;height:auto;}
.custom-logo-link{margin: 5px;}
.content p {display: block; margin-top: 1.1em; margin-bottom: 1em; margin-left: 0; margin-right: 0;}

.prod-title{padding-bottom:25px;}

.btn-action, .wp-block-button__link {margin-top: 25px; max-width: 250px;  border: 1px solid #007822; background: #007822 !important; color: white;}
.btn-action:hover, .wp-block-button__link:hover {background: none !important; color: #007822;}

/* svg */
.fil0 {fill:  rgba(235, 237, 247, 0.8); stroke:#5c5950;stroke-width:0.3;stroke-miterlimit:22.9256;}
.fil0:hover{fill:  #007822; cursor: pointer;}
.active{fill:  #684805;}
.bolha{display: block;}
.pingo{background: #F5F4F4;border-radius: 35px; height: 70px; width: 70px;}

/* Imagens */
img{display: block;max-width: 100%;}
.img-responsive{min-width: 100%;height: auto;}
.img-arredondada {border-radius: 50%;background-position: -15px -15px;height: 195px; width: 195px;}

.img-linha{height: 80px; width:100px; background: #ffffff; border-radius: 20%;}

.box{display: flex; justify-content: space-around; flex-wrap: wrap; gap: 10px;}
.inbox{width:150px;font-size: .8em; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; margin-bottom: 35px; gap: 10px;}

.wp-image-249 .size-full{max-width: 170px !important; margin-right: 170px !important;}

.slide {display:none; min-width: 100%;}
.fade {animation-name: fade;animation-duration: 1.5s;}

@keyframes fade {
  from {opacity: .2} 
  to {opacity: 1}
}

/* sections */
.hero{color: #268749; }.hero h1{font-weight: bold;}
.banner-brand{display: flex; justify-content: center; align-items: center;  padding: 30px 0; background: #462d24;}

/* formularios  e modais*/
input, select {border-radius: 4px;margin: 8px 0;padding: 8px 16px;}
input[type=text]{border: 1px solid #5c5950;border-radius: 4px;box-sizing: border-box; width: 100%;}
input[type=submit] {background: #007822; color: white; border: none; cursor: pointer;}
input[type=reset] {background: var(--btn-theme-light); color: white; border: none; cursor: pointer;}
input[type=submit]:hover{background:var(--btn-theme-dark);}
select{background: #ffffff; margin-right: 8px;}
textarea{width: 100%;}
option:nth-of-type(odd) {background: #fff0ca;}
.fechar {position: absolute;visibility: visible;top:2px;right: 16px;cursor: pointer;font-size: 2em;}
.separador{min-height: 30px;}

/* modal */
.modal{visibility: hidden; opacity: 0;position: absolute;top: 0;right: 0; bottom: 0;left: 0;display: flex;align-items: center;justify-content: center;background: rgba(161, 161, 127, 0.7); transition: all .4s;}

.modal:target{ visibility: visible; opacity: 1;}
.modal__content{border-radius:8px; position: relative; width:600px; max-width: 90%; background: #fff;padding: 0 2em 1em 2em;}
.modal__close{position: absolute; top:8px; right:8px; text-decoration: none; border-radius: 25%; background: rgba(212, 212, 177, 0.7);padding: 4px 12px;}

/* table */
.tab-prod {width:460px;}.tab-prod th{padding: 4px;}
.tab-prod tr, .tab-prod td {border: 1px solid #5c5950; text-align: center;}

table {border: 1px solid #ccc;border-collapse: collapse;padding: 0;width:90vw;table-layout: fixed;}
table caption {font-size: 1.5em;margin: .5em 0 .75em;}
table tr:nth-child(even){background: #faffe0;}
table tr:hover {background: #9D6907; color: white;}
table tr {background: #fff8e6; border: 1px solid #e5e5e5;padding: .35em;cursor: pointer}
table th,table td {padding: .625em;text-align: center;}
table th {font-size: .85em;letter-spacing: .1em; text-transform: uppercase; background: #684805; color: #fff;}

/* rodape */
footer {display: flex;flex-wrap: wrap; gap: 3px; }
.footer-brand{min-width: 390px;}
.footer-container{background: var(--footer)}
.socialhub {display: flex; flex-direction: row; margin-top: 10px;}
.socialhub svg{margin-right: 15px;width: 22px; height: auto;}
.copywrite{font-size:0.8em; min-height:35px; text-align: center;}

/* carousel */
.sidenav {height: 100%; position: fixed; z-index: 1; top: 0; left: 0; overflow-x: hidden; padding-top: 20px;}
.sidenav a, .dropdown-btn { padding: 8px 8px 8px 16px;text-decoration: none;display: block;border: none;background: none;min-width: 100%;text-align: left;cursor: pointer;outline: none;}
.dropdown-container {display: none; padding-left: 8px; background:#a8a092;}


.receitas{background:#fff9f9;}
.oliva{background:#e6f1d8;}

.nav-links{margin-bottom: 30px; text-align: center;font-weight: 600; color: #268749; border: 1px solid #007822; padding: 15px; border-radius: 10px;  width: 250px;}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 12px;}
}

@media screen and (max-width: 767px) {  
  table {border: 0;}
  table caption {font-size: 1.3em;}
  table thead {border: none;clip: rect(0 0 0 0);height: 1px; margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
  table tr {border-bottom: 1px solid #ddd; display: block;margin-bottom: .625em;}
  table td {border-bottom: 1px solid #ddd; display: block;font-size: .8em;text-align: right;}
  table td::before {content: attr(data-label); float: left;font-weight: bold;text-transform: uppercase;}
  table td:last-child {border-bottom: 0;}
  .uf{max-width: auto;}
}

@media (min-width: 768px) {.row{width: 740px;}}
@media (min-width: 992px) {
  .uf{max-width: 15px;}
.manchete{ font-size: 59px !important;}
  .mobile { display: none; } .desk { display: block; }
  .row{width: 940px;}
  .desk{display: block;}
  .custom-logo {width: 250px !important;height:auto;}
  .footer-brand .custom-logo  {width: 180px !important;height:auto;}
  .menu {display: flex !important; flex-direction: row; align-items: center;justify-content: space-between;;}
  .menu li {position: relative;}
  .menu li a {padding: 16px;}
  .dropdown:hover .submenu {display: block;position: absolute;top: 100%;left: 0; background:var(--paineis);min-width: 150px;z-index: 1000;}
  .submenu li a{ font-size: 0.85;}
  .submenu li {width: 240px; z-index: 200;} .submenu{width: 740px;}
  .preview{position:absolute; bottom:50px; padding-left: 180px; z-index: 5;}
}
@media (min-width: 1200) {.row{width: 1150px;}}
@media (min-width: 1400px) {.row{width: 1250px;}}