.elementor-1767 .elementor-element.elementor-element-e8169c8{--display:flex;}/* Start custom CSS for html, class: .elementor-element-4f8663a *//* =========================
   PREVIDENCIÁRIO — TEMA AZUL-PETRÓLEO/DOURADO (clean)
   ========================= */
:root{
  /* Base (azul petróleo) */
  --bg:#0f2230;
  --bg2:#0b1926;
  --card: rgba(255,255,255,.03);
  --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;

  /* Acentos */
  --previ1:#3a96b3;   /* azul petróleo claro */
  --urgent1:#ef4444;  /* vermelho */
  --urgent2:#7a0f0f;
  --urgentStroke: rgba(239,68,68,.45);

  --gold1:#f2d57a;    /* dourado */
  --gold2:#a0760e;
  --goldStroke: rgba(242,213,122,.55);

  /* Layout */
  --shadow: 0 18px 60px rgba(0,0,0,.45);
  --radius: 18px;
  --radius2: 14px;
  --max: 960px;
  --pad: 16px;

  --font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Helvetica Neue", sans-serif;

  color-scheme: dark;
}

/* Reset */
*{ box-sizing:border-box }
html,body{ height:100% }
body{
  margin:0;
  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;
}

/* Containers */
.wrap{ max-width:var(--max); margin:0 auto; padding:var(--pad) }
.top{ display:flex; align-items:center; justify-content:space-between; gap:12px }

/* Brand */
.brand strong{ color:var(--gold1); font-weight:900; letter-spacing:.2px }
.brand span{ display:block; color:var(--muted2); font-size:.92rem }
.accent-previ{ color:var(--previ1) }

/* Tipografia */
h1,h2,h3{
  color:#fff;
  margin:0 0 .6rem;
  line-height:1.2;
  font-weight:900;
}
h1{ font-size:clamp(1.9rem, 3.4vw, 2.4rem) }
h2{ font-size:clamp(1.35rem, 2.6vw, 1.6rem) }
h3{ font-size:clamp(1.1rem, 2.2vw, 1.28rem) }
p{ margin:.4rem 0; color:var(--muted) }
.intro{ color:var(--muted); max-width:72ch }

/* Patch: títulos com contraste máximo */
:root{ --heading:#ffffff }
.wrap :is(h1,h2,h3), .card :is(h1,h2,h3){
  color: var(--heading) !important;
  font-weight: 950 !important;
  line-height: 1.18 !important;
  text-shadow: none !important;
  -webkit-font-smoothing: auto !important;
  -moz-osx-font-smoothing: auto !important;
  letter-spacing: -.01em;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

/* Links (dourado) */
a{ color: rgba(242,213,122,.92); text-decoration:none }
a:hover{ color:#ffe696 }

/* Botões (com alternância visível no hover) */
.btn{
  display:inline-flex; align-items:center; justify-content: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; text-decoration:none; cursor:pointer;
}
.btn:hover{ transform: translateY(-1px); border-color: rgba(255,255,255,.18) }
.btn:active{ transform: translateY(0) }
.btn.xl{ padding:14px 18px; font-size:1.02rem }

/* Urgente (vermelho) */
.btn.red{
  background: linear-gradient(180deg, rgba(239,68,68,.96), rgba(122,15,15,.96));
  border-color: var(--urgentStroke);
  color:#fff;
}
.btn.red:hover{ background: linear-gradient(180deg, rgba(255,92,92,.98), rgba(122,15,15,.96)) }

/* Dourado */
.btn.gold{
  background: linear-gradient(180deg, rgba(242,213,122,.98), rgba(160,118,14,.98));
  border-color: var(--goldStroke);
  color: #0b0f18;
}
.btn.gold:hover{ background: linear-gradient(180deg, rgba(255,230,150,.99), rgba(160,118,14,.98)) }

/* Fantasma */
.btn.ghost{
  background: rgba(255,255,255,.02);
  border-color: var(--stroke2);
  color: var(--silver);
}
.btn.ghost:hover{
  background: rgba(255,255,255,.06);
  color:#fff;
}

/* Linhas de ações */
.cta-row, .actions{ display:flex; flex-wrap:wrap; gap:10px; margin-top:6px }

/* Chips */
.chips{ display:flex; flex-wrap:wrap; gap:10px; margin:14px 0 }
.chips a{
  display:inline-flex; align-items:center; justify-content:center;
  padding:8px 12px; min-height:38px; border-radius:999px; flex:0 0 auto;
  border:1px solid rgba(242,213,122,.22);
  background: rgba(255,255,255,.03);
  color: rgba(242,213,122,.92);
  font-weight:900; line-height:1; white-space:nowrap;
}
.chips a:hover{ border-color: rgba(242,213,122,.45); transform: translateY(-1px) }

/* Cards e grids */
.card{
  border:1px solid var(--stroke);
  background: rgba(255,255,255,.03);
  border-radius: var(--radius2);
  padding:16px;
  box-shadow: var(--shadow);
}
.grid{ display:grid; grid-template-columns:1fr; gap:10px }
.grid-2{ display:grid; grid-template-columns:1fr 1fr; gap:14px }
@media (max-width: 720px){ .grid-2{ grid-template-columns:1fr } }

/* Listas */
.bul{ margin:.4rem 0 .8rem; padding-left:18px; color:var(--muted2) }
.bul li{ margin:.3rem 0 }

/* Formulário (se algum dia usar) */
label{ display:block; font-size:.95rem; color:var(--silver) }
input,textarea,select{
  width:100%; padding:12px; border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
  color:var(--text);
}
input::placeholder, textarea::placeholder{ color: rgba(242,245,251,.45) }
input:focus, textarea:focus, select:focus{
  border-color: rgba(242,213,122,.45);
  box-shadow: 0 0 0 4px rgba(242,213,122,.14);
  outline:none;
}
/* Select: legibilidade do dropdown */
select{ background-color: rgba(255,255,255,.06); color: var(--text) }
option, optgroup{ background-color: var(--bg2); color: #f7f8fc }
optgroup{ font-weight:700; color: var(--silver) }
option:checked{ background-color: var(--previ1); color:#ffffff }
option:hover{ background-color: rgba(58,150,179,.85); color:#ffffff }
@media (forced-colors: active){
  select, option{ forced-color-adjust: none; background: #0b1926; color:#ffffff }
  option:checked{ background:#3a96b3; color:#ffffff }
}

/* Notas e rodapé */
.note{ color:var(--muted2); font-size:.9rem }
.foot{ border-top:1px solid var(--stroke2); margin-top:8px; padding-top:10px }
.foot a{ color: rgba(242,213,122,.92) }
.foot a:hover{ color:#ffe696 }

/* Acessibilidade */
a:focus-visible, .btn:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible{
  outline:2px solid rgba(242,213,122,.85);
  outline-offset:2px;
}

/* Evita scroll horizontal */
html, body{ overflow-x:hidden }

/* =========================
   FAQ — acordeão (dourado)
   ========================= */
#faq.card details{
  border:1px solid var(--stroke);
  background: rgba(255,255,255,.03);
  border-radius:14px;
  margin:8px 0;
  overflow:hidden;
}
#faq.card summary{
  list-style:none;
  cursor:pointer;
  position:relative;
  padding:12px 16px 12px 46px;
  font-weight:800;
  color:#f7f8fc;
  user-select:none;
}
#faq.card summary::-webkit-details-marker{ display:none }
#faq.card 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;
}
#faq.card details[open] summary::before{ transform: translateY(-40%) rotate(45deg) }
#faq.card details:hover{ border-color: rgba(242,213,122,.35); background: rgba(255,255,255,.05) }
#faq.card .faq-body{
  padding:12px 16px 14px 46px;
  border-top:1px solid var(--stroke2);
  color: var(--muted);
}

/* =========================
   Pílulas de navegação (menu visível)
   ========================= */
.nav-pills{display:flex;flex-wrap:wrap;gap:10px}
.nav-pills .pill{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:10px 14px;border-radius:999px;border:1px solid var(--stroke);
  background:rgba(255,255,255,.04);color:var(--text);font-weight:850
}
.nav-pills .pill:hover{
  background:linear-gradient(180deg, rgba(242,213,122,.98), rgba(160,118,14,.98));
  color:#0b0f18;border-color:var(--goldStroke);transform:translateY(-1px)
}

/* Bloco de páginas internas “suspensas” */
.hub-grid{display:grid;grid-template-columns:1fr;gap:10px}
@media (min-width:720px){.hub-grid{grid-template-columns:1fr 1fr}}
.hub-grid a.btn{justify-content:flex-start}

/* Cartão alternativo (destaque) */
.alt-card{
  border:1px solid var(--stroke);
  background:rgba(255,255,255,.04);
  border-radius:var(--radius2);
  padding:16px;
  box-shadow:var(--shadow)
}

/* =========================
   MENU INTERNO FIXO (canto superior direito)
   ========================= */
.jm-intmenu{
  position: fixed;
  top: 14px;
  right: 14px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
  border-radius: 16px;
  backdrop-filter: blur(8px);
  background: rgba(8, 20, 28, .50);
  border: 1px solid rgba(255,255,255,.08);
}
.jm-intmenu__btn{
  display: block;
  padding: 10px 12px;
  border-radius: 12px;
  font-weight: 800;
  letter-spacing: .01em;
  text-decoration: none;
  color: #062235 !important;
  background: linear-gradient(180deg, #7fd6ff, #49aee7);
  border: 1px solid #8fdcff;
  box-shadow: 0 6px 18px rgba(0,0,0,.18);
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
  text-align: center;
  white-space: nowrap;
}
.jm-intmenu__btn:hover{
  transform: translateX(2px);
  background: linear-gradient(180deg, #9ae0ff, #64bdf0);
  box-shadow: 0 10px 28px rgba(0,0,0,.26);
}
.jm-intmenu__btn:focus-visible{
  outline: 3px solid #b7e9ff;
  outline-offset: 2px;
}
@media (max-width: 760px){
  .jm-intmenu{ top: 10px; right: 10px; padding: 6px; gap: 6px }
  .jm-intmenu__btn{ padding: 9px 10px; font-size: .92rem }
}

/* =========================
   Bloco GUIAS (links-ação em azul claro)
   ========================= */
.jm-guides .jm-linkbtn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 12px;
  text-decoration: none;
  font-weight: 850;
  color: #0b1823 !important;
  background: linear-gradient(180deg, #7fd6ff, #49aee7);
  border: 1px solid #8fdcff;
  box-shadow: 0 8px 22px rgba(0,0,0,.20);
  transition: transform .15s ease, background .15s ease, box-shadow .15s ease;
}
.jm-guides .jm-linkbtn:hover{
  transform: translateY(-1px);
  background: linear-gradient(180deg, #9ae0ff, #64bdf0);
  box-shadow: 0 12px 32px rgba(0,0,0,.26);
}
.jm-guides .jm-linkbtn:focus-visible{
  outline: 3px solid #b7e9ff;
  outline-offset: 2px;
}
.jm-guides .prev-card{
  border-color: rgba(255,255,255,.16);
  background: rgba(255,255,255,.05);
}

/* =========================
   Mini base para classes “prev-” (usadas no bloco GUIAS)/* End custom CSS */