/* R7 — studio ao vivo: vinho, creme, letterbox */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,700;1,500&family=Karla:wght@400;500;700&display=swap");

:root {
    --gold: #e4c7a1;
    --gold-light: #f6e6d0;
    --gold-dark: #8b3a48;
    --bg: #12090c;
    --surface: #1b0f13;
    --surface-2: #26151b;
    --border: #3a2228;
    --text: #f6ebe3;
    --text-2: #c9b3a8;
    --down: #d94a5b;
}

body {
    font-family: "Karla", sans-serif;
    background: radial-gradient(ellipse at 50% 0%, #2a1218 0%, #12090c 55%);
}

.logo, h1, h2, h3, .fact-n {
    font-family: "Cormorant Garamond", Georgia, serif;
}
.logo { font-size: 30px; font-weight: 700; color: var(--gold-light); filter: none; letter-spacing: .08em; }
.logo span { font-weight: 500; font-style: italic; color: #d94a5b; }

.site-header {
    background: rgba(18,9,12,.92);
    border-bottom: 1px solid #3a2228;
}
.btn-primary {
    background: #d94a5b;
    color: #fff;
    box-shadow: none;
}
.nav-link.active { color: #d94a5b; }
.nav-link.active::after { background: #d94a5b; }

.breaking-bar { background: #1b0f13; border-color: #3a2228; }
.breaking-bar::before {
    content: "AO VIVO";
    background: #d94a5b;
    color: #fff;
    letter-spacing: .2em;
}

.studio { max-width: 1120px; margin: 0 auto; padding: 24px 20px 72px; }
.letterbox {
    aspect-ratio: 21 / 9;
    margin: 0 0 28px;
    border: 1px solid #3a2228;
    border-left: 6px solid #d94a5b;
}
.letterbox.ph { margin: 0 0 28px; }

.studio-head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 8px; }
.studio-head h1 { font-size: clamp(36px, 6vw, 58px); font-weight: 700; margin: 0; }
.studio .lead { font-size: 18px; max-width: 640px; font-style: italic; font-family: "Cormorant Garamond", serif; color: var(--gold-light); }

.duo {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    margin: 32px 0;
    border: 1px solid #3a2228;
}
.duo article { padding: 24px; }
.duo article + article { border-left: 1px solid #3a2228; }
.duo h3 { font-size: 26px; margin-bottom: 8px; color: var(--gold-light); }

.timeline { list-style: none; margin: 20px 0 32px; }
.timeline li {
    display: grid;
    grid-template-columns: 110px 1fr;
    gap: 16px;
    padding: 12px 0;
    border-bottom: 1px solid #3a2228;
    font-size: 15px;
}
.timeline time { color: #d94a5b; font-weight: 700; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }

.status-pill.status-suspenso { background: #d94a5b; color: #fff; }

@media (max-width: 800px) {
    .duo { grid-template-columns: 1fr; }
    .duo article + article { border-left: none; border-top: 1px solid #3a2228; }
    .letterbox { aspect-ratio: 16/9; }
    .studio-head { flex-direction: column; }
}
@media (max-width: 640px) {
    .logo { font-size: 22px; }
    .studio { padding: 16px 14px 56px; }
    .studio-head h1 { font-size: 32px; }
    .studio .lead { font-size: 16px; }
    .timeline li { grid-template-columns: 1fr; gap: 4px; }
    .duo article { padding: 18px 14px; }
}
@media (max-width: 380px) {
    .logo { font-size: 18px; }
}