/* Betao — jornal de mesa: serif + ouro, duas colunas */
@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700;9..144,800&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,600;1,6..72,400&display=swap");

:root {
    --gold: #c9a227;
    --gold-light: #ead48a;
    --gold-dark: #8a7014;
    --bg: #0b0a07;
    --surface: #12100b;
    --paper: #f4ecd8;
}

body {
    font-family: "Newsreader", Georgia, serif;
    background: var(--bg);
    background-image: radial-gradient(ellipse at top, rgba(201,162,39,.08), transparent 55%);
}

.logo, .footer-logo, h1, h2, h3, .fact-n, .btn, .section-title {
    font-family: "Fraunces", Georgia, serif;
}
.logo { font-size: 26px; letter-spacing: 0; font-weight: 800; }
.logo span { font-style: italic; font-weight: 500; }

.site-header {
    background: #0b0a07;
    border-bottom: 3px solid var(--gold);
    box-shadow: none;
}
.nav-link.active::after { height: 3px; }

.breaking-bar { background: #1a160c; border-color: var(--gold-dark); }
.breaking-bar::before {
    content: "REVISÃO";
    background: var(--gold);
    letter-spacing: .14em;
}

.home {
    max-width: 1180px;
    margin: 0 auto;
    padding: 28px 24px 72px;
}
.mast {
    text-align: center;
    border-top: 3px double var(--gold);
    border-bottom: 3px double var(--gold);
    padding: 18px 12px 22px;
    margin-bottom: 28px;
}
.mast .kicker {
    font-size: 11px;
    letter-spacing: .28em;
    text-transform: uppercase;
    color: var(--gold);
    font-family: "Fraunces", serif;
}
.mast h1 {
    font-size: clamp(42px, 7vw, 72px);
    font-weight: 800;
    letter-spacing: -.02em;
    margin: 6px 0 8px;
    line-height: 1;
}
.mast .deck {
    font-size: 20px;
    font-style: italic;
    color: var(--gold-light);
    max-width: 640px;
    margin: 0 auto;
}

.home-grid {
    display: grid;
    grid-template-columns: 1.45fr 0.85fr;
    gap: 36px;
    align-items: start;
}
.home-grid .lead { font-size: 19px; line-height: 1.55; color: #ddd5c0; }
.rail {
    border-left: 1px solid var(--gold-dark);
    padding-left: 24px;
    position: sticky;
    top: 88px;
}
.rail .fact { border-color: var(--gold-dark); background: transparent; margin-bottom: 10px; }
.facts-stack { display: flex; flex-direction: column; gap: 10px; }

.page-wrap h1, .page-wrap { max-width: 860px; }
.page-wrap { font-size: 17px; }

@media (max-width: 860px) {
    .home-grid { grid-template-columns: 1fr; }
    .rail { border-left: none; padding-left: 0; border-top: 1px solid var(--gold-dark); padding-top: 20px; position: static; }
    .mast h1 { font-size: 36px; }
}
@media (max-width: 640px) {
    .logo { font-size: 16px; }
    .home { padding: 20px 14px 56px; }
    .mast { padding: 14px 8px 18px; }
    .mast .deck { font-size: 16px; }
    .mast h1 { font-size: 32px; }
}
@media (max-width: 380px) {
    .logo { font-size: 14px; }
}