/* Identidade visual dos módulos novos (Graal, Lousa Visual, Mapa Mental, Fluxo, Como Fala)
   — mesmas cores usadas nas órbitas da hero, aplicadas às demais seções. */
.mod-graal{--m1:#ffd36e;--m2:#ff5a24;--mg:rgba(255,120,50,.35)}
.mod-lv{--m1:#6fe3ff;--m2:#2a6bff;--mg:rgba(50,140,255,.32)}
.mod-mm{--m1:#7dffc4;--m2:#0f9f7a;--mg:rgba(30,190,140,.3)}
.mod-fl{--m1:#d6a2ff;--m2:#7c3cff;--mg:rgba(130,80,255,.32)}
.mod-cf{--m1:#ffa0d2;--m2:#e3336f;--mg:rgba(230,60,120,.3)}

.product-mark-letter[class*="mod-"],
.module-power-grid article>span.module-letter{
  display:grid;place-items:center;color:#fff;font-family:"Plus Jakarta Sans",Manrope,sans-serif;font-weight:900;letter-spacing:-.01em;text-shadow:0 1px 4px rgba(0,0,0,.28);
  background:radial-gradient(120% 120% at 28% 16%,rgba(255,255,255,.62),rgba(255,255,255,0) 34%),linear-gradient(145deg,var(--m1),var(--m2));
  box-shadow:inset 0 -4px 9px rgba(0,0,0,.2),inset 0 1px 1px rgba(255,255,255,.5),0 10px 22px var(--mg)
}
.product-mark-letter[class*="mod-"]{font-size:.8rem}
.module-power-grid article>span.module-letter{font-size:15px}