/* SONELIORA 6.6 · "Firmamento Dourado" aplicado às páginas do Atlas que vieram das versões 6.0–6.5.
   Só reescreve cores, tipografia e superfícies; a estrutura e os scripts de cada sala continuam iguais. */
body.fx-skin { --gold: #e3c27e; --muted: #b9b1a1; --line: rgba(214, 176, 106, .24); color: var(--fx-text) !important; }
body.fx-skin, body.fx-skin p, body.fx-skin li, body.fx-skin label, body.fx-skin td { font-family: var(--fx-sans); }
body.fx-skin > .f65-bg, body.fx-skin .stars, body.fx-skin .bgstars { display: none !important; }
body.fx-skin .wrapper, body.fx-skin .shell, body.fx-skin .f65-shell, body.fx-skin .container { max-width: 1320px; margin-left: auto; margin-right: auto; padding-left: clamp(16px, 3.4vw, 40px); padding-right: clamp(16px, 3.4vw, 40px); background: transparent !important; }

/* títulos */
body.fx-skin h1 { font-family: var(--fx-serif) !important; font-weight: 500 !important; letter-spacing: -.005em !important; color: #f6ecd6; }
body.fx-skin h2, body.fx-skin h3 { font-family: var(--fx-serif) !important; font-weight: 600 !important; color: #f3e7cc; letter-spacing: 0 !important; }
body.fx-skin h3 { font-size: 1.22em; }
body.fx-skin h1 em, body.fx-skin h2 em, body.fx-skin .v64herotext h1 em, body.fx-skin .hero h1 em { color: var(--fx-gold-2) !important; font-style: italic !important; }
body.fx-skin .eyebrow, body.fx-skin .kicker, body.fx-skin .f65-kicker, body.fx-skin .overline, body.fx-skin small.eyebrow { font-family: var(--fx-display) !important; letter-spacing: .26em !important; text-transform: uppercase; color: var(--fx-gold) !important; font-weight: 600 !important; }
body.fx-skin a { color: var(--fx-gold-2); }
body.fx-skin a:hover { color: #fff3cf; }

/* superfícies */
body.fx-skin .hero, body.fx-skin .v64hero, body.fx-skin .heroaside, body.fx-skin .panel, body.fx-skin .card, body.fx-skin .v64lab, body.fx-skin .v64notice, body.fx-skin .v64sources,
body.fx-skin .v64prompts article, body.fx-skin .v64numbers > div, body.fx-skin .source, body.fx-skin .sidebar, body.fx-skin .f65-card, body.fx-skin .f65-panel, body.fx-skin article.f65, body.fx-skin .box, body.fx-skin .tile {
  background: linear-gradient(165deg, rgba(16, 23, 41, .86), rgba(8, 12, 23, .88)) !important; border: 1px solid rgba(214, 176, 106, .22) !important; box-shadow: 0 20px 50px rgba(0, 0, 0, .35) !important; color: var(--fx-text); }
body.fx-skin .hero, body.fx-skin .v64hero { position: relative; overflow: hidden; }
body.fx-skin .hero::before, body.fx-skin .v64hero::before { content: ''; position: absolute; inset: 7px; border-radius: inherit; border: 1px solid rgba(214, 176, 106, .12); pointer-events: none; z-index: 1; }
body.fx-skin .card:hover, body.fx-skin .f65-card:hover { border-color: rgba(214, 176, 106, .5) !important; }
body.fx-skin .card small, body.fx-skin .card .meta { color: var(--fx-gold) !important; }
body.fx-skin .card b, body.fx-skin .panel h3, body.fx-skin .heroaside b { color: var(--fx-gold-2) !important; }
body.fx-skin .card p, body.fx-skin .panel p, body.fx-skin .panel li, body.fx-skin .hero p, body.fx-skin .v64herotext p, body.fx-skin .v64intro p, body.fx-skin .v64prompts p { color: #cfc6b4 !important; }
body.fx-skin .note, body.fx-skin .v64notice, body.fx-skin .notice, body.fx-skin .aviso { border-left: 3px solid var(--fx-gold) !important; background: rgba(214, 176, 106, .07) !important; color: #e9dfca !important; border-radius: 12px !important; }

/* botões */
body.fx-skin .btn, body.fx-skin .v64btn, body.fx-skin button.btn, body.fx-skin .playerControls button { border: 1px solid rgba(214, 176, 106, .45) !important; background: rgba(214, 176, 106, .07) !important; color: var(--fx-gold-2) !important; border-radius: 99px !important; font-family: var(--fx-sans) !important; font-weight: 650 !important; transition: background .2s, color .2s, transform .2s; }
body.fx-skin .btn:hover, body.fx-skin .v64btn:hover { background: rgba(214, 176, 106, .16) !important; filter: none !important; }
body.fx-skin .btn.primary, body.fx-skin .primary:not(.tag), body.fx-skin button.primary, body.fx-skin .v64btn.primary, body.fx-skin .v64btn:first-child { background: linear-gradient(180deg, #f6e2ac, #d4a95c 60%, #b68940) !important; color: #1b1305 !important; border-color: transparent !important; box-shadow: 0 8px 24px rgba(214, 176, 106, .22) !important; }
body.fx-skin .btn.primary:hover, body.fx-skin .primary:not(.tag):hover { transform: translateY(-1px); }

/* rótulos e etiquetas */
body.fx-skin .pill, body.fx-skin .tag, body.fx-skin .chip, body.fx-skin .heroStats span { border: 1px solid rgba(214, 176, 106, .35) !important; background: rgba(214, 176, 106, .06) !important; color: var(--fx-gold-2) !important; }
body.fx-skin .tag.primary { color: #bfe9c8 !important; border-color: rgba(150, 210, 160, .45) !important; }
body.fx-skin .tag.viz { color: #c5d4ff !important; border-color: rgba(150, 170, 230, .45) !important; }

/* formulários */
body.fx-skin input:not([type=range]):not([type=checkbox]):not([type=radio]), body.fx-skin select, body.fx-skin textarea, body.fx-skin .notebook {
  background: rgba(5, 8, 16, .7) !important; color: var(--fx-text) !important; border: 1px solid rgba(214, 176, 106, .28) !important; border-radius: 12px !important; }
body.fx-skin input:focus, body.fx-skin select:focus, body.fx-skin textarea:focus { outline: none !important; border-color: var(--fx-gold) !important; box-shadow: 0 0 0 3px rgba(214, 176, 106, .18) !important; }
body.fx-skin input[type=range] { accent-color: var(--fx-gold); }
body.fx-skin input[type=checkbox], body.fx-skin input[type=radio] { accent-color: var(--fx-gold); }

/* barras de progresso e destaques que eram turquesa */
body.fx-skin #progressBar, body.fx-skin .progress > i, body.fx-skin .bar > i, body.fx-skin .meter > i { background: linear-gradient(90deg, #b68940, #f2dca4) !important; }
body.fx-skin .v64posterCard { border-color: rgba(214, 176, 106, .25) !important; }
body.fx-skin .v64posterCard span { font-family: var(--fx-display); letter-spacing: .08em; text-transform: uppercase; }

/* respiro entre o cabeçalho novo e o conteúdo */
body.fx-skin .fx-top + * { margin-top: 0; }
body.fx-skin main { padding-top: clamp(10px, 2vw, 24px); }
@media (max-width: 860px) { body.fx-skin .hero, body.fx-skin .v64hero { border-radius: 18px !important; } }
body.fx-skin .a61eyebrow, body.fx-skin .v64intro .a61eyebrow { color: var(--fx-gold) !important; font-family: var(--fx-display) !important; letter-spacing: .24em !important; }
body.fx-skin .v64numbers strong, body.fx-skin .number, body.fx-skin .stat strong { color: var(--fx-gold-2) !important; }
body.fx-skin .v64controls label b { color: var(--fx-gold-2) !important; }
body.fx-skin .v64controls, body.fx-skin .v64data canvas { border-color: rgba(214, 176, 106, .25) !important; }