.elementor-2636 .elementor-element.elementor-element-342645d{--display:flex;}/* Start custom CSS for html, class: .elementor-element-b39fdec *//* =========================
   PREVIDENCIÁRIO — Tema Azul-petróleo (escopado e reutilizável)
   ========================= */
.prev-page{
  /* Paleta/variáveis locais (protege de CSS global) */
  --bg:#0f2230;
  --bg2:#0b1926;
  --card: rgba(255,255,255,.04);
  --stroke: rgba(255,255,255,.12);
  --stroke2: rgba(255,255,255,.08);

  --text:#f2f5fb;
  --muted: rgba(242,245,251,.78);
  --muted2: rgba(242,245,251,.6);
  --silver:#cdd3dd;

  --previ1:#3a96b3;  /* acento azul */
  --gold1:#f2d57a;   /* acento dourado */

  --shadow: 0 18px 60px rgba(0,0,0,.45);
  --radius: 18px;
  --radius2: 14px;
  --max: 1040px;
  --pad: 16px;

  --font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Helvetica Neue", sans-serif;

  color-scheme: dark;
  background: linear-gradient(180deg, #08141d 0%, var(--bg) 60%, #0a1823 100%);
  color: var(--text);
  font-family: var(--font);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  display:block;
  min-height:100vh;
  overflow-x:hidden;
}

/* Base segura no escopo */
.prev-page *, .prev-page *::before, .prev-page *::after{ box-sizing: border-box }
.prev-page img{ max-width:100%; height:auto; display:inline-block }

/* Linha de progresso sutil no topo */
.prev-page .prev-progress{
  height:3px;
  background: linear-gradient(90deg, rgba(58,150,179,1), rgba(242,213,122,.9));
  opacity:.9;
}

/* Container e grid do hero */
.prev-page .prev-container{ max-width: var(--max); margin: 0 auto; padding: var(--pad) }
.prev-page .prev-hero{ padding: 18px 0 8px }
.prev-page .prev-hero__grid{
  display:grid;
  grid-template-columns: 1.25fr .75fr;
  gap: 16px;
}
@media (max-width: 900px){
  .prev-page .prev-hero__grid{ grid-template-columns: 1fr }
}

/* Tipografia com alto contraste */
.prev-page h1, .prev-page h2, .prev-page h3{
  color:#fff;
  margin:0 0 .6rem;
  line-height:1.2;
  font-weight:900;
  letter-spacing:-.01em;
}
.prev-page .prev-h1{ font-size: clamp(1.9rem, 3.4vw, 2.4rem) }
.prev-page .prev-h2{ font-size: clamp(1.35rem, 2.6vw, 1.6rem) }
.prev-page .prev-h3{ font-size: clamp(1.1rem, 2.2vw, 1.28rem) }

.prev-page p{ margin:.4rem 0; color: var(--muted) }
.prev-page .prev-kicker{ color: var(--previ1); font-weight:800; margin-bottom:.2rem }
.prev-page .prev-lead{ color:#f7f8fc; font-size:1.05rem }
.prev-page .prev-sub{ color: var(--muted) }
.prev-page .prev-note, .prev-page .prev-muted{ color: var(--muted2) }

/* Links (dourado) */
.prev-page a{ color: rgba(242,213,122,.92); text-decoration:none }
.prev-page a:hover{ color:#ffe696 }

/* Listas */
.prev-page .prev-bullets{ margin:.6rem 0 .8rem; padding-left: 18px; color: var(--muted2) }
.prev-page .prev-bullets li{ margin:.28rem 0 }
.prev-page .prev-list{ margin:.4rem 0 .8rem; padding-left: 18px; color: var(--muted2) }
.prev-page .prev-list li{ margin:.28rem 0 }

/* Botões */
.prev-page .prev-btn{
  display:inline-flex; align-items:center; gap:10px;
  padding:12px 16px; border-radius:14px;
  font-weight:850; letter-spacing:.01em;
  border:1px solid var(--stroke);
  background: rgba(255,255,255,.03);
  color: var(--text);
  transition:.16s ease; cursor:pointer; text-decoration:none;
  line-height:1;
}
.prev-page .prev-btn:hover{ transform: translateY(-1px); border-color: rgba(255,255,255,.18) }
.prev-page .prev-btn--primary{
  background: linear-gradient(180deg, rgba(58,150,179,.98), rgba(17,76,96,.98));
  border-color: rgba(58,150,179,.55);
  color:#fff;
}
.prev-page .prev-btn--primary:hover{
  background: linear-gradient(180deg, rgba(74,170,199,.99), rgba(17,76,96,.98));
}
.prev-page .prev-btn--ghost{
  background: rgba(255,255,255,.02);
  border-color: var(--stroke2);
  color: var(--silver);
}
.prev-page .prev-btn__ico{ width:18px; height:18px }

/* CTAs */
.prev-page .prev-hero__cta, .prev-page .prev-inline-cta{
  display:flex; flex-wrap:wrap; gap:10px; margin-top:10px;
}

/* Menu interno (sticky, não fixo) */
.prev-page .prev-menu{
  position: sticky;
  top: 10px;
  align-self:start;
  display:flex; flex-wrap:wrap; gap:10px;
  padding:10px; border:1px solid var(--stroke); border-radius:14px;
  background: rgba(255,255,255,.03);
}
.prev-page .prev-menu__item{
  display:inline-flex; align-items:center; justify-content:center;
  padding:8px 12px; border-radius:999px;
  border:1px solid rgba(242,213,122,.22);
  background: rgba(255,255,255,.02);
  color: rgba(242,213,122,.92); font-weight:900; white-space:nowrap;
}
.prev-page .prev-menu__item:hover{
  border-color: rgba(242,213,122,.45);
  transform: translateY(-1px);
}

/* Seções e cartões */
.prev-page .prev-section{ padding: 34px 0 }
.prev-page .prev-section--alt{
  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.00));
  border-top:1px solid var(--stroke2);
  border-bottom:1px solid var(--stroke2);
}
.prev-page .prev-section__head{ margin-bottom: 10px }

.prev-page .prev-card{
  border:1px solid var(--stroke);
  background: var(--card);
  border-radius: var(--radius2);
  padding:16px;
  box-shadow: var(--shadow);
}

/* Grids de conteúdo */
.prev-page .prev-steps{
  display:grid; grid-template-columns: repeat(3, 1fr); gap:14px; margin-top:10px;
}
@media (max-width: 900px){
  .prev-page .prev-steps{ grid-template-columns: 1fr }
}
.prev-page .prev-columns{
  display:grid; grid-template-columns: repeat(3, 1fr); gap:14px; margin-top:10px;
}
@media (max-width: 900px){
  .prev-page .prev-columns{ grid-template-columns: 1fr }
}

/* FAQ (acordeão) */
.prev-page .prev-faq .prev-faq__item{
  border:1px solid var(--stroke);
  background: rgba(255,255,255,.03);
  border-radius:14px; margin:8px 0; overflow:hidden;
}
.prev-page .prev-faq summary{
  list-style:none; cursor:pointer; position:relative;
  padding:12px 16px 12px 46px; font-weight:800; color:#f7f8fc; user-select:none;
}
.prev-page .prev-faq summary::-webkit-details-marker{ display:none }
.prev-page .prev-faq summary::before{
  content:"";
  position:absolute; left:16px; top:50%;
  width:10px; height:10px;
  border-right:2px solid rgba(242,213,122,.95);
  border-bottom:2px solid rgba(242,213,122,.95);
  transform: translateY(-60%) rotate(-45deg);
  transition: transform .18s ease; opacity:.95;
}
.prev-page .prev-faq details[open] summary::before{ transform: translateY(-40%) rotate(45deg) }
.prev-page .prev-faq details:hover{
  border-color: rgba(242,213,122,.35);
  background: rgba(255,255,255,.05);
}
.prev-page .prev-faq details > p{
  padding: 0 16px 14px 46px; border-top:1px solid var(--stroke2); color: var(--muted);
}

/* Acessibilidade */
.prev-page a:focus-visible, .prev-page .prev-btn:focus-visible{
  outline: 2px solid rgba(242,213,122,.85); outline-offset:2px;
}

/* =========================
   PATCH anti “cores lavadas” (bloqueia overrides externos)
   ========================= */
.prev-page :is(h1,h2,h3,.prev-h1,.prev-h2,.prev-h3){
  color:#ffffff !important;
  text-shadow:none !important;
  mix-blend-mode:normal !important;
  opacity:1 !important;
  filter:none !important;
  -webkit-font-smoothing:antialiased !important;
  -moz-osx-font-smoothing:grayscale !important;
}
/* Isola cabeçalhos de blends/filtros externos */
.prev-page .prev-hero__copy,
.prev-page .prev-section__head{ isolation:isolate }
/* Mostra o item "Topo" só no mobile e prioriza no início do menu */
.prev-page .prev-menu__item--topo{ display:none; }
@media (max-width: 900px){
  .prev-page .prev-menu__item--topo{ display:inline-flex; order:-1; }
}

/* Rolagem suave para todas as âncoras dentro da página */
.prev-page{ scroll-behavior: smooth; }
/* Destaque do item ativo no menu interno */
.prev-page .prev-menu__item.is-active{
  background: rgba(242,213,122,.22);
  border-color: rgba(242,213,122,.60);
  color:#fff;
  box-shadow: inset 0 0 0 1px rgba(242,213,122,.15);
}

/* Botão flutuante “Voltar ao topo” */
.prev-page .prev-backtop{
  position: fixed;
  right: 16px;
  bottom: 18px;
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  transform: translateY(6px);
  transition: opacity .18s ease, transform .18s ease;
}
.prev-page .prev-backtop.is-visible{
  opacity: .98;
  pointer-events: auto;
  transform: translateY(0);
}
```__/* End custom CSS */