/* ============================================================
   SEÇÃO · numeros — números grandes que contam uma vez (referência Apple)
   ============================================================ */
.lp-root .lp-num{
  position:relative;overflow:hidden;isolation:isolate;border-radius:var(--radius-lg);
  background:var(--navy-900);color:var(--paper);
}
.lp-root .lp-num .gmove{--gm:rgba(120,150,255,.12);}
.lp-root .lp-num-in{position:relative;z-index:2;padding:var(--space-88) var(--space-64);}
.lp-root .lp-num .lp-sec-tit{color:var(--paper);}
.lp-root .lp-num-grade{margin-top:var(--space-64);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-40);}
.lp-root .lp-num-grade--2{grid-template-columns:repeat(2,minmax(0,1fr));}
.lp-root .lp-num-grade--4{grid-template-columns:repeat(4,minmax(0,1fr));}
.lp-root .lp-num-item{border-top:1px solid rgba(255,255,255,.18);padding-top:var(--space-24);}
.lp-root .lp-num-valor{
  font-size:var(--fs-mega);font-weight:600;line-height:1;letter-spacing:var(--ls-apoio);
  background:linear-gradient(90deg,#ffd0b0 0%,#f7a6c9 45%,#b9a4ff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  font-variant-numeric:tabular-nums;white-space:nowrap;
}
.lp-root .lp-num-valor--txt{font-size:var(--fs-display);line-height:1.1;white-space:normal;padding-top:var(--space-12);}
.lp-root .lp-num-valor small{font-size:var(--fs-h3);font-weight:500;margin-right:var(--space-8);letter-spacing:0;}
.lp-root .lp-num-rot{margin-top:var(--space-16);font-size:var(--fs-base);line-height:1.5;color:rgba(255,255,255,.78);max-width:28ch;}
.lp-root .lp-num-nota{margin-top:var(--space-48);font-size:var(--fs-xs);line-height:1.5;color:rgba(255,255,255,.55);max-width:720px;}
@media (max-width:1024px){
  .lp-root .lp-num-in{padding:var(--space-64) var(--space-40);}
  .lp-root .lp-num-grade,.lp-root .lp-num-grade--4{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:768px){
  .lp-root .lp-num-in{padding:var(--space-48) var(--space-24);}
  .lp-root .lp-num-grade,.lp-root .lp-num-grade--2,.lp-root .lp-num-grade--4{grid-template-columns:minmax(0,1fr);gap:var(--space-32);margin-top:var(--space-40);}
}

/* grade de 4 (24/09/2026): o valor mega não cabia na coluna e o "%" saía cortado.
   Tamanho menor só na grade de 4, e folga à direita para o degradê cobrir o último glifo.
   inline-block: o degradê (pêssego → rosa → lilás) cobre só o número, não a coluna inteira —
   senão o lilás cai no vazio e o número fica só pêssego/rosa. */
.lp-root .lp-num-valor{display:inline-block;padding-right:.06em;}
.lp-root .lp-num-grade--4 .lp-num-valor{font-size:clamp(44px,4.4vw,72px);}
@media (max-width:1024px){ .lp-root .lp-num-grade--4 .lp-num-valor{font-size:var(--fs-mega);} }

/* variante "preto" (19/10/2026, doc "Ajustes gloda.tech 18/10", item 04): preto puro, fios cinza discretos,
   e os percentuais com o degradê cromático da marca, estático, completo em cada número. "até" fica neutro. */
.lp-root .lp-num--preto{background:#000;}
.lp-root .lp-num--preto .lp-num-item{border-top-color:rgba(255,255,255,.22);}
.lp-root .lp-num--preto .lp-num-valor{background:none;color:#d2d2d7;-webkit-text-fill-color:currentColor;}
.lp-root .lp-num--preto .lp-num-grad{
  display:inline-block;padding-right:.04em;
  background-image:linear-gradient(90deg,#ff4a3d 0%,#ff7a1a 20%,#ffd84a 40%,#f8f6de 60%,#88efff 80%,#2f6bff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
}
.lp-root .lp-num--preto .lp-num-rot{color:rgba(255,255,255,.72);}
.lp-root .lp-num--preto .lp-num-nota{color:rgba(255,255,255,.5);}