/* Linguagem visual compartilhada: claro, limpo, vidro de iPhone.
   Pensado para ser reaproveitado pelos outros sites: só depende destas variáveis. */
:root{
  color-scheme:light;
  --bg:#EEF2F8; --ink:#17202E; --muted:#5B6778; --accent:#0A6CFF; --accent-ink:#FFFFFF; --accent-soft:rgba(10,108,255,.11);
  --surface:rgba(255,255,255,.68); --surface-solid:#FFFFFF; --surface-2:rgba(92,110,140,.10);
  --line:rgba(44,62,92,.11); --line-strong:rgba(44,62,92,.26);
  --ok:#0E7C57; --ok-soft:rgba(14,124,87,.12); --warn:#9A5B05; --warn-soft:rgba(214,138,20,.15); --crit:#C92A36; --crit-soft:rgba(201,42,54,.11); --gold:#9A5B05;
  --hero:rgba(255,255,255,.72); --hero-ink:var(--ink); --hero-muted:var(--muted);
  --h1:#0A6CFF; --h2:#7FB2FF; --h3:#C7DCFB;
  --c1:#0A6CFF; --c2:#5A5FE0; --c3:#12A0A8; --c4:#7FB2FF; --c5:#AEB9C9; --c6:#D9E0EA;
  --f-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Segoe UI Variable Display","Segoe UI",Roboto,sans-serif;
  --f-body:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Segoe UI Variable Text","Segoe UI",Roboto,sans-serif;
  --f-num:var(--f-body);
  --r:18px; --r-lg:24px; --r-sm:12px;
  --glass-fill:linear-gradient(150deg,rgba(255,255,255,.82),rgba(255,255,255,.58));
  --glass-edge:rgba(255,255,255,.85);
  --glass-shadow:0 1px 2px rgba(32,52,84,.05),0 10px 28px rgba(32,52,84,.07),inset 0 1px 0 rgba(255,255,255,.95);
  --glass-blur:blur(22px) saturate(175%);
}
*{box-sizing:border-box}
html{background:var(--bg)}
html,body{min-height:100%}
body{margin:0;background:transparent;color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.47;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
/* A luz atrás do vidro. Camada fixa e parada: não recalcula ao rolar. */
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:
  radial-gradient(52vmax 42vmax at 8% -6%,#CFE2FF 0,transparent 68%),
  radial-gradient(46vmax 40vmax at 100% 8%,#E3DCFF 0,transparent 66%),
  radial-gradient(52vmax 44vmax at 88% 104%,#CDEFE8 0,transparent 66%),
  radial-gradient(44vmax 38vmax at 0% 100%,#FBE6DD 0,transparent 62%),var(--bg)}
.glass{background:var(--glass-fill);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);border-radius:var(--r)}
@media (min-width:861px) and (hover:hover){.glass{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}