@keyframes spinner-d59cc288{to{transform:rotate(360deg)}}.spinner[data-v-d59cc288]{position:relative;display:inline-block;height:1.5rem;width:1.5rem;vertical-align:middle}.spinner[data-v-d59cc288]:before{position:absolute;top:50%;left:50%;margin-left:-.625rem;margin-top:-.625rem;box-sizing:border-box;height:1.5rem;width:1.5rem;animation:spinner-d59cc288 .9s linear infinite;border-radius:9999px;border-width:2px;border-style:solid;border-color:rgb(var(--slate-10) / 1);border-color:rgb(var(--slate-10) / var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-top-color:rgb(var(--border-strong) / 1);border-top-color:rgb(var(--border-strong) / var(--tw-border-opacity, 1));--tw-content: "";content:"";content:var(--tw-content)}.spinner.message[data-v-d59cc288]{top:0;left:0;margin:0 auto;margin-top:.75rem;border-radius:2rem;--tw-bg-opacity: 1;background-color:rgb(var(--background-color) / 1);background-color:rgb(var(--background-color) / var(--tw-bg-opacity, 1));padding:.625rem}.spinner.message[data-v-d59cc288]:before{margin-top:-.75rem;margin-left:-.75rem}.spinner.small[data-v-d59cc288]{height:1rem;width:1rem}.spinner.small[data-v-d59cc288]:before{margin-top:-.5rem;height:1rem;width:1rem}.spinner.tiny[data-v-d59cc288]{height:.625rem;width:.625rem;padding-top:0;padding-bottom:0;padding-left:.25rem;padding-right:.25rem}.spinner.tiny[data-v-d59cc288]:before{margin-top:-.375rem;height:.625rem;width:.625rem}

/* ===== 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; }
