/* ═══════════════════════════════════════════════════════════════════
   FOOZ · NÚMERO DE IMPACTO DA HERO
   Um bloco só, compartilhado entre a página Economizar e as páginas de
   segmento. Hierarquia: o número primeiro, a leitura do ponto em corpo
   médio e a leitura da conta depois de um fio.
   O padding/margin negativo no número existe para o "%" não ser cortado:
   com letter-spacing negativo e background-clip:text, a caixa do gradiente
   fecha antes do último glifo.
   ═══════════════════════════════════════════════════════════════════ */
.fz-num { position:relative; z-index:1; align-self:center; text-align:left; min-width:0; }

.fz-num-ate { display:block; margin:0 0 2px;
  font:800 clamp(14px,1.45vw,21px)/1 'Sora',system-ui,sans-serif;
  letter-spacing:.15em; text-transform:uppercase; color:var(--cyan-400,#38bdf8);
  text-shadow:0 1px 2px rgba(2,8,23,.85); }

.fz-num-big { display:block; width:max-content;
  font:800 clamp(76px,11.6vw,196px)/.86 'Sora',system-ui,sans-serif;
  letter-spacing:-.045em; white-space:nowrap;
  padding:.03em .1em .05em 0; margin:0 -.1em .04em 0;   /* evita o corte do % */
  background:linear-gradient(148deg,#ffffff 6%,#bfe6ff 34%,#7dd3fc 62%,#38bdf8 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  filter:drop-shadow(0 10px 34px rgba(2,8,23,.55)); }

.fz-num-leg { margin:12px 0 0; max-width:22em;
  font:800 clamp(15px,1.5vw,21px)/1.22 'Sora',system-ui,sans-serif;
  letter-spacing:-.005em; text-transform:uppercase; color:#fff;
  text-shadow:0 1px 3px rgba(2,8,23,.9); }

.fz-num-conta { margin:clamp(16px,2vw,22px) 0 0; padding:clamp(15px,1.8vw,20px) 0 0;
  border-top:1px solid rgba(125,211,252,.32); max-width:24em; }
/* a leitura da conta é complemento do número do ponto: corpo menor e ressalva */
.fz-num-conta.e-nota > span { display:block;
  font:700 clamp(13px,1.15vw,15px)/1.4 'Sora',system-ui,sans-serif; letter-spacing:0;
  text-transform:none; color:rgba(226,240,255,.86);
  text-shadow:0 1px 3px rgba(2,8,23,.9); }
.fz-num-conta.e-nota > span em { font-style:normal; font-weight:800; color:#fff; }
.fz-num-conta.e-nota > span sup { font-size:.72em; color:var(--cyan-400,#38bdf8);
  margin-left:1px; }
.fz-num-conta.e-nota small { display:block; margin:7px 0 0; letter-spacing:.02em;
  font:500 11px/1.45 'Sora',system-ui,sans-serif; text-transform:none;
  color:rgba(198,214,244,.62); }
.fz-num-faixa { display:block;
  font:800 clamp(19px,2.05vw,30px)/1.12 'Sora',system-ui,sans-serif;
  letter-spacing:-.012em; text-transform:uppercase; color:rgba(226,240,255,.9);
  text-shadow:0 1px 3px rgba(2,8,23,.9); }
.fz-num-faixa b { color:var(--cyan-400,#38bdf8); font-weight:800; }
.fz-num-faixa em { font-style:normal; color:#fff; font-weight:800; }
.fz-num-conta small { display:block; margin:7px 0 0;
  font:700 clamp(11px,1.05vw,13px)/1.38 'Sora',system-ui,sans-serif;
  letter-spacing:.055em; text-transform:uppercase; color:rgba(226,240,255,.76);
  text-shadow:0 1px 3px rgba(2,8,23,.9); }

@media (max-width:900px){
  .fz-num-leg, .fz-num-conta { max-width:none; }
}