.elementor-4819 .elementor-element.elementor-element-43a0d11a{--display:flex;--min-height:328px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.75;}.elementor-4819 .elementor-element.elementor-element-43a0d11a::before, .elementor-4819 .elementor-element.elementor-element-43a0d11a > .elementor-background-video-container::before, .elementor-4819 .elementor-element.elementor-element-43a0d11a > .e-con-inner > .elementor-background-video-container::before, .elementor-4819 .elementor-element.elementor-element-43a0d11a > .elementor-background-slideshow::before, .elementor-4819 .elementor-element.elementor-element-43a0d11a > .e-con-inner > .elementor-background-slideshow::before, .elementor-4819 .elementor-element.elementor-element-43a0d11a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-text );--background-overlay:'';}.elementor-4819 .elementor-element.elementor-element-43a0d11a:not(.elementor-motion-effects-element-type-background), .elementor-4819 .elementor-element.elementor-element-43a0d11a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-4819 .elementor-element.elementor-element-8e65fad{--display:flex;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:-68px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-4819 .elementor-element.elementor-element-8e65fad:not(.elementor-motion-effects-element-type-background), .elementor-4819 .elementor-element.elementor-element-8e65fad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4819 .elementor-element.elementor-element-6c3bd4a{text-align:center;}.elementor-4819 .elementor-element.elementor-element-6c3bd4a .elementor-heading-title{font-family:"Playfair Display SC", Sans-serif;font-size:34px;font-weight:700;line-height:52px;color:var( --e-global-color-secondary );}.elementor-4819 .elementor-element.elementor-element-ab26c44{--display:flex;--min-height:804px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:112px;--padding-bottom:112px;--padding-left:112px;--padding-right:112px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-4819 .elementor-element.elementor-element-6c3bd4a .elementor-heading-title{font-size:39px;}}@media(min-width:768px){.elementor-4819 .elementor-element.elementor-element-8e65fad{--width:84%;}}@media(max-width:767px){.elementor-4819 .elementor-element.elementor-element-8e65fad{--margin-top:211px;--margin-bottom:-123px;--margin-left:0px;--margin-right:0px;--z-index:10;}.elementor-4819 .elementor-element.elementor-element-6c3bd4a{text-align:center;}.elementor-4819 .elementor-element.elementor-element-6c3bd4a .elementor-heading-title{font-size:18px;line-height:1.7em;}.elementor-4819 .elementor-element.elementor-element-ab26c44{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4819 .elementor-element.elementor-element-52ffdf0{width:100%;max-width:100%;}}/* Start custom CSS for text-editor, class: .elementor-element-52ffdf0 */@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&familys=Montserrat:wght@600;700;800&display=swap');

:root {
  /* Cores da Marca */
  --color-primary-green: #00D223;
  --color-brand-blue: #5B9BD5;
  --color-brand-blue-dark: #1B4A72;
  --color-brand-blue-light: #EAF3FB;
  
  /* Cores Neutras e de Fundo */
  --color-bg-surface: #FFFFFF;
  --color-bg-subtle: #F8FAFC;
  --color-text-main: #1E293B;
  --color-text-muted: #64748B;
  --color-border: #E2E8F0;

  /* Tipografia */
  --font-heading: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Arredondamento e Sombras */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 9999px;
  --shadow-sm: 0 2px 8px rgba(27, 74, 114, 0.06);
  --shadow-md: 0 4px 16px rgba(27, 74, 114, 0.10);
}

/* ==========================================================================
   2. CONTAINER PRINCIPAL DO BLOG
   ========================================================================== */
.blog-content {
  max-width: 860px;
  margin: 0 auto;
  padding: 40px 24px;
  font-family: var(--font-body);
  color: var(--color-text-main);
  line-height: 1.8;
  background-color: var(--color-bg-surface);
}

/* ==========================================================================
   3. TIPOGRAFIA (H1, H2, H3, P, A, STRONG)
   ========================================================================== */

.blog-content h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-brand-blue-dark);
  margin-top: 3.5rem;
  margin-bottom: 1.25rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid var(--color-brand-blue-light);
  scroll-margin-top: 20px;
}

.blog-content h3 {
  font-family: var(--font-heading);
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--color-text-main);
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}

.blog-content p {
  font-size: 1.05rem;
  margin-bottom: 1.5rem;
  color: var(--color-text-main);
}

.blog-content strong {
  color: var(--color-brand-blue-dark);
  font-weight: 600;
}

.blog-content a {
  color: var(--color-brand-blue);
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s ease;
}

.blog-content a:hover {
  color: var(--color-brand-blue-dark);
  text-decoration: underline;
}

/* ==========================================================================
   4. RESET E CORREÇÃO GLOBAL DE LISTAS (MATA O BUG DO MARCADOR DUPLO)
   ========================================================================== */
.blog-content ul {
  list-style: none !important;
  list-style-type: none !important;
  padding: 0;
  margin: 1.5rem 0;
}

.blog-content ul li {
  position: relative;
  padding-left: 1.75rem !important;
  margin-bottom: 0.75rem;
  font-size: 1.025rem;
  line-height: 1.6;
}

/* Cria o Checkmark azul bonito e único */
.blog-content ul li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--color-brand-blue);
  font-weight: 800;
  font-size: 1.1rem;
}

/* ==========================================================================
   5. SUMÁRIO / TABLE OF CONTENTS (ESTILO ESPECIAL)
   ========================================================================== */
/* Título do Sumário */
.blog-content h1 + h2 {
  font-size: 1.15rem;
  border-bottom: none;
  margin-top: 0;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Caixinha do Sumário (Primeira lista logo após o H2 do Índice) */
.blog-content h1 + h2 + ul,
.blog-content h2:first-of-type + ul {
  background-color: var(--color-brand-blue-light);
  border: 1px solid var(--color-border);
  border-left: 5px solid var(--color-brand-blue);
  border-radius: var(--radius-md);
  padding: 1.25rem 1.5rem 1.25rem 2rem !important;
  margin-bottom: 3rem;
  box-shadow: var(--shadow-sm);
}

/* Remove os Checkmarks das opções do Sumário */
.blog-content h1 + h2 + ul li,
.blog-content h2:first-of-type + ul li {
  padding-left: 0 !important;
  margin-bottom: 0.5rem;
}

.blog-content h1 + h2 + ul li::before,
.blog-content h2:first-of-type + ul li::before {
  content: none !important; /* Desativa totalmente o checkmark no índice */
}

.blog-content h1 + h2 + ul a,
.blog-content h2:first-of-type + ul a {
  color: var(--color-brand-blue-dark);
  font-weight: 600;
}

.blog-content h1 + h2 + ul a:hover,
.blog-content h2:first-of-type + ul a:hover {
  color: var(--color-primary-green);
  text-decoration: underline;
}

/* ==========================================================================
   6. SEÇÃO FAQ (#faq)
   ========================================================================== */
.blog-content h2#faq {
  border-bottom-color: var(--color-brand-blue);
}

.blog-content h2#faq ~ h3 {
  background-color: var(--color-bg-subtle);
  padding: 1rem 1.25rem;
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-brand-blue);
  margin-top: 1.75rem;
  margin-bottom: 0.75rem;
  font-size: 1.1rem;
}

.blog-content h2#faq ~ h3 + p {
  padding-left: 1.25rem;
  color: var(--color-text-muted);
}

/* ==========================================================================
   7. BOTÃO CTA / LINK DE TELEFONE (TEL:)
   ========================================================================== */
.blog-content a[href^="tel:"] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: var(--color-primary-green);
  color: #FFFFFF !important;
  padding: 0.5rem 1.25rem;
  border-radius: var(--radius-pill);
  font-weight: 700;
  text-decoration: none !important;
  box-shadow: var(--shadow-sm);
  transition: all 0.2s ease;
}

.blog-content a[href^="tel:"]:hover {
  background-color: #00B31E;
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

/* ==========================================================================
   8. RESPONSIVIDADE (DISPOSITIVOS MÓVEIS)
   ========================================================================== */
@media (max-width: 768px) {
  .blog-content {
    padding: 24px 16px;
  }

  .blog-content h1 {
    font-size: 1.75rem;
  }

  .blog-content h2 {
    font-size: 1.35rem;
  }

  .blog-content h1 + h2 + ul,
  .blog-content h2:first-of-type + ul {
    padding-left: 1.25rem !important;
  }
}/* End custom CSS */