/* ======================== HOME - FEATURE ======================== */
section#garanta_protecao { display: flex;flex-direction: column; padding: 15vh 0  5vh; overflow: hidden;}
section#garanta_protecao .row {flex-direction: row;}
section#garanta_protecao .row .left {  display: flex; flex-direction: column; gap: var(--spac6); z-index: 2;}
section#garanta_protecao .row .right img { margin-top: -40px;}
section#garanta_protecao h1 {}
section#garanta_protecao p.title {color: var(--darkgreen); font-size: 18px; font-weight: var(--font-light);}

section#garanta_protecao ul.diferenciais {display: flex;flex-direction: row; gap: var(--spac6); padding: var(--spac8) 0;width: max-content;}
section#garanta_protecao .diferenciais li {display: flex;flex-direction: row;gap: var(--spac4); padding-right: var(--spac6); border-right: 1px solid var(--border-color);}
section#garanta_protecao .diferenciais li:last-child { border-right: 0;padding-right: 0;}
section#garanta_protecao .diferenciais li i {width: 24px; height: 24px; background-color: var(--lightgreen);}
section#garanta_protecao .diferenciais li p {color: var(--darkgreen); font-size: 14px; font-weight: var(--font-medium);line-height: 1.4;}

/* ================== ART ================== */
section#garanta_protecao .row .right img.base-img { opacity: 0;}
section#garanta_protecao .row .right { position: relative;}
section#garanta_protecao .row .right ul.art { position: absolute; top: -20px; left: 0; width: 100%; height: 100%;}
section#garanta_protecao .row .right ul.art li { position: absolute; background-color: var(--gray800); background-size: cover !important; background-position: center !important; border-radius: 2vw; zoom: 1.2; box-shadow: -16px -16px 0 #00332a0f; animation: float 8s ease-in-out infinite; overflow: hidden;display: flex; justify-content: center;}
section#garanta_protecao .row .right ul.art li video { height: 100%;}
section#garanta_protecao .row .right ul.art li.one { top: 4vw;left: 5vw;width: 9vw;height: 9vw; animation-duration: 11s;background: url(../../img/2024/art/two.webp); }
section#garanta_protecao .row .right ul.art li.two { top: 1vw;left: 15vw;width: 9vw;height: 12vw;animation-duration: 8.3s; background: url(../../img/2024/art/one.webp); }
section#garanta_protecao .row .right ul.art li.tree { top: -1vw;left: 25vw;width: 5vw;height: 5vw;animation-duration: 11.4s;background: url(../../img/2024/art/tree.webp); }
section#garanta_protecao .row .right ul.art li.four { top: 5vw;left: 25vw;width: 12vw;height: 8vw;animation-duration: 8.5s;background: url(../../img/2024/art/four.webp); }
section#garanta_protecao .row .right ul.art li.five { top: 14vw;left: 1vw;width: 8vw;height: 10vw;animation-duration: 8.3s;background: url(../../img/2024/art/five.webp); }
section#garanta_protecao .row .right ul.art li.six { top: 14vw;left: 10vw;width: 9vw;height: 13vw;animation-duration: 11.7s;background: url(../../img/2024/art/six.webp); }
section#garanta_protecao .row .right ul.art li.seven { top: 14vw;left: 20vw;width: 17vw;height: 9vw;animation-duration: 8.5s;background: url(../../img/2024/art/seven.webp); }
section#garanta_protecao .row .right ul.art li.eight { top: 28vw;left: 13vw;width: 6vw;height: 8vw;animation-duration: 12.4s;background: url(../../img/2024/art/eight.webp); }
section#garanta_protecao .row .right ul.art li.nine { top: 24vw;left: 20vw;width: 11vw;height: 8vw;animation-duration: 8.3s;background: url(../../img/2024/art/nine.webp); }




@media (min-width: 1400px) { 
  section#garanta_protecao .row .right ul.art li { border-radius: 30px; zoom: 1;}
  section#garanta_protecao .row .right ul.art li.one { top: 13%;left: 15%;width: 23%;height: 25%;}
  section#garanta_protecao .row .right ul.art li.two { top: 6%;left: 41%;width: 24%;height: 32%;}
  section#garanta_protecao .row .right ul.art li.tree { top: 0%;left: 68%;width: 13%;height: 14%;}
  section#garanta_protecao .row .right ul.art li.four { top: 17%;left: 68%;width: 32%;height: 21%;}
  section#garanta_protecao .row .right ul.art li.five {top: 41%;left: 4%;width: 21%;height: 26%;}
  section#garanta_protecao .row .right ul.art li.six { top: 41%;left: 28%;width: 22%;height: 34%;}
  section#garanta_protecao .row .right ul.art li.seven { top: 41%;left: 53%;width: 45%;height: 24%;}
  section#garanta_protecao .row .right ul.art li.eight { top: 78%;left: 35%;width: 16%;height: 23%;}
  section#garanta_protecao .row .right ul.art li.nine { top: 68%;left: 54%;width: 29%;height: 21%;}
}
@keyframes float {
  0% {
      transform: translateY(0px);
  }
  50% {
      transform: translateY(-8px);
  }
  100% {
      transform: translateY(0px);
  }
}
.fade-in-div {
  opacity: 0;
  animation: fadeIn 2s forwards;
}
@keyframes fadeIn {
  to {
      opacity: 1;
  }
}

@media (max-width: 1200px) { 
     section#garanta_protecao ul.diferenciais {width: auto;}
}
section#garanta_protecao .row .right ul.art li span { display: none;}
@media (max-width: 1015px) { 
     section#garanta_protecao {padding-top: 61px !important;}
     section#garanta_protecao .row {flex-direction: column-reverse; padding: 0;}   
     section#garanta_protecao .row .left {padding: 0 4%;}    
     section#garanta_protecao .row .right { height: 120px;}
     
     section#garanta_protecao .row .right img.base-img { display: none !important;}

     section#garanta_protecao .row .right ul.art { display: flex !important; gap: 0;}

     section#garanta_protecao .row .right ul.art li { border-radius: 0; zoom: 1; border: 0;box-shadow: 0 0 0; width: 100% !important; height: 140px !important; top: 0 !important; left: inherit !important; position: relative;  }
     section#garanta_protecao .row .right ul.art li span { display:flex; width: 100%;; height: 100%;background: linear-gradient(180deg, #edf7ed00, #f3f9f1); position: fixed;z-index: 2;}


     section#garanta_protecao .row .right ul.art li.one {display: none;visibility: hidden}
     section#garanta_protecao .row .right ul.art li.four {display: none;visibility: hidden}
     section#garanta_protecao .row .right ul.art li.five {display: none;visibility: hidden}
     section#garanta_protecao .row .right ul.art li.eight {display: none;visibility: hidden}
     section#garanta_protecao .row .right ul.art li.seven {display: none;visibility: hidden}

     section#garanta_protecao .row .right ul.art li.one video {display: none;visibility: hidden}
     section#garanta_protecao .row .right ul.art li.eight video {display: none;visibility: hidden}
     section#garanta_protecao .row .right ul.art li.seven video {display: none;visibility: hidden}

     @keyframes float {
          0% {
              transform: translateY(0px);
          }
          50% {
              transform: translateY(0);
          }
          100% {
              transform: translateY(0px);
          }
        }
 }
 @media (max-width: 750px) { 
     section#garanta_protecao {  padding-top: 100px;}
     section#garanta_protecao ul.diferenciais {flex-direction: column;gap: var(--spac4);padding: 0 0;}
     section#garanta_protecao .diferenciais li {border-right: 0;}
}


/* ======================== HOME - CLIENTS ======================== */
section#clients { width: -webkit-fill-available; display: flex; padding:0}
section#clients .box-darkbg { align-items: center; padding: var(--spac12) 0; gap: var(--spac12); border-radius:0 0 var(--box-border-radius) var(--box-border-radius); }
section#clients .box-darkbg h3 { font-weight: var(--font-light); padding: 0 var(--spac3);text-align: center;}

section#clients ul.google {display: flex; gap: var(--spac3); align-items: center;}
section#clients ul.google li {display: flex; gap: var(--spac2);color: var(--darkgreen);}
section#clients ul.google li i {width: 17px; height: 16px; background-color:#F9AC11;}
section#clients ul.google li a {color: var(--darkgreen); font-size: 13px; text-decoration: underline;}

@media (max-width: 600px) { 
     section#clients { padding: 0 0 var(--spac10) 0}
     section#clients .box-darkbg { padding: var(--spac8) 0; gap: var(--spac12); }
     section#clients ul.google {display: grid; grid-template-columns: 1fr 1fr 1fr; }
     section#clients ul.google li { justify-content: center;}
}

section#clients .avaliation {display: flex; gap: var(--spac12); align-items: center; }


/* ======================== HOME - DIFERENCIAIS ======================== */
section#diferenciais {  width: -webkit-fill-available; display: flex; padding: var(--spac16) 0}
section#diferenciais h2 { padding: 0 var(--spac3);text-align: center;padding-bottom: var(--spac12);}
section#diferenciais .grid-container{grid-template-columns: 3fr 1fr;  }
section#diferenciais .grid-container.last {grid-template-columns: 1fr 1fr;padding-top: var(--spac10);}
section#diferenciais .grid-container .box-darkbg {display: flex; align-items: start; gap: var(--spac10); padding: 0;position: relative; flex-direction: row; }
section#diferenciais .grid-container .box-darkbg ul { display: flex;width: -webkit-fill-available; }
section#diferenciais .grid-container .box-darkbg ul li { padding: var(--spac8); display: flex; gap: var(--spac4); flex-direction: column; }

@media (max-width: 900px) { 
     section#diferenciais .grid-container{grid-template-columns: inherit;display: flex; flex-direction: column;gap: var(--spac6);  }
     section#diferenciais .grid-container .box-darkbg.end {flex-direction: column;}
     section#diferenciais .grid-container .box-darkbg {gap: var(--spac6);}
     section#diferenciais .grid-container.last {padding-top: var(--spac6);}

     section#clients .avaliation {display: flex; flex-direction: column; gap: var(--spac8); }


}
@media (max-width: 600px) { 
     section#diferenciais { padding: var(--spac10) 0}
     section#diferenciais .grid-container .box-darkbg ul li { padding: var(--spac6); }
}

/* ======================== HOME - COMO FUNCIONA ======================== */
section#funciona {  width: -webkit-fill-available; display: flex; padding: var(--spac16) 0}
section#funciona h2 { padding: 0 var(--spac3);text-align: center;padding-bottom: var(--spac12); }
section#funciona ul {grid-template-columns: 1fr 1fr 1fr 1fr; gap: var(--spac18); }
section#funciona ul li {display: flex; flex-direction: column; gap: var(--spac8); align-items: flex-start; }
section#funciona ul li img {height: 65px; }
section#funciona ul li div {display: flex; flex-direction: column; gap: var(--spac4); }
section#funciona ul li div span {display: flex; flex-direction: column; gap: var(--spac1); }
section#funciona .last {display: flex; flex-direction: column; gap: var(--spac4); padding: var(--spac12) 0 0 }
section#funciona .last .excep i {background-color: var(--lightgreen);}

@media (max-width: 900px) { 
     section#funciona ul {grid-template-columns: inherit;display: flex; flex-direction: column;gap: var(--spac10); }
     section#funciona ul li {flex-direction: row;gap: var(--spac6);}
     section#funciona ul li div{ gap: var(--spac2);}
     section#funciona ul li img { width: 72px;}
}
@media (max-width: 600px) { 
     section#funciona { padding: var(--spac10) 0}
}

/* ======================== HOME - RISCOS E BENEFICIOS ======================== */
section#riscos-e-beneficios { width: -webkit-fill-available; display: flex; padding: var(--spac16) 0}
section#riscos-e-beneficios h2 { padding: 0 var(--spac3);text-align: center;padding-bottom: var(--spac12); }
section#riscos-e-beneficios .box-darkbg {  gap: var(--spac8);  }
section#riscos-e-beneficios .box-darkbg:first-child { background: #c4535317; }
section#riscos-e-beneficios .box-darkbg:last-child { background: #53c46c1c; }
section#riscos-e-beneficios .box-darkbg span { display: flex; gap: var(--spac2); align-items: center; }
section#riscos-e-beneficios .box-darkbg ul { display: flex; flex-direction: column; gap: var(--spac4); }
section#riscos-e-beneficios .box-darkbg ul li { list-style:disc; margin-left: var(--spac4); padding-left: var(--spac1); color: var(--darkgreen); }
section#riscos-e-beneficios .box-darkbg span i.close-rectangle { width: 24px; height: 24px; background-color: var(--red); }
section#riscos-e-beneficios .box-darkbg span i.check-rectangle { width: 24px; height: 24px; background-color: var(--lightgreen); }

@media (max-width: 600px) { 
     section#riscos-e-beneficios { padding: var(--spac10) 0}
     section#riscos-e-beneficios .flex-container {  gap: var(--spac6); flex-direction: column;  }

}

/* ======================== HOME - REGISTRAR ======================== */
section#registro { width: -webkit-fill-available; display: flex; padding: var(--spac16) 0}
section#registro h2 { padding: 0 var(--spac3);text-align: center;padding-bottom: var(--spac12); }
section#registro ul {  gap: 1px; display: grid; grid-template-columns: 1fr 1fr; border-radius: var(--box-border-radius-small); overflow: hidden; }
section#registro ul li { display: flex; background-color: var(--lightbg); padding: var(--spac4);gap: var(--spac2); align-items: center; }
section#registro ul li i { background-color: var(--lightgreen); }
section#registro ul li p { color: var(--darkgreen); }

@media (max-width: 900px) { 
     section#registro .flex-container {  gap: var(--spac6); flex-direction: column;  }
     section#registro .flex-column {  gap: var(--spac6);   }

 
}
@media (max-width: 600px) { 
     section#registro { padding: var(--spac10) 0}
     section#registro ul {grid-template-columns: 1fr;} 
     section#registro ul li {padding: var(--spac3);}
     section#registro ul li p {font-size: 15px;}
}

/* ================= HOME - VANTAGENS (COMPARATIVO NOVO) ==================== */
section#vantagens { width: -webkit-fill-available; display: flex; padding: var(--spac8) 0 var(--spac16) 0}
section#vantagens .title { gap: var(--spac12); }
section#vantagens .title h2 {align-self: start;}

section#vantagens .grid-container {  grid-template-columns: 1fr 2fr; }
section#vantagens .quadros {  gap: 0; display: flex; }
section#vantagens .box-darkbg.concorrencia {  background-color: transparent; }
section#vantagens .box-darkbg.concorrencia ul li {  padding: var(--spac4) 0; }
section#vantagens .box-darkbg img { width: 160px; position: relative; display: flex; align-self: center; padding-bottom: var(--spac8); }
section#vantagens .box-darkbg h3 { padding-bottom: var(--spac2); }

section#vantagens ul {  gap: 1px; display: flex; flex-direction: column; border-radius: var(--box-border-radius-small); overflow: hidden; }

section#vantagens ul li { display: flex; background-color: var(--lightbg); padding: var(--spac4);gap: var(--spac2); align-items: center; }
section#vantagens ul li i { background-color: var(--lightgreen); }
section#vantagens .concorrencia ul li i { background-color: var(--gray300); }
section#vantagens ul li p { color: var(--darkgreen); }

@media (max-width: 900px) { 
     section#vantagens .grid-container {  display: flex; flex-direction: column-reverse; }

}
@media (max-width: 600px) { 
     section#vantagens .quadros {  gap: 0; display: flex; flex-direction: column; }
     section#vantagens .box-darkbg.concorrencia { padding: var(--spac6) 0;}
     section#vantagens .box-darkbg.concorrencia ul li {  padding: var(--spac1) 0; }
     section#vantagens ul li {padding: var(--spac3);}
     section#vantagens ul li p {font-size: 15px;}
}

/* ======================== HOME - COMPARATIVO ======================== */
#comparativo { width: -webkit-fill-available; display: flex; padding: var(--spac16) 0}
#comparativo h2 { padding: 0 var(--spac3);text-align: center;padding-bottom: var(--spac12); }
#comparativo table { }
#comparativo table td, #comparativo table th { padding: var(--spac6); }
#comparativo table thead th { background-color: var(--lightbg);}
#comparativo table tr:nth-child(odd) {background-color:var(--darkbg);}
#comparativo table tr td:first-child{border-radius: var(--spac1) 0 0 var(--spac1);}
#comparativo table tr td:last-child{border-radius: 0 var(--spac1) var(--spac1) 0;}

#comparativo table td:nth-child(odd), #comparativo table th:nth-child(odd) { font-weight: var(--font-semibold); color: var(--darkgreen); font-size: 18px; }

#comparativo table td:first-child, #comparativo table th:first-child {width: 35%;}

@media (max-width: 600px) { 
     #comparativo { padding: var(--spac10) 0; }
     #comparativo table h4 { font-size: 14px; }
     #comparativo table td, #comparativo table th { font-size: 14px;padding: var(--spac3); }
     #comparativo table td:nth-child(odd), #comparativo table th:nth-child(odd) { font-size: 14px; }

}

/* ======================== HOME - DEPOIMENTOS ======================== */
section#depos { width: -webkit-fill-available; display: flex; padding: var(--spac16) var(--spac4); overflow: hidden; flex-direction: column;align-items: center; }
section#depos .box-depos { display: flex; flex-direction: row; gap: var(--spac4);width: 100%; justify-content: center; z-index: 1; max-width: 1920px;}
section#depos h2 { padding: 0 var(--spac3);text-align: center;padding-bottom: var(--spac20); }
section#depos ul {  position: relative; display: flex; flex-direction: column; gap: var(--spac4); will-change: transform; backface-visibility: hidden; transform-style: preserve-3d; }
section#depos ul li { background-color: var(--white); border: 1px solid var(--darkbg); border-radius: var(--box-border-radius); padding: var(--spac10); z-index: 2; transition: .1s; max-width: 320px; transform-origin: center; }
section#depos ul li p { font-size: 14px; width: -webkit-fill-available; }
section#depos ul li:hover { background-color: var(--white);}
section#depos ul li img { mix-blend-mode: multiply; }
section#depos ul li div span p {font-size: 13px;line-height: 1.3; }
section#depos .google { position: relative; display: flex; background-color:var(--darkbg); border: 0; padding: var(--spac10); margin: 20px 0 100px 0 ; border-radius: var(--box-border-radius); z-index: 1; }
section#depos .google div i {width: 23px;height: 21px;background-color: #F9AC11;}
section#depos .google p { color: var(--darkgreen); font-size: 16px;}

section#depos .google img.absolute.left { z-index: -1; top: -50px;left: -85px;opacity: .6; }
section#depos .google img.absolute.right {z-index: -1;bottom: -55px;right: -85px;opacity: .6; }

/* Rating */
section#depos .depo-rating {display: flex;gap: var(--spac1);}
section#depos .depo-rating i.star {width: 16px;height: 16px;background-color: #F9AC11;display: inline-block;-webkit-mask: url(../../img/2024/icons/star.svg) no-repeat center / contain;mask: url(../../img/2024/icons/star.svg) no-repeat center / contain;}
section#depos .depo-rating i.star.empty {background-color: var(--gray300);}
section#depos .depo-time {font-size: 12px;color: var(--gray500)}


/* Carrossel Mobile */
section#depos .depoimentos-carrossel {
     position: relative;
     width: 100%;
     max-width: 320px;
     margin: 0 auto;
}
section#depos .carrossel-container {
     position: relative;
     width: 100%;
     overflow: hidden;
     border-radius: var(--box-border-radius);
     min-height: 200px; /* Altura mínima para evitar colapso */
}
section#depos .carrossel-track {
     width: 100%;
     display: flex;
     transition: transform 0.3s ease-in-out;
     will-change: transform;
     align-items: flex-start; /* Alinhar no topo para evitar espaços */
}
section#depos .carrossel-slide {
     min-width: 100%;
     max-width: 100%;
     flex-shrink: 0;
     padding: 0;
     display: flex;
     align-items: flex-start; /* Alinhar no topo */
     justify-content: center;
}
section#depos .carrossel-slide li {
     max-width: 90%;
     width: 100%;
     background-color: var(--white);
     border: 1px solid var(--darkbg);
     border-radius: var(--box-border-radius);
     padding: var(--spac10);
     margin: 0 auto; /* Centralizar */
}

/* Botões do carrossel */
section#depos .carrossel-btn {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     background-color: var(--white);
     border: 2px solid var(--darkbg);
     border-radius: 50%;
     width: 40px;
     height: 40px;
     font-size: 24px;
     color: var(--darkgreen);
     cursor: pointer;
     z-index: 10;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: all 0.3s ease;
     box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
section#depos .carrossel-btn:hover {
     background-color: var(--darkbg);
     transform: translateY(-50%) scale(1.1);
}
section#depos .carrossel-btn:active {
     transform: translateY(-50%) scale(0.95);
}
section#depos .carrossel-prev {
     left: -20px;
}
section#depos .carrossel-next {
     right: -20px;
}

/* Indicadores do carrossel */
section#depos .carrossel-indicators {
     display: flex;
     justify-content: center;
     gap: var(--spac2);
     margin-top: var(--spac6);
     z-index: 10;
     display: none;
}
section#depos .carrossel-indicator {
     width: 10px;
     height: 10px;
     border-radius: 50%;
     border: 2px solid var(--darkbg);
     background-color: var(--darkbg);
     cursor: pointer;
     transition: all 0.3s ease;
     padding: 0;
}
section#depos .carrossel-indicator.active {
     border: 2px solid var(--darkgreen);
     background-color: var(--darkgreen);
     transform: scale(1.2);
}
section#depos .carrossel-indicator:hover {
     background-color: var(--gray300);
     border-color: var(--gray300);
}

@media (max-width: 1500px) { 
     section#depos ul li {padding: var(--spac6);}
}
@media (max-width: 1223px) { 
     section#depos { padding: var(--spac10) 0; }
     section#depos .depoimentos-carrossel { max-width: 92%; }
     section#depos .carrossel-prev { left: -15px; }
     section#depos .carrossel-next { right: -15px; }
     section#depos .carrossel-btn {
          width: 35px;
          height: 35px;
          font-size: 20px;
          display: flex;
          align-items: center;
          justify-content: center;
     }
section#depos .google { margin: 0 0 24px 0 ; }

}

@media (max-width: 800px) { 
     section#depos h2 {padding-bottom: var(--spac12);z-index: 2;}
     section#depos ul li {flex-direction: column !important; gap: var(--spac6);padding: var(--spac6); align-items: start !important;}
     section#depos ul img.absolute.left { left: -25px;  }
     section#depos ul img.absolute.right { right: -25px;  }
     section#depos ul li.google {  flex-direction: column-reverse !important;align-items: center !important;} 
     section#depos ul li.google p {font-size: 15px; }
     /* Ajustes dos botões do carrossel em mobile */

     section#depos .google { flex-direction: column !important; gap: var(--spac4); }
     section#depos .google span{ flex-direction: column !important; gap: var(--spac4); }
     section#depos .google p { text-align: center !important;}

}


/* ======================== HOME - PERGUNTAS E BLOG ======================== */
#perguntas-e-blog { width: -webkit-fill-available; display: flex; padding: var(--spac16) 0}
#perguntas-e-blog h3 {padding-bottom: var(--spac12); }
#perguntas-e-blog .grid-container { grid-template-columns: 3fr 1fr; gap: var(--spac16); }
#perguntas-e-blog .grid-container .blog { display: flex; flex-direction: column;   }
#perguntas-e-blog .grid-container .blog ul.blog-ul { display: flex; flex-direction: column; gap: var(--spac10);  transition: .2s; }
#perguntas-e-blog .grid-container .blog ul.blog-ul li a { display: flex; flex-direction: column; gap: var(--spac4); }
#perguntas-e-blog .grid-container .blog ul.blog-ul li figure { width: -webkit-fill-available; height: 80px; border-radius: var(--box-border-radius-small); overflow: hidden; transition: .2s; }
#perguntas-e-blog .grid-container .blog ul.blog-ul li a:hover figure { height: 120px; }
#perguntas-e-blog .grid-container .blog ul.blog-ul li a:hover h5 { text-decoration: underline; }

#perguntas-e-blog .grid-container ul.perguntas li { display: flex; flex-direction: column; border-bottom: 1px solid var(--border-color); transition: .2s;  }
#perguntas-e-blog .grid-container ul.perguntas li:last-child { border-bottom: 0 }
#perguntas-e-blog .grid-container ul.perguntas li.active { background-color: var(--darkbg); border-color: transparent; border-radius: var(--box-border-radius-small); }
#perguntas-e-blog .grid-container ul.perguntas li:hover { background-color: #f1f1eb82;  }
#perguntas-e-blog .grid-container ul.perguntas li span { align-items: center; padding: var(--spac6); cursor: pointer;    }
#perguntas-e-blog .grid-container ul.perguntas li p { max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;padding: 0 var(--spac6); }
#perguntas-e-blog .grid-container ul.perguntas li.active p { max-height: 500px; padding: var(--spac6); padding-top: 0; }
#perguntas-e-blog .grid-container ul.perguntas li span i{transition: .2s;}
#perguntas-e-blog .grid-container ul.perguntas li.active span i{transform: rotate(180deg);}

@media (max-width: 800px) { 
     #perguntas-e-blog .grid-container  { gap: var(--spac6); }

}
@media (max-width: 600px) { 
     #perguntas-e-blog  { padding: var(--spac10) 0; }
     #perguntas-e-blog .grid-container  { gap: var(--spac10); grid-template-columns: 1fr; }
     #perguntas-e-blog .grid-container .blog ul.blog-ul li figure {align-items: start !important; height: 110px;  }
     #perguntas-e-blog .grid-container .blog ul.blog-ul li figure img { width: 100%; }
     #perguntas-e-blog h3 { font-size: 26px; text-align: center; }
}



/* ======================== HOME - PRONTO PARA REGISTRAR ======================== */
section#pronto_registrar { width: -webkit-fill-available; display: flex; padding: var(--spac20) 0; margin-top: var(--spac12); border-top: 1px solid var(--border-color);}
section#pronto_registrar .grid-container { grid-template-columns: 1fr 1fr; }
section#pronto_registrar p.title { color: var(--darkgreen); font-size: 18px; font-weight: var(--font-light); }
section#pronto_registrar h2 {font-size: 46px;line-height: calc(var(--base-font-size) * 3.5)}

@media (max-width: 1000px) { 
     section#pronto_registrar { width: -webkit-fill-available; display: flex; padding: var(--spac10) 0; margin-top: var(--spac8); }

     section#pronto_registrar form .form_division {flex-direction: column;}
     section#pronto_registrar h2 { font-size: 26px;line-height: calc(var(--base-font-size) * 2);}
     section#pronto_registrar .grid-container {grid-template-columns: 1fr; }
}