/* ==========================================================================
   TEMA DA ÁREA DO ALUNO NA PÁGINA DE VENDAS
   --------------------------------------------------------------------------
   Uma camada por cima das classes Tailwind já compiladas: mesma identidade da área do aluno,
   dos anúncios e do checkout (papel pautado, traço #334155, sombra seca, letra Balsamiq nos títulos).
   Não muda texto nem estrutura; para voltar ao visual antigo basta remover o <link> deste arquivo.
   ========================================================================== */

:root {
  --t-paper: #fdfbf7;
  --t-ink: #1e293b;
  --t-edge: #334155;
  --t-line: #cbd5e1;
  --t-muted: #475569;
  --t-rose: #e11d48;
  --t-amber: #fbbf24;
  --t-green: #047857;
  --t-hand: "Balsamiq Sans", "Comic Sans MS", cursive;
  --t-body: Nunito, system-ui, -apple-system, "Segoe UI", sans-serif;
  --t-lines: linear-gradient(rgba(203, 213, 225, .5) 1px, transparent 1px);
}

html, body, .font-sans { font-family: var(--t-body) !important; }
body { background: var(--t-paper); color: var(--t-ink); }
h1, h2, h3, h4 { font-family: var(--t-hand) !important; font-weight: 700 !important; letter-spacing: -.01em; }
h1 { line-height: 1.12 !important; }

/* ---- fundo: tudo vira papel (as seções escuras deixam de ser azul-marinho) ---- */
.min-h-screen.bg-slate-50, section.bg-white, section.bg-slate-50, section.bg-slate-900 {
  background-color: var(--t-paper) !important;
  background-image: var(--t-lines);
  background-size: 100% 40px;
  color: var(--t-ink);
}
section.bg-slate-50 { background-color: #f6f3ec !important; }
section.border-t, section { border-top: 2px solid var(--t-edge); }
section:first-of-type { border-top: 0; }

/* blobs decorativos e véus do tema antigo */
section .blur-3xl, section [class*="from-blue-600/20"], section [class*="bg-blue-600/"], section [class*="bg-amber-500/10"], section [class*="bg-purple-600/"] { display: none !important; }

/* ---- texto dentro das seções que eram escuras ---- */
section.bg-slate-900 :is(.text-white, [class*="text-slate-100"], [class*="text-slate-200"], [class*="text-slate-300"], [class*="text-slate-400"]) { color: var(--t-ink) !important; }
section.bg-slate-900 :is([class*="text-blue-"], [class*="text-amber-"]) { color: var(--t-rose) !important; }
section.bg-slate-900 p, section.bg-slate-900 li { color: var(--t-muted); }
section [class*="text-blue-600"], section [class*="text-blue-500"] { color: var(--t-rose) !important; }

/* ---- cartões: papel/branco, traço escuro e sombra seca ---- */
div[class*="rounded-2xl"], div[class*="rounded-3xl"], div[class*="rounded-xl"][class*="border"] {
  border: 2px solid var(--t-edge) !important;
  border-radius: 18px !important;
  box-shadow: 4px 4px 0 var(--t-edge) !important;
}
div.bg-slate-800, div.bg-slate-900\/80, div[class*="bg-slate-900/50"], div.bg-slate-50, div.bg-white { background-color: #fff !important; }
div.bg-slate-800 *, div.bg-slate-900\/80 * { color: inherit; }
div.bg-slate-800 :is(.text-white, [class*="text-slate-"]) { color: var(--t-ink) !important; }
div.bg-slate-800 p { color: var(--t-muted) !important; }
div.bg-slate-800:hover { border-color: var(--t-edge) !important; transform: translate(-1px, -1px); }

img[class*="rounded-3xl"], img[class*="rounded-2xl"], div.relative.rounded-2xl > img {
  border: 2px solid var(--t-edge) !important;
  box-shadow: 6px 6px 0 var(--t-edge) !important;
}
img.rounded-full { border: 2px solid var(--t-edge) !important; box-shadow: none !important; }

/* selo "OFERTA" e etiquetas redondas */
div[class*="rounded-full"][class*="bg-blue-500/10"], div[class*="rounded-full"][class*="bg-amber-500/20"] {
  background: #fff !important; border: 2px solid var(--t-edge) !important; color: var(--t-ink) !important; box-shadow: 2px 2px 0 var(--t-edge);
}
div.bg-amber-500, div[class*="from-amber-400"][class*="rounded-full"] {
  background: var(--t-amber) !important; background-image: none !important; color: var(--t-ink) !important;
  border: 2px solid var(--t-edge) !important; box-shadow: 3px 3px 0 var(--t-edge) !important;
}

/* ---- botões ---- */
a[class*="from-amber-500"], a[class*="from-blue-600"] {
  background-image: none !important;
  border: 3px solid var(--t-edge) !important;
  border-radius: 14px !important;
  font-family: var(--t-hand) !important;
  box-shadow: 5px 5px 0 var(--t-edge) !important;
  transform: none !important;
  transition: transform .12s, box-shadow .12s !important;
}
a[class*="from-amber-500"] { background-color: var(--t-amber) !important; color: var(--t-ink) !important; }
a[class*="from-blue-600"] { background-color: var(--t-green) !important; color: #fff !important; }
a[class*="from-amber-500"]:hover, a[class*="from-blue-600"]:hover { transform: translate(2px, 2px) !important; box-shadow: 2px 2px 0 var(--t-edge) !important; }
a.bg-slate-800, a[class*="bg-white/10"], a.bg-white {
  background: #fff !important; color: var(--t-ink) !important; border: 2px solid var(--t-edge) !important; border-radius: 14px !important;
  box-shadow: 3px 3px 0 var(--t-edge) !important; backdrop-filter: none !important;
}

/* quiz e prévia (botões de opção) */
button[class*="rounded-xl"][class*="border"], button[class*="rounded-2xl"] { border: 2px solid var(--t-edge) !important; background: #fff !important; color: var(--t-ink); }
button[class*="bg-blue-50"] { background: #ffe4e6 !important; box-shadow: 3px 3px 0 var(--t-edge); }
button[class*="rounded-xl"][class*="border"]:hover { background: #fef3c7 !important; }

/* ---- cartão do plano ---- */
div[class*="from-blue-900"][class*="to-slate-900"] { background: var(--t-paper) !important; background-image: none !important; border: 3px solid var(--t-edge) !important; box-shadow: 8px 8px 0 var(--t-edge) !important; padding: 4px !important; }
div.bg-slate-900[class*="rounded-"] { background: #fff !important; border: 0 !important; box-shadow: none !important; }
div[class*="from-blue-900"] :is(.text-white, [class*="text-slate-"]) { color: var(--t-ink) !important; }
div[class*="from-blue-900"] h3 { color: var(--t-rose) !important; }
div[class*="from-blue-900"] li, div[class*="from-blue-900"] li * { color: var(--t-ink) !important; }
div[class*="from-blue-900"] [class*="line-through"] { color: #64748b !important; }
div[class*="from-blue-900"] svg { color: var(--t-green) !important; }

/* ---- rodapé e topo ---- */
footer.bg-slate-950 { background: var(--t-paper) !important; border-top: 2px solid var(--t-edge) !important; color: var(--t-muted) !important; }
footer a, footer .text-slate-400, footer [class*="text-slate-"] { color: var(--t-muted) !important; }
header a[class*="bg-white/10"] { color: var(--t-ink) !important; }

/* barra de oferta no topo (fica acima do cabeçalho) */
body > div > div:first-child[class*="bg-"], .fixed.top-0 { font-family: var(--t-body); }

/* foco visível e movimento reduzido */
:focus-visible { outline: 3px solid var(--t-rose) !important; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; } }

/* ---- primeira tela enxuta: sem a faixa de contador e com um único botão de compra ---- */
.min-h-screen > .bg-red-600 { display: none !important; }
header.absolute.top-10 { top: 0 !important; }
a[href="#prova"] { display: none !important; }

/* ---- logo da empresa no topo (lado oposto ao botão da área do aluno) ---- */
.levitec-logo { display: inline-flex; flex-direction: column; align-items: center; gap: 2px; padding: 7px 16px 6px; background: #1e293b; border: 2px solid var(--t-edge); border-radius: 8px; box-shadow: 3px 3px 0 var(--t-edge); line-height: 1; user-select: none; }
.levitec-logo b { font-family: var(--t-hand); font-weight: 700; font-size: 1.1rem; letter-spacing: .12em; color: #fff; }
.levitec-logo i { font-style: normal; font-weight: 800; font-size: .6rem; letter-spacing: .42em; padding-left: .42em; color: #fb7185; }
@media (max-width: 420px) { .levitec-logo { padding: 6px 11px 5px; } .levitec-logo b { font-size: .95rem; } }