/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.0
*/




@font-face {
    font-family: 'Insaniburger with Cheese';
    src: url('/wp-content/themes/hello-elementor-child/assets/fonts/subset-InsaniburgerwithCheese.woff2') format('woff2'),
        url('/wp-content/themes/hello-elementor-child/assets/fonts/subset-InsaniburgerwithCheese.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}







html {font-weight:500; font-size:18px;}
body {color:#333; font-weight:500;}
h1, h2, h3, h4, h5, h6 {font-weight: 800; margin: 0; margin-bottom:28px; line-height:1.5;}
html, body, h1, h2, h3, h4, h5, h6, a, ul, ul li {font-family: 'Montserrat', sans-serif;}
h1 {font-size: 28px;}
h2 {font-size: 26px;}
h3 {font-size:20px; }
h4 {font-size: 18px;}
h5 {font-size: 18px;}
h6 {font-size: 18px;}
p {margin:0; margin-bottom:28px; padding: 0; line-height:1.5;}
p:last-child {margin-bottom:0;}
a {text-decoration: none; color:#333;}
ul {list-style:none;}




.single-post #content {max-width:1200px; margin:0 auto;}



.custom-posts-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 60px; font-family: "Montserrat";}
.custom-post {background: #fff; border-radius:10px; overflow: hidden; text-align: left; transition: transform 0.2s ease; padding:28px; }
.custom-post:hover {transform: translateY(-4px);}
.custom-post img {width: 100%; height: 180px; object-fit: cover; display: block; border-radius:10px !Important;}
.custom-date {background: #1B4F42; color: #fff; font-size: 14px; padding: 7px 35px; margin:21px 0 14px 0; border-radius: 100px; display: inline-block;}
.custom-post h3 {font-size: 18px; font-weight: 800; color: #1B4F42; text-transform: uppercase; line-height: 1.3; margin-bottom:14px;}
.custom-post h3 a {text-decoration: none; color: inherit;}
.custom-post p a {color: #333; font-size: 16px; line-height: 1.4; text-decoration: none; display: block;}
.custom-post p a:hover {text-decoration: none;}


input {-webkit-appearance: none;}
input, label, select, button, textarea {margin:0; border:0; padding:0; display:inline-block; vertical-align:middle; white-space:normal; background:none; line-height:1;}
input:focus {outline:0;}
textarea:focus {outline:0;}
input, textarea {-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
button, input[type=reset], input[type=button], input[type=submit], input[type=checkbox], input[type=radio], select {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=password], input[type=range], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week]{}
input[type=checkbox], input[type=radio] {width:13px; height:13px;}
input[type=file]{}
input[type=search] {-webkit-appearance:textfield; -webkit-box-sizing:content-box;}
::-webkit-search-decoration{display:none;}
button, input[type="reset"], input[type="button"], input[type="submit"] {overflow:visible; width:auto;}
::-webkit-file-upload-button {padding:0; border:0; background:none;}
textarea {vertical-align:top;overflow:auto;}







.form input, .form textarea {padding:21px; border:0; border-radius:5px; margin-bottom:14px; color:#333; font-size:16px; font-weight:500; font-family: "Montserrat"; background:#FFF;}
.form textarea {height:150px;}

.elementor-kit-6 button {width:100%; border-radius:5px !Important; padding:28px !Important;}
.elementor-kit-6 button:hover {background:#2F7C66}
.elementor-kit-6 button:focus {background:#1B4F41}


input::placeholder, textarea::placeholder {color: #333;opacity: 1;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #333;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #333;}
input:-moz-placeholder, textarea:-moz-placeholder {color: #333;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #333;}



/*FOOTER*/
#site-footer {width: 100%; background-image: url("/wp-content/themes/hello-elementor-child/assets/img/bg5.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; display: flex; align-items: center; justify-content: center; position: relative;}

#site-footer {padding: 90px 28px; font-family: "Montserrat"; color: #FFF;}
.footer-container {display: flex; flex-wrap: wrap; gap: 40px; max-width: 1200px; margin: auto; justify-content: space-between; font-weight: 500;}
.footer-container h4 {font-size:24px; font-weight:800; color:#FFF; margin-bottom:28px;}
.footer-container p {font-size:18px; }
.footer-container ul {margin:0; padding:0;}
.footer-container ul li {font-size:18px; list-style:none;}
.footer-container ul li:first-child {margin-top:0;}
.footer-container ul li:last-child {margin-bottom:0;}
.footer-container ul li a:hover {text-decoration:underline; color:#FFF;}
.footer-column {flex: 1 1 250px;}
.footer-logo {max-width: 180px; margin-bottom: 28px;}
.footer-menu ul {margin:0; padding:0;}
.footer-menu li {margin: 28px 0;}
.footer-menu a {text-decoration: none; color: #FFF;}



.footer-contact {list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 28px;}
.footer-contact li {display: block;}
.footer-contact a {display: flex; align-items: center; gap: 14px; text-decoration: none; color: inherit; line-height: 1.4;}
.footer-contact .icon {flex-shrink: 0; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center;}
.footer-contact .icon img {width: 100%; height: auto; display: block; border-radius: 100px;}
.footer-contact a:hover {opacity: 0.7;}








.footer-bottom {border:0; background:#FFF; margin:0; padding: 28px; text-align:center; position: relative; z-index:99999;}
.footer-bottom p {font-size: 16px; font-family: "Montserrat"; color: #333; margin:0; display: flex; align-items: center;}
.footer-bottom p a {color:#333; display:flex; font-weight: bold;}
.footer-bottom p a:hover {text-decoration:none; color:#333;}
.footer-bottom .by {opacity:0.5; display: flex; align-items: center;}
.footer-bottom .by:hover {opacity:1;}
.footer-bottom .by:focus {opacity:1;}
.footer-bottom p span {display:block; margin:0 7px;}





.page .custom-post-date, .page .page-header {display:none;}


.single-post #content {padding:56px 28px;}

.custom-featured-image {display:block; margin:28px 0;}

.custom-post-date {background:#1B4F41; color:#FFF; font-weight:bold; display:inline-block; padding:7px 28px; border-radius:100px; font-size:14px;}

.logo-footer {margin-bottom:21px; text-align: center;}
.logo-header, .logo-header a, .logo-footer, .logo-footer a {display:block;}

.form-border input, .form-border textarea {border:1px solid #333 !Important}





.blog-posts-wrapper {
  padding: 28px 0;
}

.blog-posts-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 60px;
}

.blog-post-card {
  background: #f9f9f9;
  border-radius: 8px;
  overflow: hidden;
  transition: box-shadow 0.3s ease;
}

.blog-post-card:hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.blog-post-thumb img {
  width: 100%;
  height: auto;
  display: block;
}

.blog-post-meta {
  padding: 15px;
}

.blog-post-date {
  font-size: 0.85rem;
  color: #888;
  margin-bottom: 5px;
}

.blog-post-title {
  font-size: 1.2rem;
  margin: 0 0 10px;
}

.blog-post-title a {
  color: #333;
  text-decoration: none;
}

.blog-post-excerpt a {
  color: #555;
  font-size: 0.95rem;
  text-decoration: none;
}

.blog-pagination {
  text-align: center;
  margin-top: 40px;
}

.blog-pagination a,
.blog-pagination span {
  display: inline-block;
  margin: 0 5px;
  padding: 8px 12px;
  background: #eee;
  color: #333;
  border-radius: 4px;
  text-decoration: none;
}

.blog-pagination .current {
  background: #333;
  color: #fff;
}











/*NEW CSS*/
.popup-content form button, .hero-button, .footer-container h4, .insaniburger, .insaniburger h1, .insaniburger h2, .insaniburger h3, .insaniburger h4, .insaniburger h5, .insaniburger h6, .insaniburger p, .insaniburger a {font-family: 'Insaniburger with Cheese', sans-serif !Important;  letter-spacing: 0.03em;}


.lista {list-style: none; padding: 0; margin: 0;}
.lista li {display: flex; align-items: center; gap: 14px; margin:21px 0;}
.lista li img {width: 42px; height: 42px; border-radius: 50%; object-fit: cover; flex-shrink: 0;}



.social-links {list-style: none; display: flex; gap: 14px; padding: 0; margin-top:21px !Important; align-items: center;}
.social-links li {display: flex;}
.social-links a {display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; transition: transform 0.2s ease, opacity 0.2s ease;}
.social-links img {width: 100%; height: auto; display: block; border-radius:100px;}
.social-links a:hover {transform: scale(1.2); opacity: 0.85;}



/*RESPONSIVE*/
@media (max-width: 900px){
.footer-column {flex: 1 1 450px;}
.footer-column {margin-bottom:90px;}
.footer-column:last-child {margin-bottom:0px;}

  
footer {text-align:center;}
.social-links {justify-content: center; margin-left: auto; margin-right: auto;} 
.footer-contact a {flex-direction: column; gap: 8px; text-align: center;}
  
}

@media (max-width: 769px){
.footer-bottom .footer-container {gap:28px;}
.footer-bottom p, .footer-bottom p span, .footer-bottom p a  {display:inline;}
.footer-bottom p, .footer-bottom a {text-align:center;  margin:0 auto;}
}


@media (max-width: 1024px) {
.custom-menu-toggle {display: block;}
.custom-nav {display: none; position: absolute; top: 100%; left: 0; width: 100%; border-top:1px solid #1B4F41; background: #F8F4EC; z-index: 9999;}
.custom-nav ul {flex-direction: column;}
.custom-nav ul li {margin:0; padding:0;}
.custom-nav ul li a {display:block; margun:0 auto; text-align:center; padding:14px; }
.custom-nav.active {display: block;}
.custom-nav ul li:last-child a {color:#333; font-weight:500; background:transparent; padding:14px; border-radius:0px;}
.custom-nav ul li:last-child a:hover {text-decoration:underline; background:transparent;}
}



















/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.0
*/




@font-face {
    font-family: 'Insaniburger with Cheese';
    src: url('/wp-content/themes/hello-elementor-child/assets/fonts/subset-InsaniburgerwithCheese.woff2') format('woff2'),
        url('/wp-content/themes/hello-elementor-child/assets/fonts/subset-InsaniburgerwithCheese.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}







html {font-weight:500; font-size:18px;}
body {color:#333; font-weight:500;}
h1, h2, h3, h4, h5, h6 {font-weight: 800; margin: 0; margin-bottom:28px; line-height:1.5;}
html, body, h1, h2, h3, h4, h5, h6, a, ul, ul li {font-family: 'Montserrat', sans-serif;}
h1 {font-size: 28px;}
h2 {font-size: 26px;}
h3 {font-size:20px; }
h4 {font-size: 18px;}
h5 {font-size: 18px;}
h6 {font-size: 18px;}
p {margin:0; margin-bottom:28px; padding: 0; line-height:1.5;}
p:last-child {margin-bottom:0;}
a {text-decoration: none; color:#333;}
ul {list-style:none;}




.single-post #content {max-width:1200px; margin:0 auto;}



.custom-posts-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 60px; font-family: "Montserrat";}
.custom-post {background: #fff; border-radius:10px; overflow: hidden; text-align: left; transition: transform 0.2s ease; padding:28px; }
.custom-post:hover {transform: translateY(-4px);}
.custom-post img {width: 100%; height: 180px; object-fit: cover; display: block; border-radius:10px !Important;}
.custom-date {background: #1B4F42; color: #fff; font-size: 14px; padding: 7px 35px; margin:21px 0 14px 0; border-radius: 100px; display: inline-block;}
.custom-post h3 {font-size: 18px; font-weight: 800; color: #1B4F42; text-transform: uppercase; line-height: 1.3; margin-bottom:14px;}
.custom-post h3 a {text-decoration: none; color: inherit;}
.custom-post p a {color: #333; font-size: 16px; line-height: 1.4; text-decoration: none; display: block;}
.custom-post p a:hover {text-decoration: none;}


input {-webkit-appearance: none;}
input, label, select, button, textarea {margin:0; border:0; padding:0; display:inline-block; vertical-align:middle; white-space:normal; background:none; line-height:1;}
input:focus {outline:0;}
textarea:focus {outline:0;}
input, textarea {-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
button, input[type=reset], input[type=button], input[type=submit], input[type=checkbox], input[type=radio], select {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=password], input[type=range], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week]{}
input[type=checkbox], input[type=radio] {width:13px; height:13px;}
input[type=file]{}
input[type=search] {-webkit-appearance:textfield; -webkit-box-sizing:content-box;}
::-webkit-search-decoration{display:none;}
button, input[type="reset"], input[type="button"], input[type="submit"] {overflow:visible; width:auto;}
::-webkit-file-upload-button {padding:0; border:0; background:none;}
textarea {vertical-align:top;overflow:auto;}







.form input, .form textarea {padding:21px; border:0; border-radius:5px; margin-bottom:14px; color:#333; font-size:16px; font-weight:500; font-family: "Montserrat"; background:#FFF;}
.form textarea {height:150px;}

.elementor-kit-6 button {width:100%; border-radius:5px !Important; padding:28px !Important;}
.elementor-kit-6 button:hover {background:#2F7C66}
.elementor-kit-6 button:focus {background:#1B4F41}


input::placeholder, textarea::placeholder {color: #333;opacity: 1;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #333;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #333;}
input:-moz-placeholder, textarea:-moz-placeholder {color: #333;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #333;}



/*FOOTER*/
#site-footer {width: 100%; background-image: url("/wp-content/themes/hello-elementor-child/assets/img/bg5.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; display: flex; align-items: center; justify-content: center; position: relative;}

#site-footer {padding: 90px 28px; font-family: "Montserrat"; color: #FFF;}
.footer-container {display: flex; flex-wrap: wrap; gap: 40px; max-width: 1200px; margin: auto; justify-content: space-between; font-weight: 500;}
.footer-container h4 {font-size:24px; font-weight:800; color:#FFF; margin-bottom:28px;}
.footer-container p {font-size:18px; }
.footer-container ul {margin:0; padding:0;}
.footer-container ul li {font-size:18px; list-style:none;}
.footer-container ul li:first-child {margin-top:0;}
.footer-container ul li:last-child {margin-bottom:0;}
.footer-container ul li a:hover {text-decoration:underline; color:#FFF;}
.footer-column {flex: 1 1 250px;}
.footer-logo {max-width: 180px; margin-bottom: 28px;}
.footer-menu ul {margin:0; padding:0;}
.footer-menu li {margin: 28px 0;}
.footer-menu a {text-decoration: none; color: #FFF;}



.footer-contact {list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 28px;}
.footer-contact li {display: block;}
.footer-contact a {display: flex; align-items: center; gap: 14px; text-decoration: none; color: inherit; line-height: 1.4;}
.footer-contact .icon {flex-shrink: 0; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center;}
.footer-contact .icon img {width: 100%; height: auto; display: block; border-radius: 100px;}
.footer-contact a:hover {opacity: 0.7;}








.footer-bottom {border:0; background:#FFF; margin:0; padding: 28px; text-align:center; }
.footer-bottom p {font-size: 16px; font-family: "Montserrat"; color: #333; margin:0; display: flex; align-items: center;}
.footer-bottom p a {color:#333; display:flex; font-weight: bold;}
.footer-bottom p a:hover {text-decoration:none; color:#333;}
.footer-bottom .by {opacity:0.5; display: flex; align-items: center;}
.footer-bottom .by:hover {opacity:1;}
.footer-bottom .by:focus {opacity:1;}
.footer-bottom p span {display:block; margin:0 7px;}


.custom-header {background: #F8F4EC; color: #333; }
.custom-container {display: flex; justify-content: space-between; align-items: center; padding: 14px 28px; position: relative; max-width:1200px; width:100%; margin:0 auto;}
.custom-nav ul {list-style: none; display: flex; margin: 0; padding: 0;}
.custom-nav ul li {margin-left: 56px;}
.custom-nav ul li:first-child {margin-left:0px;}
.custom-nav ul li:last-child {}
.custom-nav ul li:last-child a {color:#FFF; font-weight:bold; background:#1B4F41; padding:7px 28px; border-radius:100px;}
.custom-nav ul li:last-child a:hover {text-decoration:none; background:#2F7C66;}
.custom-nav ul li a {color: #333; text-decoration: none; font-weight: 500;}
.custom-nav ul li a:hover {text-decoration:underline;}  
.custom-nav ul li a:focus {text-decoration:none;} 
.custom-menu-toggle {display: none; max-width:28px; width:100%; cursor: pointer; user-select: none;}
.custom-menu-toggle svg {fill:#1B4F41;}


.page .custom-post-date, .page .page-header {display:none;}


.single-post #content {padding:56px 28px;}

.custom-featured-image {display:block; margin:28px 0;}

.custom-post-date {background:#1B4F41; color:#FFF; font-weight:bold; display:inline-block; padding:7px 28px; border-radius:100px; font-size:14px;}

.logo-footer {margin-bottom:21px; text-align: center;}
.logo-header, .logo-header a, .logo-footer, .logo-footer a {display:block;}
.logo-header img {max-width:100px;}
.form-border input, .form-border textarea {border:1px solid #333 !Important}

.custom-header 




.blog-posts-wrapper {
  padding: 28px 0;
}

.blog-posts-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 60px;
}

.blog-post-card {
  background: #f9f9f9;
  border-radius: 8px;
  overflow: hidden;
  transition: box-shadow 0.3s ease;
}

.blog-post-card:hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.blog-post-thumb img {
  width: 100%;
  height: auto;
  display: block;
}

.blog-post-meta {
  padding: 15px;
}

.blog-post-date {
  font-size: 0.85rem;
  color: #888;
  margin-bottom: 5px;
}

.blog-post-title {
  font-size: 1.2rem;
  margin: 0 0 10px;
}

.blog-post-title a {
  color: #333;
  text-decoration: none;
}

.blog-post-excerpt a {
  color: #555;
  font-size: 0.95rem;
  text-decoration: none;
}

.blog-pagination {
  text-align: center;
  margin-top: 40px;
}

.blog-pagination a,
.blog-pagination span {
  display: inline-block;
  margin: 0 5px;
  padding: 8px 12px;
  background: #eee;
  color: #333;
  border-radius: 4px;
  text-decoration: none;
}

.blog-pagination .current {
  background: #333;
  color: #fff;
}











/*NEW CSS*/
.hero-title, .footer-container h4, .insaniburger, .insaniburger h1, .insaniburger h2, .insaniburger h3, .insaniburger h4, .insaniburger h5, .insaniburger h6, .insaniburger p, .insaniburger a {font-family: 'Insaniburger with Cheese', sans-serif !Important;}


.lista {list-style: none; padding: 0; margin: 0;}
.lista li {display: flex; align-items: center; gap: 14px; margin:21px 0;}
.lista li img {width: 42px; height: 42px; border-radius: 50%; object-fit: cover; flex-shrink: 0;}



.social-links {list-style: none; display: flex; gap: 14px; padding: 0; margin-top:21px !Important; align-items: center;}
.social-links li {display: flex;}
.social-links a {display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; transition: transform 0.2s ease, opacity 0.2s ease;}
.social-links img {width: 100%; height: auto; display: block; border-radius:100px;}
.social-links a:hover {transform: scale(1.2); opacity: 0.85;}



/*RESPONSIVE*/
@media (max-width: 900px){
.footer-column {flex: 1 1 450px;}
.footer-column {margin-bottom:90px;}
.footer-column:last-child {margin-bottom:0px;}

  
footer {text-align:center;}
.social-links {justify-content: center; margin-left: auto; margin-right: auto;} 
.footer-contact a {flex-direction: column; gap: 8px; text-align: center;}
  
}

@media (max-width: 769px){
.footer-bottom .footer-container {gap:28px;}
.footer-bottom p, .footer-bottom p span, .footer-bottom p a  {display:inline;}
.footer-bottom p, .footer-bottom a {text-align:center;  margin:0 auto;}
}


@media (max-width: 1024px) {
.custom-menu-toggle {display: block;}
.custom-nav {display: none; position: absolute; top: 100%; left: 0; width: 100%; border-top:1px solid #1B4F41; background: #F8F4EC; z-index: 9999;}
.custom-nav ul {flex-direction: column;}
.custom-nav ul li {margin:0; padding:0;}
.custom-nav ul li a {display:block; margun:0 auto; text-align:center; padding:14px; }
.custom-nav.active {display: block;}
.custom-nav ul li:last-child a {color:#333; font-weight:500; background:transparent; padding:14px; border-radius:0px;}
.custom-nav ul li:last-child a:hover {text-decoration:underline; background:transparent;}
}











.hero-banner {
  width: 100%;
  background-size: contain; /* evita cortar a imagem */
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}



/*.hero-banner {width: 100%; min-height: 600px; height: 600px; background-size: cover; background-position: center; background-repeat: no-repeat; display: flex; align-items: center;}*/
.hero-container {max-width: 1140px; margin: 0 auto; padding: 90px 28px; width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 28px;}

.hero-content {flex: 1; color: #fff;}
.hero-title {font-size: 40px; margin-bottom: 5px;}
.hero-title-two {color:#fbe401; font-size:62px;}

.hero-description {font-size: 20px; margin-bottom: 21px; font-family: "Montserrat";}

.hero-button {display: block; text-align: center; padding: 14px 32px; background: #fbe401; color: #333; text-decoration: none; border-radius: 100px; font-weight: 600;}
.hero-button:hover {opacity:0.7; color: #333;}
.hero-button:focus {opacity:1; color: #333;}
.hero-image {flex: 1; display: flex; align-items: center; justify-content: flex-end;}

.hero-image img {max-height: 420px; width: auto; max-width: 100%; object-fit: contain;}

@media (max-width: 767px) {
.ocultar {display: none !Important;}
}

@media (max-width: 768px) {
.hero-title {font-size: 30px;}
.hero-title-two {font-size:52px;}
.hero-description {font-size: 18px;}
/*.hero-banner {min-height: 700px;}*/
.hero-container {flex-direction: column; text-align: center; padding: 56px 28px;}
.hero-image {order: -1; justify-content: center;}
.hero-image img {max-height: 240px;}
}









.menu-toggle { display: flex; align-items: center; justify-content: center; }
.menu-close {position: absolute; top: 24px; right: 24px;}

.menu-toggle svg, .menu-close svg {width: 21px; height: 21px; display: block;}
.menu-toggle svg path, .menu-close svg path {fill: #FFF; transition: fill 0.2s ease, transform 0.2s ease;}

.menu-toggle:hover, .menu-close:hover {background: #ff803c;}
.menu-toggle:focus, .menu-close:focus {outline: none;}
.menu-toggle, .menu-close {background: #ff803c !important; padding: 14px; border-radius: 100px; border: none; cursor: pointer;}




/* HEADER */
.custom-header {background: #fff; position: relative; z-index: 100;}
.custom-header a:hover {opacity: 0.5;}
.custom-header a:focus {opacity: 1;}

.custom-container {max-width: 1140px; margin: 0 auto; padding: 20px 28px; display: flex; align-items: center; justify-content: space-between;}

/* MENU DESTAQUE */
.menu-highlight {display: flex; gap: 35px;}
.menu-highlight a {font-size: 14px; text-decoration: none; font-weight: 600; padding: 0x; border-radius: 100px; color: #333;}
.menu-highlight .um {background: #ffc800; color: #333; }
.menu-highlight .dois {background: #61156e; color: #FFF;}
.menu-highlight .tres {background: #e1057a; color: #FFF;}

.menu-close, .menu-highlight .um, .menu-highlight .dois, .menu-highlight .tres, .menu-toggle  {transition: transform 0.2s ease, opacity 0.2s ease;}
.menu-toggle:hover, .menu-close:hover, .menu-highlight .um:hover, .menu-highlight .dois:hover, .menu-highlight .tres:hover, .menu-toggle:hover {transform: scale(1.1); opacity: 0.5;}
.menu-toggle:focus, .menu-close:focus, .menu-highlight .um:focus, .menu-highlight .dois:focus, .menu-highlight .tres:focus, .menu-toggle:focus {transform: scale(1);}





.social-links {list-style: none; display: flex; gap: 14px; padding: 0; margin-top:21px !Important; align-items: center;}
.social-links li {display: flex;}
.social-links a {display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; }
.social-links img {width: 100%; height: auto; display: block; border-radius:100px;}




/* HAMBURGUER */
.menu-toggle {font-size: 28px; background: none; border: none; cursor: pointer;}

/* POPUP */
.menu-popup {position: fixed; inset: 0; background: #fff; display: none; z-index: 9999; padding: 0px 28px; margin:0 auto;}
.menu-popup ul {padding:0;}
.menu-popup.active {display: block;}



/* MENU INTERNO */
.menu-popup-nav {margin-top: 56px;}

.menu-popup-list {list-style: none; padding: 0; margin: 0;}

.menu-popup-list li {margin-bottom: 35px;}

.menu-popup-list a {font-size: 21px; font-weight: 600; text-decoration: none; color: #333; transition: transform 0.2s ease, opacity 0.2s ease;}


.menu-popup-list a:hover {color:#61156e}


/* ÁREA DIREITA DO HEADER */
.header-actions {
  display: flex;
  align-items: center;
  gap: 32px;
}

/* RESPONSIVO */
@media (max-width: 1024px) {
  .menu-highlight {
    display: none;
  }
}








.container-menu {max-width: 1140px; width: 100%; margin:0 auto;}



.hero-swiper .swiper-pagination-bullet {--swiper-pagination-bullet-horizontal-gap: 7px; --swiper-pagination-bullet-vertical-gap: 7px; width: 14px; height: 14px; background:#FFF;}

.swiper-button-next:after, .swiper-button-prev:after {color:#FFF; font-weight: bold; font-size:21px !Important;}






.form-box {display: none; font-family: 'Montserrat', sans-serif;}
.form-box.active {display: block;}
.show-options {margin:0 auto; margin-top:21px; text-align:center; display: block; cursor: pointer; padding:7px; background: #333; border:0px solid #333; color: #FFF; font-size: 14px; border-radius:100px; font-weight: bold;}
.show-options:hover {opacity:0.5;}
.show-options:focus {opacity:1;}

.forms-wrapper {padding:0; margin:0;}
.forms-wrapper h3 {font-family: 'Insaniburger with Cheese', sans-serif !Important; font-size: 24px;}
.forms-wrapper input, .forms-wrapper select, .forms-wrapper textarea {color: #333; border: 1px solid #666 !Important; background: #FFF; border-radius:7px !Important; padding:14px !Important; font-family: 'Montserrat', sans-serif; margin:10px 0;}
.forms-wrapper button {border:0; margin-top:14px; padding:21px; display: block; border-radius: 7px; display: block; max-width: 100%; width: 100%; background: #61156E; color: #FFF; font-family: 'Insaniburger with Cheese', sans-serif !Important;}
.forms-wrapper textarea {min-height:150px;}


.bt-bg {letter-spacing: 0.03em; transition: transform 0.2s ease, opacity 0.2s ease; color: #FFF !Important; text-align: center;}
.bt-bg:hover {transform: scale(1.1); opacity: 0.7; cursor: pointer;}
.bt-bg:focus {transform: scale(1); opacity: 1;}

.bt-bg {color: #FFF; border:0; border-radius: 100px; display: block; max-width: 100%; width: 100%; margin:21px 0; padding: 21px; font-family: 'Insaniburger with Cheese', sans-serif !Important; }
.bt-bg-1, .bt-bg-1:hover {background: #4CC737;}
.bt-bg-2, .bt-bg-2:hover {background: #E31C24;}
.bt-bg-3, .bt-bg-3:hover {background: #353B48;}
.bt-bg-4, .bt-bg-4:hover {background: #273C75;}



.form-row {display: grid; grid-template-columns: 80px 1fr; gap: 15px;}

















.form-box,
.form-box * {
  box-sizing: border-box;
}

.form-box input,
.form-box select,
.form-box textarea,
.form-box button {
  font: inherit;
  color: inherit;
  outline: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

/* Exceções obrigatórias */
.form-box input[type="checkbox"],
.form-box input[type="radio"],
.form-box input[type="file"] {
  -webkit-appearance: revert;
  appearance: revert;
}







.custom-header {-webkit-box-shadow: 0px 0px 3px 3px #00000033; box-shadow: 0px 0px 3px 3px #00000033;}



.popup-overlay {position: fixed; inset: 0; font-family: 'Montserrat', sans-serif; background: rgba(0,0,0,.6); display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: opacity .3s ease; z-index: 9999;}
.popup-overlay.popup-active {opacity: 1; pointer-events: auto;}
.popup-content {background: #fff; padding: 28px; width: 100%; max-width: 769px; border-radius: 7px; position: relative; transform: scale(.9); transition: transform .3s ease;}
.popup-content h2 {font-weight: bold; font-size: 18px;}
.popup-content p { font-size: 16px;}
.popup-overlay.popup-active .popup-content {transform: scale(1);}
.popup-content form input, .popup-content form select {font-size: 16px; border:1px solid #DDD; padding:14px; margin:7px 0; color: #333;}
.popup-content form button {font-weight:bold; border:0; background:#E2057A; display:block; max-width:100%; width:100%; padding:14px; margin:0; margin-top:21px;}
.popup-content form button:hover {opacity: 0.5; border:0; background:#E2057A;}
.popup-close {position: absolute; top: 14px; right: 14px; width: 36px; height: 36px; padding: 0; background: transparent; border: 0; cursor: pointer; display: flex; align-items: center; justify-content: center;}
.popup-close:hover {background:transparent;}
.popup-close svg {width: 28px; height: 28px; fill: #333; transition: transform .2s ease, fill .2s ease;}
.popup-close:hover svg {fill: #E2057A; transform: rotate(90deg);}
.popup-close:focus {outline: none;}
.popup-close:focus-visible {outline: 2px solid #333; outline-offset: 3px;}
.logxerg a {color:#FFF !Important; cursor: pointer;}



.disclaimer {font-size: 12px; display:block; margin-top:21px;}
.disclaimer a, .disclaimer a:hover {color:#333;}




.product-flavors {max-width: 1140px; margin: 0 auto;}

/* NOVO: grid das colunas */
.flavors-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 63px; /* espaço entre as colunas */
  margin-top: 14px;
}

/* sua lista continua igual */
.flavor-list {list-style: none; padding: 0; margin: 0;}

.flavor-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 0;
  border-bottom: 1px solid #FFF;
}

.flavor-name {font-weight: 600; color:#FFF;}

.allergens {display: flex; gap: 21px; flex-wrap: wrap;}

.allergens img {width: 28px; height: 28px;}

/* Mobile: 1 coluna */
@media (max-width: 1024px) {
  .flavors-grid{
    grid-template-columns: 1fr;
    gap: 0;
  }

  .flavor-list li {
    flex-direction: column;
    align-items: flex-start;
  }

  .allergens {
    margin-top: 6px;
  }
}








/* ===== BARRA FIXA DE ALERGÊNICOS (sempre visível) ===== */
.alergenos-bar{
  position: fixed;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 9999999;
    font-family: 'Montserrat', sans-serif;
}

.alergenos-bar__wrap{
  max-width: 1140px;
  margin: 0 auto;
  background: #fff;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.10);
  box-shadow: 0 14px 40px rgba(0,0,0,.22);
  padding: 21px;

  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 14px;
  align-items: center;
}

.alergenos-bar__title{
  display: block;
  font-weight: 900;
  font-size: 13px;
  letter-spacing: .3px;
  margin-bottom: 4px;
}

.alergenos-bar__text{
  margin: 0;
  font-size: 12px;
  line-height: 1.25;
  color: rgba(0,0,0,.78);

  /* limita pra não ocupar muito */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ÍCONES */
.alergenos-bar__right{
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 21px;
}

.alergenos-ico{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  text-align: center;
}

.alergenos-ico img{
  width: 22px;
  height: 22px;
  filter: invert(1); /* transforma ícone branco em preto */
  opacity: .95;
}

.alergenos-ico span{
  font-size: 10px;
  line-height: 1.05;
  font-weight: 800;
  color: rgba(0,0,0,.80);
  white-space: nowrap;
}

/* ===== MOBILE: otimiza espaço (texto 1 linha + grid em 5 colunas) ===== */
@media (max-width: 1024px){
.alergenos-bar{margin:0 auto;  left: 0px; right: 0px; bottom: 0px;}
.alergenos-bar__wrap{grid-template-columns: 1fr; gap: 21px; padding: 21px 12px; border-radius:0; border:0;}
.alergenos-bar__text{-webkit-line-clamp: 4;}


  .alergenos-ico img{ width: 21px; height: 21px; }
  .alergenos-ico span{ font-size: 9px; }
}






.mobile-r {display: none;}

@media (max-width: 1024px) {
.desktop-r {display: none;}
.mobile-r {display: block;}
}







.zap-wrapper {position: fixed; right: 21px; bottom: 21px; z-index: 9999; font-family: 'Montserrat', sans-serif;}
.zap-menu {position: absolute; bottom: 72px; right: 0; width: 300px; background: #fff;border-radius: 7px; box-shadow: 0 15px 35px rgba(0,0,0,.18); padding: 14px; display: none; flex-direction: column; gap: 14px;}
.zap-item {display: flex; align-items: center; gap: 7px; padding: 14px; border-radius: 7px; background: #f6f6f6; color: #333; text-decoration: none; font-size: 14px; font-weight: 500; transition: background .2s ease, transform .15s ease;}
.zap-item:hover {background: #eaeaea; transform: translateX(2px);}
.zap-item svg {width: 28px; height: 28px; fill: #25D366; flex-shrink: 0;}
.zap-toggle {display: inline-flex; align-items: center; gap: 7px; padding: 14px 21px; border-radius: 999px; background: #25D366; color: #fff; font-size: 14px; font-weight: 600; text-decoration: none; cursor: pointer; box-shadow: 0 10px 25px rgba(0,0,0,.2); animation: zapPulse 1.6s infinite;}
.zap-toggle svg {width: 28px; height: 28px; fill: currentColor;}
.zap-wrapper.open .zap-menu {display: flex;}

  @keyframes zapPulse {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.06); }
    100% { transform: scale(1); }
  }

  @media (max-width: 420px) {
    .zap-menu {
      width: 230px;
    }

    .zap-toggle span {
      font-size: 13px;
    }
  }


  .mapa iframe {display: block;}


.menu-toggle {display: none;}
@media (max-width: 1070px) {
.menu-toggle {display: block;}
.menu-highlight {display: none}
}