.elementor-12231 .elementor-element.elementor-element-31b440d{--display:flex;}/* Start custom CSS for html, class: .elementor-element-4db51af *//* Força a mesma aparência em todos os títulos do widget */
.elementor-widget-container h1,
.elementor-widget-container h2,
.elementor-widget-container h3,
h1, h2, h3 {
  font-family: inherit !important;   /* usa a mesma fonte do hero */
  color: #0f172a !important;         /* mesma cor */
  font-weight: 800 !important;
  letter-spacing: -0.2px;
  margin: 0 0 10px 0;
}

h1 { font-size: clamp(28px, 4vw, 46px); line-height: 1.12; }
h2 { font-size: clamp(22px, 2.8vw, 34px); }
h3 { font-size: 18px; }
/* === Seção de vagas (paleta da LP: navy + verdes) === */
:root{
  --navy:#0f172a;   /* já usado nos títulos */
  --g-900:#14532d;  /* emerald-900 */
  --g-600:#16a34a;  /* accent */
  --g-500:#22c55e;  /* accent-2 */
  --mint:#ecfdf5;   /* fundo badge mint */
}

.section-urgency{
  border-radius: 22px;
  padding: clamp(28px,6vw,64px);
  color:#fff;
  /* gradiente animado só com verdes + toque leve de navy */
  background:
    radial-gradient(900px 380px at 12% -10%, rgba(255,255,255,.10), transparent 60%),
    linear-gradient(115deg, var(--navy) 0%, var(--g-900) 22%, var(--g-600) 58%, var(--g-500) 100%);
  background-size: 220% 220%;
  animation: pan-gradient 14s ease-in-out infinite alternate;
  box-shadow: 0 24px 60px rgba(15,23,42,.22);
  border:1px solid rgba(255,255,255,.12);
}
@keyframes pan-gradient{
  0%{ background-position: 0% 50%; }
  100%{ background-position: 100% 50%; }
}
@media (prefers-reduced-motion: reduce){
  .section-urgency{ animation: none; }
}
.section-urgency h2{
  color:#fff !important;
  font-size: clamp(28px,4.5vw,56px) !important;
  line-height:1.05 !important;
  letter-spacing:-.6px;
  margin-top:6px;
}
.urgency-lead{
  color:rgba(255,255,255,.92);
  font-size:clamp(16px,1.2vw,18px);
  margin:12px 0 0 0;
}

/* pílulas coerentes com a LP (mint + contorno suave) */
.kbadges{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom:14px; }
.kbadge{
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(236,253,245,.18);               /* mint translúcido */
  border:1px solid rgba(236,253,245,.35);          /* contorno mint */
  color:#fff; padding:8px 12px; border-radius:999px;
  font-weight:800; font-size:12px; text-transform:uppercase; letter-spacing:.4px;
  backdrop-filter: blur(4px);
}
.kemoji{ font-size:18px; line-height:1; }

/* botões sobre o fundo verde-escuro */
.urgency-actions{ display:flex; gap:12px; flex-wrap:wrap; margin-top:18px; }
.btn-contrast{
  background:#fff; color:var(--navy); font-weight:900; border-radius:14px;
  padding:14px 22px; text-decoration:none; box-shadow:var(--shadow);
  border:1px solid rgba(255,255,255,.2);
  transition: transform .12s ease, filter .2s ease;
}
.btn-contrast:hover{ transform:translateY(-1px); filter:brightness(1.02); }
.btn-outline{
  background:transparent; color:#fff;
  border:1px solid rgba(255,255,255,.45);
  border-radius:14px; padding:14px 22px; text-decoration:none;
}
.btn-outline:hover{ background:rgba(255,255,255,.08); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0b67c0a *//* === HOTFIX: impedir sobreposição entre seções/cards === */

/* 1) Garanta que cards cresçam naturalmente e não "empurrem" vizinhos */
.card { height: auto !important; overflow: hidden; }

/* 2) Faça o grid alinhar pelo topo e respeitar o fluxo vertical */
.value-grid,
.pricing { align-items: start !important; grid-auto-rows: auto !important; }

/* 3) Isole cada seção para não “vazar” render entre elas */
section { position: relative; isolation: isolate; clear: both; }

/* 4) Dê um respiro garantido entre blocos grandes */
section + section { margin-top: 16px; }        /* ajuste se quiser mais espaço */
#como-funciona { margin-top: 24px; }            /* força margem nesse título */

/* 5) Evita que títulos gigantes “invadam” a área anterior em mobile */
h2 { line-height: 1.15 !important; }
@media (max-width: 900px){
  h2 { word-break: normal; hyphens: auto; }
}

/* 6) Se algum elemento externo do Elementor usar transform/floats, limpamos */
.container, .list, .steps { contain: layout paint; }/* End custom CSS */