/* Gerado por scripts/gera-seo.mjs */
@font-face { font-family: 'Cinzel'; font-weight: 600; font-display: swap; src: url('/assets/fontes/cinzel-600-normal-latin.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-weight: 400; font-display: swap; src: url('/assets/fontes/inter-400-normal-latin.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-weight: 600; font-display: swap; src: url('/assets/fontes/inter-600-normal-latin.woff2') format('woff2'); }
:root { color-scheme: dark; --fundo: #0b0806; --papel: #f2e3c4; --texto: #e7dcc6; --suave: #a99a80; --ouro: #d8b45a; --borda: rgba(216, 180, 90, .25); --cartao: #15100b; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--fundo); color: var(--texto); font: 400 16px/1.65 Inter, system-ui, sans-serif; }
a { color: var(--ouro); }
.topo { position: sticky; top: 0; z-index: 2; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--borda); background: rgba(11, 8, 6, .94); }
.topo nav { display: flex; flex-wrap: wrap; gap: 4px 16px; align-items: center; }
.topo a { text-decoration: none; }
.marca { color: var(--papel) !important; font: 600 18px Cinzel, Georgia, serif; letter-spacing: .06em; }
.chamada { display: inline-block; padding: 8px 14px; border-radius: 6px; background: var(--ouro); color: #1a1208 !important; font-weight: 600; text-decoration: none; }
main { max-width: 860px; margin: 0 auto; padding: 24px 16px 48px; }
.migalhas { color: var(--suave); font-size: 14px; }
h1, h2, h3 { color: var(--papel); font-family: Cinzel, Georgia, serif; font-weight: 600; line-height: 1.2; }
h1 { margin: 16px 0 8px; font-size: clamp(28px, 6vw, 42px); }
h2 { margin: 40px 0 12px; font-size: 24px; }
h3 { margin: 20px 0 6px; font-size: 18px; }
.sub { margin: 0 0 20px; color: var(--suave); }
.retrato { display: block; width: 100%; max-width: 520px; height: auto; margin: 16px 0 24px; border: 1px solid var(--borda); border-radius: 10px; }
.ficha { margin: 16px 0; padding: 16px; border: 1px solid var(--borda); border-radius: 10px; background: var(--cartao); }
.ficha h3 { margin-top: 0; }
.ficha h4 { margin: 16px 0 4px; color: var(--ouro); font-size: 15px; }
.ficha p { margin: 4px 0; }
.ficha dl { display: grid; grid-template-columns: max-content 1fr; gap: 4px 16px; margin: 0; }
.ficha dt { color: var(--suave); }
.ficha dd { margin: 0; }
.atributos { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; margin: 12px 0; text-align: center; }
.atributos div { padding: 8px 4px; border: 1px solid var(--borda); border-radius: 8px; }
.atributos b { display: block; color: var(--suave); font-size: 12px; letter-spacing: .08em; }
.lista { display: grid; gap: 12px; padding: 0; list-style: none; }
.lista li { padding: 16px; border: 1px solid var(--borda); border-radius: 10px; background: var(--cartao); }
.lista li h3 { margin: 0 0 4px; }
.lista li p { margin: 4px 0 0; }
.meta { color: var(--suave); font-size: 14px; }
.vizinhos { display: flex; justify-content: space-between; gap: 16px; margin-top: 32px; }
.convite { margin-top: 48px; padding: 20px; border: 1px solid var(--borda); border-radius: 12px; background: linear-gradient(145deg, #1d150c, #0f0b07); }
.convite h2 { margin-top: 0; }
.convite .chamada { margin-right: 12px; }
.rodape { max-width: 860px; margin: 0 auto; padding: 24px 16px 48px; border-top: 1px solid var(--borda); color: var(--suave); font-size: 14px; }
.marcas { font-size: 12px; }
@media (max-width: 560px) { .atributos { grid-template-columns: repeat(3, 1fr); } .ficha dl { grid-template-columns: 1fr; } .ficha dd { margin-bottom: 6px; } }