.elementor-3023 .elementor-element.elementor-element-910f7d2{--display:flex;--margin-top:200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3023 .elementor-element.elementor-element-910f7d2 > .elementor-shape-bottom .elementor-shape-fill, .elementor-3023 .elementor-element.elementor-element-910f7d2 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-primary );}.elementor-3023 .elementor-element.elementor-element-910f7d2 > .elementor-shape-bottom svg, .elementor-3023 .elementor-element.elementor-element-910f7d2 > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:85px;}.elementor-3023 .elementor-element.elementor-element-6c885d5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 100px) 0px;}.elementor-3023 .elementor-element.elementor-element-5156bbde{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;--gap:64px 64px;--row-gap:64px;--column-gap:64px;--border-radius:1px 1px 1px 1px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:24px;--padding-right:24px;}.elementor-3023 .elementor-element.elementor-element-5156bbde > .elementor-shape-top .elementor-shape-fill, .elementor-3023 .elementor-element.elementor-element-5156bbde > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#148C44;}.elementor-3023 .elementor-element.elementor-element-5156bbde > .elementor-shape-top svg, .elementor-3023 .elementor-element.elementor-element-5156bbde > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);}.elementor-3023 .elementor-element.elementor-element-5156bbde > .elementor-shape-bottom .elementor-shape-fill, .elementor-3023 .elementor-element.elementor-element-5156bbde > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-primary );}.elementor-3023 .elementor-element.elementor-element-5156bbde > .elementor-shape-bottom svg, .elementor-3023 .elementor-element.elementor-element-5156bbde > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:85px;}.elementor-3023 .elementor-element.elementor-element-5156bbde.e-con{--align-self:center;}.elementor-3023 .elementor-element.elementor-element-438bf04b{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -6px) 0px;}.elementor-3023 .elementor-element.elementor-element-438bf04b.elementor-element{--align-self:center;}.elementor-3023 .elementor-element.elementor-element-302b0465{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3023 .elementor-element.elementor-element-302b0465.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.eael-reading-progress-wrap .eael-reading-progress{height:5px !important;}.eael-reading-progress-wrap .eael-reading-progress .eael-reading-progress-fill{height:5px !important;background-color:var( --e-global-color-accent );transition:width 50ms ease;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-3023 .elementor-element.elementor-element-5156bbde{--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:80px;--padding-bottom:80px;--padding-left:16px;--padding-right:16px;}}@media(max-width:767px){.elementor-3023 .elementor-element.elementor-element-5156bbde{--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:48px;--padding-bottom:48px;--padding-left:16px;--padding-right:16px;}.elementor-3023 .elementor-element.elementor-element-302b0465{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 57px) 0px;}}/* Start custom CSS for html, class: .elementor-element-6c885d5 */:root {
      --primary: #17983a;
      --primary-dark: #11742b;
      --secondary: #eefff5;
      --accent: #17a98c;
      --text-dark: #232323;
      --text-light: #ffffff;
      --border-radius: 18px;
      --shadow: 0 4px 24px 0 rgba(23, 152, 58, 0.10);
    }
    * { box-sizing: border-box; }
    body {
      font-family: 'Montserrat', Arial, sans-serif;
      margin: 0;
      background: url('https://jaconsseg.com.br/storage/2025/03/Jaconsseg-Back.png') no-repeat center center fixed;
      color: var(--text-dark);
      line-height: 1.6;
    }
    .container-pag {
      max-width: 780px;
      margin: 40px auto;
      background: #fff;
      border-radius: 32px;
      box-shadow: var(--shadow);
      padding: 32px 24px;
      box-sizing: border-box;
    }
    .header-pag {
      text-align: center;
      margin-bottom: 30px;
    }
    .logo {
      height: 54px;
      margin-bottom: 16px;
    }
    .title {
      font-size: 2.3rem;
      font-weight: 700;
      color: var(--primary);
      margin-bottom: 12px;
    }
    .subtitle {
      font-size: 1.1rem;
      color: #555;
      margin-bottom: 16px;
    }
    .highlights {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      justify-content: center;
      margin: 32px 0 24px;
    }
    .square {
      background: var(--secondary);
      border-radius: var(--border-radius);
      box-shadow: var(--shadow);
      flex: 1 1 220px;
      min-width: 200px;
      padding: 24px 18px;
      display: flex;
      flex-direction: column;
      align-items: center;
      transition: transform 0.2s, box-shadow 0.2s;
    }
    .square:hover {
      transform: translateY(-8px) scale(1.025);
      box-shadow: 0 8px 32px 0 rgba(23, 152, 58, 0.14);
    }
    .square-icon {
      font-size: 2.3rem;
      color: var(--primary);
      margin-bottom: 10px;
    }
    .square-title {
      font-size: 1.08rem;
      font-weight: 600;
      color: var(--primary-dark);
      margin-bottom: 4px;
    }
    .square-text {
      font-size: 0.97rem;
      color: #3d3d3d;
      text-align: center;
    }
    .cta-section {
      background: var(--primary);
      color: var(--text-light);
      border-radius: var(--border-radius);
      box-shadow: var(--shadow);
      padding: 28px 18px;
      text-align: center;
      margin: 32px 0 0 0;
    }
    .cta-title {
      font-size: 1.3rem;
      font-weight: 700;
      margin-bottom: 12px;
      letter-spacing: 0.01em;
    }
    .cta-desc {
      font-size: 1rem;
      margin-bottom: 18px;
    }
    .botao-cotar-produto {
      padding: 15px 32px;
      font-size: 1.1rem;
      background: var(--accent);
      color: #fff;
      border: none;
      border-radius: 12px;
      font-weight: 700;
      cursor: pointer;
      transition: background 0.17s, box-shadow 0.17s;
      box-shadow: 0 2px 8px 0 rgba(23, 152, 58, 0.10);
      margin-top: 8px;
      letter-spacing: 0.01em;
    }
    .botao-cotar-produto:hover {
      background: var(--primary-dark);
      box-shadow: 0 4px 18px 0 rgba(23, 152, 58, 0.13);
    }
    .form-section {
      margin-top: 32px;
      padding: 24px 14px 16px 14px;
      background: #f6fef9;
      border-radius: var(--border-radius);
      box-shadow: var(--shadow);
      max-width: 520px;
      margin-left: auto;
      margin-right: auto;
    }
    .form-title {
      font-size: 1.1rem;
      font-weight: 600;
      margin-bottom: 12px;
      color: var(--primary-dark);
      text-align: center;
    }
    .form {
      display: flex;
      flex-direction: column;
      gap: 14px;
      margin-top: 8px;
    }
    .input {
      padding: 13px;
      border: 1.3px solid #d6eee2;
      border-radius: 12px;
      font-size: 1rem;
      background: #fff;
      transition: border 0.18s;
    }
    .input:focus {
      border: 1.4px solid var(--primary);
      outline: none;
      background: #f4fff5;
    }
    .form-message {
      font-size: 0.97rem;
      color: #17983a;
      text-align: center;
      margin-top: 6px;
      min-height: 21px;
    }
    .footer {
      margin-top: 32px;
      text-align: center;
      font-size: 0.97rem;
      color: #999;
    }
    @media (max-width: 820px) {
      .container {
        max-width: 98vw;
        padding: 20px 4vw;
      }
      .highlights {
        flex-direction: column;
        gap: 12px;
      }
    }
    @media (max-width: 480px) {
      .header-pag .logo {
        height: 34px;
      }
      .title {
        font-size: 1.4rem;
      }
      .cta-section {
        padding: 16px 8px;
      }
    }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5156bbde *//* Sessão de Perguntas Frequentes (FAQ) */

.faq-container {
    background-color: white;
}

.faq-container h3 {
  font-size: 2.2rem;
  color: #168a4c;
  margin-bottom: 30px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
}

.faq-item {
  margin-bottom: 20px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  overflow: hidden;
}

.faq-question {
  font-size: 1.2rem;
  color: #333;
  background-color: #fff;
  padding: 15px 20px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background-color 0.3s ease;
  list-style: none;
  position: relative;
}

.faq-question::after {
  content: '▼';
  font-size: 1rem;
  color: #168a4c;
  transition: transform 0.3s ease;
}

.faq-item[open] .faq-question::after {
  transform: rotate(-90deg);
}

.faq-question:hover {
  background-color: #f0f0f0;
}

.faq-answer {
  font-size: 1rem;
  color: #555;
  line-height: 1.6;
  padding: 0 20px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.faq-item[open] .faq-answer {
  padding: 15px 20px;
  max-height: 200px;
}

/* Faça sua pergunta */

.question-form {
  margin-top: 30px;
  padding: 20px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background-color: #f9f9f9;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}

.question-form h3 {
  font-size: 2.2rem;
  color: #168a4c;
  margin-bottom: 30px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
}

.question-form p {
  font-size: 1rem;
  color: #555;
  margin-bottom: 20px;
}

.question-form .textarea {
  width: 100%;
  border-radius: 10px;
  resize: vertical;
  font-size: 1rem;
  padding: 10px;
  min-height: 100px;
  box-sizing: border-box;
  margin: 0;
  margin-bottom: 20px;
  margin-top: 15px;
}

.question-form .button-wrapper {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}

.question-form .button {
  background-color:  #60a96c;
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 15px;
  cursor: pointer;
  font-size: 1rem;
  transition: all 0.3s ease;
  margin-top: 0;
  margin-left: 5px;

}

.question-form .button:hover {
  background-color: #148C44;
  transform: scale(1.1);
}

.wpcf7-response-output {
  width: 100%;
  margin: 20px 0 0 0 !important;
  clear: both;
}

.wpcf7-spinner {
  margin: 10px;
  background-color: #168a4c;
  position: static;
}

/* CAPTCHA */

.captcha-image label>input:checked+svg, .captcha-image label>input:focus+svg {
    border: 2px solid #D8BE63;
}

.captcha-image {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.captcha-image label>input+svg {
  color: #148C44
}

/* Form Layout Adjustments */
.wpcf7-form {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.wpcf7-form p {
    margin: 0;
    width: 100%;
}

/* Estilização do Popup */
.wpcf7-response-output {
    background-color: white;
    font-weight:  bold;
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Sans-Serif;
    position: fixed;
    top: 20px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    padding: 15px 30px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    z-index: 9999;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    max-width: 80%;
    text-align: center;
}

.wpcf7-mail-sent-ok {
    background: #4CAF50 !important;
    color: white !important;
}

.wpcf7-mail-sent-ng {
    background: #f44336 !important;
    color: white !important;
}

.wpcf7-response-output.active {
    opacity: 1;
    visibility: visible;
    top: 30px;
}

.wpcf7-response-output::after {
    content: "×";
    position: absolute;
    top: 5px;
    right: 15px;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
}/* End custom CSS */
/* Start custom CSS *//* Media Queries */

@media only screen and (max-width: 768px)  {
  .header-video-container {
      padding: 10px ;
  }
  
  .header-video {
      margin-bottom: 290px !important; 
        
          
    } 

    .security-text {
      max-width: 100% !important;
  }
  
    .button-falar {
    display: block !important;
  }



}/* End custom CSS */