.elementor-18129 .elementor-element.elementor-element-a813ab8{--display:flex;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-8387609 *//* ===========================
   ECO LOHRAX — Estilos do artigo (Elementor)
   =========================== */
:root{
  --elo-text: #111111;              /* Texto principal (alto contraste) */
  --elo-muted: #555555;             /* Texto secundário */
  --elo-bg: #ffffff;                /* Fundo claro */
  --elo-accent: #0A7D3B;            /* Destaque (ajuste à cor da marca) */
  --elo-accent-contrast: #ffffff;   /* Texto sobre o accent */
  --elo-border: #e6e6e6;            /* Bordas sutis */
  --elo-radius: 12px;
  --elo-shadow: 0 4px 14px rgba(0,0,0,.07);
  --elo-maxw: 72ch;                 /* Largura ideal de leitura */
}

/* Container do artigo */
.elementor .seo-article{
  color: var(--elo-text);
  background: var(--elo-bg);
  max-width: var(--elo-maxw);
  margin: 0 auto;
  padding: clamp(16px, 2vw, 24px);
  font-size: 1rem;                  /* 16px base */
  line-height: 1.7;
  word-break: break-word;
}

/* ===== Títulos: visíveis, com hierarquia e contraste ===== */
.elementor .seo-article h1,
.elementor .seo-article h2,
.elementor .seo-article h3,
.elementor .seo-article h4,
.elementor .seo-article h5,
.elementor .seo-article h6{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: var(--elo-text) !important;
  text-indent: 0 !important;
  transform: none !important;
  height: auto !important;
  margin: 0;
}

.elementor .seo-article h1{
  font-size: clamp(1.875rem, 3.5vw, 2.5rem) !important; /* 30–40px */
  line-height: 1.2;
  margin: 0 0 .6em;
  letter-spacing: -.01em;
  font-weight: 800;
}
.elementor .seo-article h2{
  font-size: clamp(1.5rem, 2.8vw, 2rem) !important;     /* 24–32px */
  line-height: 1.3 !important;
  margin: 1.25rem 0 .6rem !important;
  font-weight: 700 !important;
}
.elementor .seo-article h3{
  font-size: clamp(1.25rem, 2.2vw, 1.5rem) !important;  /* 20–24px */
  line-height: 1.35 !important;
  margin: 1.1rem 0 .5rem !important;
  font-weight: 700 !important;
}

/* ===== Parágrafos e listas ===== */
.elementor .seo-article p{ 
  margin: 0 0 .9rem;
}
.elementor .seo-article p + p{ 
  margin-top: .6rem;
}
.elementor .seo-article ul,
.elementor .seo-article ol{
  padding-left: 1.2rem;
  margin: .4rem 0 .9rem;
}
.elementor .seo-article li + li{ margin-top: .35rem; }
.elementor .seo-article p:empty{ display: none; }

/* Ênfases */
.elementor .seo-article strong{ font-weight: 700; }
.elementor .seo-art


/* ===========================
   Dica / Callout bonitinha
   =========================== */

/* Estilo base — funciona mesmo sem classe extra (apenas <blockquote>) */
.elementor .seo-article blockquote,
.elementor .seo-article .note,
.elementor .seo-article .tip{
  border: 1px solid #dfe8e2 !important;
  border-left: 6px solid var(--elo-accent) !important;
  background: #f7fdf9 !important;          /* leve tom esverdeado, acessível em fundo claro */
  color: var(--elo-text) !important;
  box-shadow: var(--elo-shadow);
  padding: 1rem 1rem 1rem 1.1rem !important;
  margin: 1rem 0 !important;
  border-radius: 12px;
}

/* Variante com selo "Dica" — use adicionando a classe .tip no bloco */
.elementor .seo-article .tip{
  position: relative;
  padding-top: 1.4rem !important;
}
.elementor .seo-article .tip::before{
  content: 'Dica';
  position: absolute;
  top: 0;
  left: 14px;
  transform: translateY(-50%);
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: .02em;
  color: #075e2d;
  background: #e9f6ee;
  border: 1px solid #cfe9d8;
  padding: 2px 10px;
  border-radius: 999px;
}

/* Texto interno */
.elementor .seo-article blockquote {
  border-left: 4px solid var(--accent);
  background: #e7f5ff;
  color: var(--muted);
  margin: 1.2em 0;
  padding: .9em 1em;
  border-radius: var(--radius);
}/* End custom CSS */