/*
Theme Name:MINAS LAB
Theme URI: https://www.wacars.com.br
Author: OMNIA VFX
Author URI: https://www.omniavfx.com.br
Description: Na MinasLab, tornamos as análises laboratoriais uma experiência descomplicada. Nossa abordagem eficiente proporciona resultados precisos de forma rápida, oferecendo facilidade na interpretação para impulsionar decisões agrícolas assertivas. Conte conosco para transformar dados em ação, simplificando o caminho para o sucesso em suas práticas agrícolas.
Version: 1.6
Text Domain: WA Cars
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

:root {
 --mainColor: #29444F;
 --corSecundaria: #33BCAF;
 --white: #FFFFFF;
 --sombras: #4B4B4B;
 --lighter: #94E3DC;
 --brighterGreen: #d0fefa;
 --transition: 0.3s ease;
}

* {
 margin: 0;
 padding: 0;
 box-sizing: border-box;
}

html, body {
 
 font-family: "Roboto", sans-serif;
 overflow-x: hidden;
}

header,
nav {
  position: relative;
  z-index: 999999 !important;
}

.elementor {
  position: relative;
  z-index: 1 !important;
}


body.no-scroll {
  overflow: hidden;
}

nav {
 padding: 25px 0;
 background-color: var(--white);
 box-shadow: 0 4px 15px rgba(0,0,0,0.05);
 z-index: 1000; 
 animation: fadeInDown 0.8s ease forwards;
  
}

@keyframes fadeInDown {
 from {
  opacity: 0;
  transform: translateY(-20px);
 }
 to {
  opacity: 1;
  transform: translateY(0);
 }
}

.container {
 width: 85%;
 margin: 0 auto;
}

.nav-wrapper {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 25px;
}

nav img {
 width: 200px;
 height: auto;
 transition: transform var(--transition);
}

nav img:hover {
 transform: scale(1.05);
}

.links ul {
 display: flex;
 list-style: none;
 gap: 28px;
}

.links ul li a {
 text-decoration: none;
 color: var(--mainColor);
 font-weight: 500;
 position: relative;
 transition: color var(--transition);
}

.links ul li a::after {
 content: "";
 position: absolute;
 bottom: -6px;
 left: 0;
 width: 0%;
 height: 2px;
 background-color: var(--corSecundaria);
 transition: width var(--transition);
}

.links ul li a:hover {
 color: var(--corSecundaria);
}

.links ul li a:hover::after {
 width: 100%;
}

button.areacliente {
 background-color: var(--corSecundaria);
 color: var(--mainColor);
 border: none;
 padding: 13px 25px;
 border-radius: 12px;
 font-weight: 700;
 cursor: pointer;
 box-shadow: 0 4px 10px rgba(51,188,175,0.25);
 transition: all var(--transition);
}

button.areacliente:hover {
 background-color: var(--lighter);
 transform: translateY(-2px);
 box-shadow: 0 6px 15px rgba(51,188,175,0.35);
}

.socialmedia {
 display: flex;
 gap: 18px;
 font-size: 1.3rem;
}

.socialmedia a {
 color: var(--mainColor);
 transition: color var(--transition), transform var(--transition);
}

.socialmedia a:hover {
 color: var(--corSecundaria);
 transform: scale(1.2);
}


.hamburger {
 display: none;
 flex-direction: column;
 justify-content: space-between;
 width: 25px;
 height: 18px;
 cursor: pointer;
}

.hamburger span {
 display: block;
 height: 3px;
 width: 100%;
 background-color: var(--mainColor);
 border-radius: 5px;
 transition: all var(--transition);
}

/* Garante que o X/Hambúrguer fique branco sobre o fundo escuro do menu mobile */
.hamburger.active span {
    background-color: var(--white); 
}


/* Menu Mobile em Tela Cheia */
.mobile-menu {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 0; /* Começa fechado */
 /* Cor do Dark Blue (#29444F) com 90% de opacidade */
 background-color: rgba(41, 68, 79, 0.9); 
 overflow: hidden;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 gap: 35px;
 transition: all 0.5s ease;
 z-index: 9999; /* Fica acima de TUDO */
}

.mobile-menu.active {
 height: 100vh; /* Abre em tela cheia */
}

.mobile-menu ul {
 list-style: none;
 text-align: center;
 display: flex;
 flex-direction: column;
 gap: 25px;
 padding: 0;
}

.mobile-menu ul li a {
 color: var(--white);
 font-size: 1.5rem;
 text-decoration: none;
 transition: color var(--transition);
}

.mobile-menu ul li a:hover {
 color: var(--corSecundaria);
}

.mobile-menu .areacliente {
 background-color: var(--corSecundaria);
 color: var(--mainColor);
 font-size: 1.2rem;
 padding: 15px 35px;
}

.mobile-menu .socialmedia {
 font-size: 1.8rem;
}

.mobile-menu .socialmedia a {
 color: var(--white);
}

.mobile-menu .socialmedia a:hover {
 color: var(--corSecundaria);
}


/* Animação do X */
.hamburger.active span:nth-child(1) {
 transform: translateY(7px) rotate(45deg);
}
.hamburger.active span:nth-child(2) {
 opacity: 0;
}
.hamburger.active span:nth-child(3) {
 transform: translateY(-7px) rotate(-45deg);
}

footer {
  padding: 50px 0 20px 0;
  background-color: var(--mainColor);
  color: var(--white);
}

.footer-wrapper {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 60px; 
  flex-wrap: wrap;
}

.w-33 {
  width: 30%;
  min-width: 280px;
}

.w-33 img {
  width: 180px;
  height: auto;
  margin-bottom: 15px;
}

.w-33 h3 {
  color: var(--corSecundaria);
  font-size: 18px;
  margin-bottom: 12px;
}

.w-33 p {
  color: var(--white);
  font-size: 15px;
  line-height: 1.6;
}

.w-33 ul {
  list-style: none;
  padding: 0;
}

.w-33 ul li {
  margin-bottom: 8px;
}

.w-33 ul li a {
  color: var(--white);
  text-decoration: none;
  transition: var(--transition);
}

.w-33 ul li a:hover {
  color: var(--corSecundaria);
}


.footer-social {
  text-align: center;
  margin: 50px 0 30px 0;
}

.footer-social h3 {
  font-size: 18px;
  color: var(--white);
  font-weight: 600;
  margin-bottom: 15px;
}

.social-icons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.social-icons a {
  color: var(--white);
  font-size: 26px;
  transition: var(--transition);
}

.social-icons a:hover {
  color: var(--corSecundaria);
}


.footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--corSecundaria);
  padding-top: 15px;
  font-size: 14px;
  opacity: 0.85;
}

.footer-bottom strong {
  color: var(--corSecundaria);
  font-weight: 500;
}

.eael-feature-list-icon-inner {
  background-color: var(--mainColor) !important;
}


/* Media Query */


@media (max-width: 1370px) {
  
  .links,
  .socialmedia,
  .areacliente {
    display: none;
  }

  
  .hamburger {
    display: flex;
    z-index: 10000;
    position: relative;
    cursor: pointer;
    flex-direction: column;
    gap: 5px;
  }

  .hamburger span {
    width: 26px;
    height: 3px;
    background: #1c8e88;
    border-radius: 2px;
    transition: all 0.3s ease;
  }

  
  .hamburger.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
  }
  .hamburger.active span:nth-child(2) {
    opacity: 0;
  }
  .hamburger.active span:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
  }

  
  .mobile-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(26, 58, 58, 0.97);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 25px;
    z-index: 9999;
    transition: all 0.3s ease;
  }

  .mobile-menu.active {
    display: flex;
  }

  .mobile-menu ul {
    list-style: none;
    text-align: center;
    padding: 0;
  }

  .mobile-menu ul li {
    margin: 10px 0;
  }

  .mobile-menu a {
    color: #fff;
    font-size: 1.2rem;
    text-decoration: none;
    font-weight: 500;
  }

  .mobile-menu .areacliente {
    background: #1c8e88;
    color: #fff;
    border: none;
    padding: 10px 22px;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 600;
    transition: background 0.3s;
  }

  .mobile-menu .areacliente:hover {
    background: #15736e;
  }

  .mobile-menu .socialmedia {
    display: flex;
    gap: 18px;
  }

  .mobile-menu .socialmedia i {
    color: #fff;
    font-size: 1.4rem;
    transition: color 0.3s;
  }

  .mobile-menu .socialmedia i:hover {
    color: #1c8e88;
  }
}
@media (max-width: 768px) {
  .footer-wrapper {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .footer-bottom {
    flex-direction: column;
    text-align: center;
    gap: 10px;
  }

  .w-33 img {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 15px;
}
}

/*personalização elementor*/

@media (max-width: 1280px) {
  /* classe que você colocou no container pai, sem o ponto quando inserir no Elementor */
  .stack-1280 {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  /* garantir que os filhos ocupem 100% e não mantenham largura fixa */
  .stack-1280 > .elementor-column,
  .stack-1280 > .elementor-element,
  .stack-1280 > .elementor-container,
  .stack-1280 > .elementor-widget-wrap,
  .stack-1280 > * {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* alguns widgets têm wrappers internos, garantir que também fiquem ok */
  .stack-1280 .elementor-column-wrap,
  .stack-1280 .elementor-widget {
    width: 100% !important;
  }
}

.wpcf7-form-control{
   border: 2px solid var(--corSecundaria);
   padding: 10px 0;
   border-radius: 20px;
   width: 100%;
   margin: 5px 0;
}


input[type="submit"] {
   width: 40%;
   padding: 20px 15px;
   color: var(--white);
   background-color: var(--corSecundaria);
   border: none;
   font-size: 1.2rem;
   transition: all .5s ease-in-out;
}


input[type="submit"]:hover{
    cursor: pointer;
    background-color: var(--mainColor);
}


textarea{
    resize: none;
}


/* blog*/
.blog-container {
  max-width: 1250px;
  margin: 0 auto;
  padding: 60px 20px;
}

/* GRID DE POSTS */
.posts-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 40px;
}

.post-card {
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
  transition: transform .25s ease, box-shadow .25s ease;
  border: 1px solid #e8e8e8;
}

.post-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);
}

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

.post-card-content {
  padding: 22px;
}

.post-card h2 {
  font-size: 24px;
  margin-bottom: 12px;
  font-weight: 600;
  color: #111;
}

.post-card p {
  color: #555;
  line-height: 1.6;
  font-size: 16px;
}

/* LAYOUT DO BLOG COM SIDEBAR */
.blog-wrapper {
  display: grid;
  grid-template-columns: 3fr 1fr;
  gap: 60px;
  max-width: 1400px;
  margin: 0 auto;
  padding: 60px 20px;
}

/* Sidebar geral */
.blog-sidebar {
  background: #ffffff;
  padding: 25px;
  border-radius: 14px;
  border: 1px solid #e6e6e6;
  box-shadow: 0 6px 20px rgba(0,0,0,0.06);
  display: flex;
  flex-direction: column;
  gap: 40px;
}

/* Títulos das seções */
.blog-sidebar .sidebar-section h3 {
  font-size: 22px;
  margin-bottom: 15px;
  color: #222;
  font-weight: 600;
}

/* LISTAS padrões */
.blog-sidebar ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.blog-sidebar ul li {
  margin-bottom: 12px;
}

.blog-sidebar ul li a {
  text-decoration: none;
  color: #444;
  font-size: 16px;
  transition: color .2s, padding-left .2s;
}

.blog-sidebar ul li a:hover {
  color: #008a60;
  padding-left: 4px;
}

/* BUSCA */
.sidebar-search form {
  display: flex;
  gap: 10px;
}

.sidebar-search input {
  flex: 1;
  padding: 12px 14px;
  border-radius: 8px;
  border: 1px solid #ccc;
  font-size: 15px;
}

.sidebar-search button {
  padding: 12px 18px;
  background: #008a60;
  border-radius: 8px;
  border: none;
  color: #fff;
  cursor: pointer;
  transition: opacity .2s;
}

.sidebar-search button:hover {
  opacity: .85;
}

/* TAG CLOUD */
.sidebar-tags .tag-cloud a {
  display: inline-block;
  padding: 6px 12px;
  background: #f3f3f3;
  border-radius: 10px;
  margin: 6px;
  font-size: 14px !important;
  color: #444;
  transition: background .2s, color .2s;
}

.sidebar-tags .tag-cloud a:hover {
  background: #008a60;
  color: #fff;
}

/* CTA */
.sidebar-cta {
  background: linear-gradient(135deg, #008a60, #00a572);
  padding: 22px;
  border-radius: 14px;
  color: #fff;
  box-shadow: 0 4px 14px rgba(0,0,0,0.15);
}

.sidebar-cta h3 {
  font-size: 22px;
  color: #fff;
}

.sidebar-cta p {
  font-size: 15px;
  margin-bottom: 15px;
  opacity: .9;
}

.sidebar-cta .cta-button {
  display: inline-block;
  padding: 12px 16px;
  background: #fff;
  color: #008a60;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 600;
  transition: opacity .2s;
}

.sidebar-cta .cta-button:hover {
  opacity: .8;
}



/* SINGLE PAGE */
.single-wrapper {
  max-width: 920px;
  margin: 0 auto;
  padding: 60px 20px;
}

.breadcrumb {
  font-size: 15px;
  margin-bottom: 25px;
  display: flex;
  gap: 10px;
  opacity: .8;
}

.single-featured img {
  width: 100%;
  border-radius: 18px;
  margin-bottom: 35px;
  box-shadow: 0 4px 22px rgba(0, 0, 0, 0.06);
}

.single-title {
  font-size: 48px;
  line-height: 1.2;
  margin-bottom: 30px;
  font-weight: 700;
}

.single-content {
  font-size: 21px;
  line-height: 1.8;
  color: #2a2a2a;
}

.single-navigation {
  display: flex;
  justify-content: space-between;
  margin-top: 70px;
}

/* POSTS RELACIONADOS */
.related-posts {
  margin-top: 100px;
}

.related-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 35px;
}

.related-card {
  transition: transform .25s ease, box-shadow .25s ease;
}

.related-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);
}

.related-card img {
  width: 100%;
  border-radius: 12px;
  margin-bottom: 12px;
  height: 180px;
  object-fit: cover;
}

.related-card h4 {
  font-size: 19px;
  font-weight: 600;
}

.blog-wrapper a {
  color: inherit;
  text-decoration: none;
}

.blog-wrapper a:hover {
  opacity: .8;
}

.btn-read-more {
  display: inline-block;
  background: #1A3A3A;
  color: #fff !important;
  padding: 10px 18px;
  border-radius: 8px;
  margin-top: 15px;
  font-weight: 600;
  font-size: 15px;
}

.btn-read-more:hover {
  background: #1C8E88;
}

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

.pagination-wrapper .page-numbers {
  display: inline-block;
  padding: 10px 15px;
  margin: 0 5px;
  border-radius: 8px;
  background: #f1f1f1;
  color: #1A3A3A;
  font-weight: 600;
}

.pagination-wrapper .page-numbers.current {
  background: #1A3A3A;
  color: #fff;
}

.pagination-wrapper .page-numbers:hover {
  background: #1C8E88;
  color: #fff;
}


/* WRAPPER GERAL */
.comments-area {
  margin-top: 50px;
  border-top: 1px solid #e5e5e5;
  padding-top: 40px;
  font-family: Arial, sans-serif;
}

/* TÍTULO */
.comments-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 25px;
  color: #222;
}

/* LISTA DE COMENTÁRIOS */
.comment-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.comment {
  display: flex;
  gap: 20px;
  padding: 25px 0;
  border-bottom: 1px solid #eee;
}

.comment:last-child {
  border-bottom: none;
}

/* AVATAR */
.comment .avatar {
  border-radius: 50%;
  width: 60px;
  height: 60px;
}

/* BLOCO DO COMENTÁRIO */
.comment-body {
  flex: 1;
}

.comment-meta {
  margin-bottom: 8px;
}

.comment-author {
  font-size: 16px;
  font-weight: 600;
  color: #111;
}

.comment-metadata {
  font-size: 13px;
  color: #777;
}

/* TEXTO DO COMENTÁRIO */
.comment-content {
  font-size: 15px;
  line-height: 1.6;
  color: #444;
  margin-bottom: 12px;
}

/* LINK RESPONDER */
.reply a {
  font-size: 14px;
  text-decoration: none;
  color: #1c8e88;
  background: #e9f7f6;
  padding: 6px 14px;
  border-radius: 6px;
  transition: 0.2s;
}

.reply a:hover {
  background: #1c8e88;
  color: white;
}

/* FORMULÁRIO DE COMENTÁRIO */
.comment-respond {
  margin-top: 45px;
  padding: 30px;
  background: #f9f9f9;
  border-radius: 10px;
  border: 1px solid #e5e5e5;
}

.comment-reply-title {
  font-size: 22px;
  margin-bottom: 15px;
  font-weight: 600;
}

.comment-form label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
}

.comment-form input,
.comment-form textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 15px;
  margin-bottom: 15px;
  transition: 0.2s border-color;
}

.comment-form input:focus,
.comment-form textarea:focus {
  border-color: #1c8e88;
  outline: none;
}

.comment-form textarea {
  min-height: 140px;
}

.comment-form .submit {
  background: #1c8e88;
  color: white;
  padding: 12px 25px;
  border-radius: 8px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  transition: 0.2s;
}

.comment-form .submit:hover {
  background: #166b66;
}


.home-posts {
  max-width: 1300px;
  margin: 60px auto;
  padding: 0 20px;
}

.home-posts-title {
  font-size: 32px;
  margin-bottom: 30px;
  text-align: center;
  font-weight: 600;
}

.home-posts-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 35px;
}

.home-post-card {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid #eee;
  transition: all .25s ease;
}

.home-post-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 22px rgba(0,0,0,0.12);
}

.home-post-thumb img {
  width: 100%;
  height: 240px;
  object-fit: cover;
}

.home-post-content {
  padding: 20px;
}

.home-post-content h3 {
  font-size: 22px;
  margin-bottom: 10px;
}

.home-post-content p {
  color: #555;
  font-size: 16px;
}

.home-post-btn {
  display: inline-block;
  margin-top: 12px;
  padding: 10px 20px;
  background: var(--corSecundaria);
  color: white;
  border-radius: 8px;
  text-decoration: none;
  font-size: 15px;
  transition: .2s;
}

.home-post-btn:hover {
  background: var(--corSecundaria)

}