dialog[data-v-bb6aa9b4]::backdrop{background-color:rgba(var(--black-alpha-1));--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:blur(4px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:blur(4px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.dialog-position-top[data-v-bb6aa9b4]{margin-top:clamp(2rem,5vh,5rem);margin-bottom:auto}

/* ===== Aprender Mais+ — override da paleta azul (design system "n") ===== */
/* Primária ancorada em #4462F7 (blue-9) e hover #3551d6 (blue-10). */
:root{
  --blue-1:250 251 254;
  --blue-2:244 246 254;
  --blue-3:236 239 254;
  --blue-4:219 225 252;
  --blue-5:198 207 250;
  --blue-6:173 186 250;
  --blue-7:141 158 249;
  --blue-8:105 128 248;
  --blue-9:68 98 247;
  --blue-10:53 81 214;
  --blue-11:45 68 190;
  --blue-12:30 40 96;
  --text-blue:20 26 70;
  --border-blue:68, 98, 247, .5;
  --border-blue-strong:40 56 138;
  --solid-blue:219 225 252;
  --solid-blue-2:250 251 254;
}
.dark{
  --blue-1:16 18 30;
  --blue-2:21 25 44;
  --blue-3:28 36 78;
  --blue-4:33 45 108;
  --blue-5:40 56 138;
  --blue-6:48 68 165;
  --blue-7:55 80 195;
  --blue-8:60 88 225;
  --blue-9:68 98 247;
  --blue-10:90 118 250;
  --blue-11:150 170 255;
  --blue-12:214 223 255;
  --text-blue:214 223 255;
  --border-blue:68, 98, 247, .5;
  --border-blue-strong:198 207 250;
  --solid-blue:28 36 78;
  --solid-blue-2:26 29 40;
}

/* ===== Cores secundárias — paleta da v2 ===== */
/* ruby(erro)→#e54b4b · amber(aviso)→#f5c400 · teal(sucesso)→#17a2b8 */
:root{
  --ruby-8:235 130 130; --ruby-9:229 75 75;  --ruby-10:214 60 60; --ruby-11:190 40 40; --ruby-12:96 22 22;
  --amber-8:250 214 90; --amber-9:245 196 0; --amber-10:225 178 0; --amber-11:150 100 0; --amber-12:70 48 0;
  --teal-8:120 205 216; --teal-9:23 162 184; --teal-10:18 145 165; --teal-11:12 120 140; --teal-12:12 58 66;
}
.dark{
  --ruby-8:190 70 70;   --ruby-9:229 75 75;  --ruby-10:240 100 100; --ruby-11:255 150 150; --ruby-12:254 215 215;
  --amber-8:200 150 30; --amber-9:245 196 0; --amber-10:250 205 40;  --amber-11:245 210 100; --amber-12:250 235 190;
  --teal-8:40 160 180;  --teal-9:23 162 184; --teal-10:45 178 198;   --teal-11:110 205 220;  --teal-12:200 235 240;
}

/* ===== Item selecionado nos menus -> cor da marca (#4462F7) ===== */
a.router-link-exact-active,
nav a[aria-current="page"],
aside a[aria-current="page"]{
  background:rgba(68,98,247,.12) !important;
  color:#4462F7 !important;
}
a.router-link-exact-active svg,
nav a[aria-current="page"] svg,
aside a[aria-current="page"] svg{ color:#4462F7 !important; }