/* FLAMA · estilos de navegação e de ícones — carregado por TODAS as páginas.
 *
 * Extraído do flama-extra.css (só a home carrega) porque o dropdown de
 * Funcionalidades e as cápsulas de ícone precisam existir também nas 8 páginas
 * estáticas. A alternativa era copiar as regras para o pagina.css — e foi
 * exatamente esse tipo de cópia que gerou a segunda família de ícones e o bug
 * dos ícones cinza (`.fp-card span` vencendo `.fp-ic-teal` por especificidade).
 *
 * Uma cápsula, sete tons, um dropdown. Se precisar mudar ícone, é aqui.
 * A ordem das regras foi preservada na extração — a cascata continua a mesma.
 */

.fx-nav-item { position: relative; display: inline-flex; align-items: center; }.fx-nav-link { display: inline-flex; align-items: center; gap: .35rem; background: none; border: 0; cursor: pointer;
  font-family: inherit; font-size: .95rem; font-weight: 700; padding: .25rem 0; text-decoration: none;
  /* a cor é copiada do link vizinho pelo JS (syncNavColor) */
  color: currentColor; }.fx-nav-link:hover { color: var(--color-flama-chama, #E8834A); }.fx-nav-caret { width: 10px; height: 10px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
  transform: rotate(45deg) translateY(-1px); opacity: .6; transition: transform .2s ease; }.fx-nav-item[data-open="1"] .fx-nav-caret { transform: rotate(-135deg) translateY(-1px); }.fx-mega { position: fixed; left: 50%; transform: translateX(-50%) translateY(-8px); top: 84px; z-index: 60;
  width: min(60rem, calc(100vw - 2rem)); border-radius: 22px; padding: 1.25rem;
  background: #fff; border: 1px solid var(--color-flama-border, #E4DACE);
  box-shadow: 0 40px 90px -30px rgba(30, 43, 94, .45);
  opacity: 0; visibility: hidden; transition: opacity .18s ease, transform .18s ease; }.fx-mega[data-open="1"] { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }.fx-mega-grid { display: grid; grid-template-columns: 1fr; gap: .5rem; }@media (min-width: 768px) {
.fx-mega-grid { grid-template-columns: repeat(3, 1fr); }
}.fx-mega-item { display: flex; align-items: flex-start; gap: .75rem; border-radius: 14px; padding: .8rem .9rem;
  text-decoration: none; transition: background .15s ease; }.fx-mega-item:hover { background: var(--color-flama-offwhite, #F7F4EE); }.fx-mega-badge { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 34px; height: 34px;
  border-radius: 10px; font-size: .9rem; font-weight: 900; color: #fff;
  background: linear-gradient(135deg, var(--color-flama-chama, #E8834A), var(--color-flama-ambar, #F2A93B)); }.fx-mega-badge-teal { background: linear-gradient(135deg, #139578, #37CBBA); }.fx-mega-item strong { display: block; font-size: .93rem; font-weight: 800; color: var(--color-flama-ink, #1E2B5E); }.fx-mega-item span { display: block; margin-top: .1rem; font-size: .8rem; line-height: 1.4; color: var(--color-flama-ink-soft, #5B617A); }.fx-mega-foot { display: flex; justify-content: flex-end; margin-top: .5rem; padding-top: .75rem; border-top: 1px solid var(--color-flama-border, #E4DACE); }.fx-mega-all { display: inline-flex; align-items: center; gap: .4rem; font-size: .8rem; font-weight: 800;
  text-transform: uppercase; letter-spacing: .08em; color: var(--color-flama-chama, #E8834A); text-decoration: none; }.fx-ico { display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 14px;
  font-size: 1.15rem; background: rgba(232, 131, 74, .12); color: var(--color-flama-chama, #E8834A); }.fx-ico-navy { background: var(--color-flama-navy, #1E2B5E); color: var(--color-flama-ambar, #F2A93B); }@media (max-width: 767px) {
.fx-mega { top: 74px; }
}.fx-mega::before { content: ""; position: absolute; left: 0; right: 0; top: -22px; height: 22px; }.fx-nav-item::after { content: ""; position: absolute; left: -14px; right: -14px; top: 100%; height: 22px; }.fx-nav-item[data-open="1"]::after { pointer-events: auto; }.fx-ic { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
  width: 40px; height: 40px; border-radius: 13px; transition: transform .2s ease; }.fx-ic svg { width: 20px; height: 20px; }.fx-ic-fire { color: #C2622F; background: linear-gradient(145deg, rgba(232,131,74,.16), rgba(242,169,59,.10)); box-shadow: inset 0 0 0 1px rgba(232,131,74,.22); }.fx-ic-amber { color: #B07708; background: linear-gradient(145deg, rgba(242,169,59,.18), rgba(255,227,189,.14)); box-shadow: inset 0 0 0 1px rgba(242,169,59,.26); }.fx-ic-teal { color: #0E7A63; background: linear-gradient(145deg, rgba(19,149,120,.16), rgba(55,203,186,.12)); box-shadow: inset 0 0 0 1px rgba(19,149,120,.22); }.fx-ic-violet { color: #5B4BC4; background: linear-gradient(145deg, rgba(103,86,214,.14), rgba(146,131,244,.10)); box-shadow: inset 0 0 0 1px rgba(103,86,214,.20); }.fx-ic-rose { color: #B23A5B; background: linear-gradient(145deg, rgba(214,70,110,.14), rgba(244,131,160,.10)); box-shadow: inset 0 0 0 1px rgba(214,70,110,.20); }.fx-ic-navy { color: #26326B; background: linear-gradient(145deg, rgba(30,43,94,.13), rgba(46,125,145,.10)); box-shadow: inset 0 0 0 1px rgba(30,43,94,.18); }.fx-mega-item:hover .fx-ic { transform: scale(1.06); }.fx-mega-txt { display: block; }.fx-mega-item { align-items: center; }.fx-demo-badge { display: flex; align-items: center; justify-content: center; flex-shrink: 0;
  width: 46px; height: 46px; border-radius: 15px; }.fx-demo-badge svg { width: 23px; height: 23px; }.fx-demo-badge-teal { color: #6FE3D0; background: rgba(55,203,186,.13); box-shadow: inset 0 0 0 1px rgba(55,203,186,.3); }.fx-demo-badge-fire { color: #FFC178; background: rgba(232,131,74,.14); box-shadow: inset 0 0 0 1px rgba(232,131,74,.34); }.fx-cta:focus-visible, .fx-switch-opt:focus-visible, .fx-nav-link:focus-visible,
.fx-mega-item:focus-visible, .fx-more:focus-visible, .fx-demo-btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(255,255,255,.9), 0 0 0 6px rgba(232,131,74,.55);
  border-radius: 12px;
}.fx-ic svg, .fx-demo-badge svg, .fx-kb-nota svg, .fx-demo-nota svg { stroke-width: 1.75; }.fx-ico { position: relative; }.fx-ico svg { width: 21px; height: 21px; }.fx-nav-link { min-height: 44px; padding: .6rem 0; }.fx-mega-item { min-height: 56px; }.fx-mega-all { min-height: 44px; display: inline-flex; align-items: center; }.fx-nav-link::after { content: ""; position: absolute; inset: -6px -8px; }.fx-nav-item { isolation: isolate; }.fx-ai.fx-ai-hot .fx-ico,
.fx-ai.fx-ai-hot span:first-child { color: #fff; }.fx-nav-link { color: rgba(255, 255, 255, .8); }.fx-nav-caret { opacity: .75; }.fx-nuc-ic { flex-shrink: 0; color: var(--color-flama-ambar, #F2A93B); }.fx-nuc-ic svg { width: 18px; height: 18px; }.fx-pub-ic { flex-shrink: 0; display: flex; align-items: center; justify-content: center;
  width: 34px; height: 34px; border-radius: 11px; margin-top: .1rem;
  color: var(--color-flama-teal-mid, #139578); background: rgba(19,149,120,.11); }.fx-pub-ic svg { width: 17px; height: 17px; }.fx-pub-ic-no { color: #9A7440; background: rgba(154,116,64,.12); }.fx-ic, .fx-ico, .fx-demo-badge, .fx-pub-ic, .fx-nuc-ic {
  border-radius: 30% !important;            /* squircle: canto contínuo */
}.fx-ic, .fx-ico, .fx-demo-badge, .fx-pub-ic {
  width: 46px; height: 46px;
  box-shadow: inset 0 0 0 1px currentColor, 0 4px 10px -6px rgba(30,43,94,.35);
}.fx-ic svg, .fx-ico svg, .fx-demo-badge svg, .fx-pub-ic svg { width: 23px; height: 23px; }.fx-ic, .fx-ico, .fx-demo-badge, .fx-pub-ic { position: relative; }.fx-ic::after, .fx-ico::after, .fx-demo-badge::after, .fx-pub-ic::after {
  content: ""; position: absolute; inset: 0; border-radius: inherit;
  box-shadow: inset 0 0 0 1px currentColor; opacity: .22; pointer-events: none;
}.fx-ic, .fx-ico, .fx-demo-badge, .fx-pub-ic { box-shadow: 0 4px 12px -8px rgba(30,43,94,.4); }.fx-ic-fire, .fx-ico { color: #C2622F;
  background: linear-gradient(150deg, rgba(232,131,74,.2), rgba(242,169,59,.1)); }.fx-ic-amber { color: #A87007; background: linear-gradient(150deg, rgba(242,169,59,.24), rgba(255,227,189,.12)); }.fx-ic-teal, .fx-pub-ic { color: #0E7A63; background: linear-gradient(150deg, rgba(19,149,120,.2), rgba(55,203,186,.1)); }.fx-ic-violet { color: #5645BE; background: linear-gradient(150deg, rgba(103,86,214,.18), rgba(146,131,244,.1)); }.fx-ic-rose { color: #AB3355; background: linear-gradient(150deg, rgba(214,70,110,.18), rgba(244,131,160,.1)); }.fx-ic-navy { color: #26326B; background: linear-gradient(150deg, rgba(30,43,94,.16), rgba(46,125,145,.1)); }.fx-ico-navy { color: var(--color-flama-ambar, #F2A93B) !important;
  background: linear-gradient(150deg, #26326B, var(--color-flama-navy, #1E2B5E)) !important; }.fx-pub-ic-no { color: #9A7440; background: linear-gradient(150deg, rgba(154,116,64,.18), rgba(200,170,120,.1)); }.fx-demo-badge-teal { color: #37CBBA; background: linear-gradient(150deg, rgba(55,203,186,.22), rgba(19,149,120,.1)); }.fx-demo-badge-fire { color: #F2A93B; background: linear-gradient(150deg, rgba(242,169,59,.24), rgba(232,131,74,.12)); }.fx-nuc-ic { width: 34px; height: 34px; display: flex; align-items: center; justify-content: center;
  background: linear-gradient(150deg, rgba(242,169,59,.18), rgba(232,131,74,.08)); }.fx-nuc-ic svg { width: 19px; height: 19px; }.fx-mega-item .fx-ic { width: 42px; height: 42px; }.fx-mega-item .fx-ic svg { width: 21px; height: 21px; }.fx-ic-fire, .fx-ico { color: #D2703A;
  background: linear-gradient(150deg, rgba(232,131,74,.26), rgba(242,169,59,.13)); }.fx-ic-amber { color: #C08207; background: linear-gradient(150deg, rgba(242,169,59,.3), rgba(255,227,189,.15)); }.fx-ic-teal, .fx-pub-ic { color: #0F9B7E; background: linear-gradient(150deg, rgba(19,149,120,.24), rgba(55,203,186,.13)); }.fx-ic-violet { color: #6355D0; background: linear-gradient(150deg, rgba(103,86,214,.22), rgba(146,131,244,.12)); }.fx-ic-rose { color: #C43D63; background: linear-gradient(150deg, rgba(214,70,110,.22), rgba(244,131,160,.12)); }.fx-ic-navy { color: #2C3A7A; background: linear-gradient(150deg, rgba(30,43,94,.2), rgba(46,125,145,.12)); }.fx-pub-ic-no { color: #A9793C; background: linear-gradient(150deg, rgba(154,116,64,.22), rgba(200,170,120,.12)); }.fx-ic svg [opacity=".2"], .fx-ico svg [opacity=".2"], .fx-demo-badge svg [opacity=".2"],
.fx-pub-ic svg [opacity=".2"], .fx-nuc-ic svg [opacity=".2"] { opacity: .3; }.fx-ic.fx-ic-fire { color: #D2703A; }.fx-ic.fx-ic-amber { color: #C08207; }.fx-ic.fx-ic-teal { color: #0F9B7E; }.fx-ic.fx-ic-violet { color: #6355D0; }.fx-ic.fx-ic-rose { color: #C43D63; }.fx-ic.fx-ic-navy { color: #2C3A7A; }.fx-pub-ic.fx-pub-ic-no { color: #A9793C; }.fx-pub-item .fx-pub-ic { color: #0F9B7E; }.fx-pub-item .fx-pub-ic-no { color: #A9793C; }.fx-nuc-item .fx-nuc-ic { color: #D2703A; }.fx-card-light .fx-ico { color: #D2703A; }.fx-row .fx-ico-navy, .fx-card-light .fx-ico-navy { color: var(--color-flama-ambar, #F2A93B); }.fx-demo-col .fx-demo-badge-teal { color: #3FD8C4; }.fx-demo-col .fx-demo-badge-fire { color: #F7B858; }.fx-mega-txt span { color: var(--color-flama-ink-soft, #5B617A); }.fx-ic, .fx-ico, .fx-demo-badge, .fx-pub-ic, .fx-nuc-ic, .fx-card-ic {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  line-height: 0;
}.fx-pub-ic { width: 40px; height: 40px; flex: 0 0 40px; }.fx-pub-ic svg { width: 21px; height: 21px; display: block; }.fx-ic svg, .fx-ico svg, .fx-demo-badge svg, .fx-nuc-ic svg { display: block; }.fx-pub-item .fx-pub-ic-no,
.fx-pub-ic.fx-pub-ic-no { color: #C62B3F;
  background: linear-gradient(150deg, rgba(198,43,63,.16), rgba(240,120,130,.09)); }.fx-ic.fx-ic-azul { color: #1B6C8A; background: linear-gradient(150deg, rgba(46,125,145,.24), rgba(55,203,186,.12)); }.fx-ico.fx-ic-azul, .fx-nuc-ic.fx-ic-azul { color: #1B6C8A; }
/* ═══════════════════════════════════════════════════════════════════
   MENU MOBILE · o furo mais grave que o site tinha
   No celular o header mostrava só o logo e "Começar agora": não havia
   como chegar a Planos, Funcionalidades ou Dúvidas. E é de celular que
   vem a maior parte do tráfego pago.
   ═══════════════════════════════════════════════════════════════════ */
.fx-burger {
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; padding: 0; border: 0; border-radius: 12px;
  background: transparent; color: #fff; cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: background .2s, color .2s;
}
.fx-burger svg { width: 24px; height: 24px; }
.fx-burger:hover { background: rgba(255,255,255,.1); }
/* no desktop o menu horizontal já dá conta */
@media (min-width: 768px) { .fx-burger { display: none; } }
/* páginas estáticas: o header vira creme ao rolar, o ícone acompanha */
.fp-head.is-rolado .fx-burger { color: var(--navy, #1E2B5E); }
.fp-head.is-rolado .fx-burger:hover { background: rgba(30,43,94,.07); }

html.fx-travado { overflow: hidden; }

.fx-drawer {
  position: fixed; inset: 0; z-index: 120;
  display: flex; flex-direction: column;
  background: #F7F4EE;
  transform: translateX(100%); visibility: hidden;
  transition: transform .28s cubic-bezier(.22,1,.36,1), visibility .28s;
  overscroll-behavior: contain;
}
.fx-drawer[data-open="1"] { transform: none; visibility: visible; }
@media (min-width: 768px) { .fx-drawer { display: none; } }

.fx-dw-topo {
  display: flex; align-items: center; justify-content: space-between;
  padding: 1rem 1.25rem; border-bottom: 1px solid #E4DACE; flex-shrink: 0;
}
.fx-dw-logo { height: 26px; width: auto; display: block; }
.fx-dw-x {
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; padding: 0; border: 0; border-radius: 12px;
  background: transparent; color: #1E2B5E; cursor: pointer;
}
.fx-dw-x svg { width: 22px; height: 22px; }
.fx-dw-x:hover { background: rgba(30,43,94,.07); }

.fx-dw-corpo { flex: 1; overflow-y: auto; padding: .5rem 1.25rem 1.25rem; -webkit-overflow-scrolling: touch; }
.fx-dw-link {
  display: flex; align-items: center; min-height: 52px;
  font-size: 1.05rem; font-weight: 800; color: #1E2B5E; text-decoration: none;
  border-bottom: 1px solid rgba(228,218,206,.7);
}
.fx-dw-link b { color: #E8834A; }
.fx-dw-tit {
  display: block; margin: 1.5rem 0 .6rem;
  font-size: .68rem; font-weight: 900; letter-spacing: .16em; text-transform: uppercase;
  color: #8A90A6;
}
.fx-dw-feat {
  display: flex; align-items: center; gap: .85rem; padding: .7rem 0;
  text-decoration: none; color: inherit;
}
.fx-dw-feat > span:last-child { min-width: 0; }
.fx-dw-feat strong { display: block; font-size: .95rem; font-weight: 800; color: #1E2B5E; }
.fx-dw-feat strong + span,
.fx-dw-feat span span { display: block; margin-top: .1rem; font-size: .8rem; line-height: 1.4; color: #5B617A; }
.fx-dw-todas {
  display: inline-flex; align-items: center; min-height: 44px; margin-top: .5rem;
  font-size: .8rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em;
  color: #E8834A; text-decoration: none;
}

.fx-dw-pe {
  flex-shrink: 0; display: grid; gap: .6rem;
  padding: 1rem 1.25rem calc(1rem + env(safe-area-inset-bottom));
  border-top: 1px solid #E4DACE; background: #FFFDFB;
}
.fx-dw-cta, .fx-dw-wa {
  display: inline-flex; align-items: center; justify-content: center; min-height: 50px;
  border-radius: 14px; font-size: .78rem; font-weight: 800; text-transform: uppercase;
  letter-spacing: .06em; text-decoration: none;
}
.fx-dw-cta { color: #fff; background: linear-gradient(135deg, #E8834A, #F2A93B); }
.fx-dw-wa { color: #1E2B5E; border: 1px solid #E4DACE; background: #fff; }
.fx-dw-cta:active, .fx-dw-wa:active { transform: scale(.985); }