/* ==========================================================================
   O Polo — skin "jornal tradicional" (v1.1.0)
   Camada aplicada sobre o Source: tipografia serifada de imprensa, filetes,
   chapéus em caixa-alta e masthead com filete duplo. Carregada após o
   built/screen.css via default.hbs.
   ========================================================================== */

:root {
    --op-serif: Georgia, "Times New Roman", Times, serif;
    --op-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --op-ink: #14120f;
    --op-rule: #d8d4cc;
    --op-rule-dark: #14120f;
    --op-muted: #6b6660;
}

/* ---------- Tipografia de imprensa ---------- */
.is-title,
.gh-card-title,
.gh-article-title,
.gh-featured-title,
.gh-cta-title {
    font-family: var(--op-serif) !important;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.gh-card-excerpt.is-body,
.gh-article-excerpt {
    font-family: var(--op-serif);
    color: #3a3630;
}

/* Corpo do artigo em serifa, como página impressa */
.gh-content > p {
    font-family: var(--op-serif);
    color: #1e1b16;
}

/* ---------- Masthead tradicional ---------- */
.gh-navigation {
    border-bottom: 3px double var(--op-rule-dark);
}

.gh-navigation.is-stacked .gh-navigation-menu,
.gh-navigation.is-stacked nav {
    border-top: 1px solid var(--op-rule);
}

.gh-navigation .nav a {
    font-family: var(--op-sans);
    text-transform: uppercase;
    font-size: 1.3rem;
    letter-spacing: 0.07em;
    font-weight: 600;
    color: var(--op-ink);
}

.op-dateline {
    text-align: center;
    font-family: var(--op-serif);
    font-style: italic;
    font-size: 1.35rem;
    color: var(--op-muted);
    margin-top: 4px;
}

@media (max-width: 767px) {
    .op-dateline { display: none; }
}

/* ---------- Chapéus (kickers) das matérias ---------- */
.gh-card-tag,
.gh-article-tag {
    font-family: var(--op-sans);
    text-transform: uppercase;
    letter-spacing: 0.09em;
    font-weight: 700;
    font-size: 1.15rem;
    color: var(--ghost-accent-color);
}

/* ---------- Filetes e densidade dos cards ---------- */
.gh-card {
    border-bottom: 1px solid var(--op-rule);
    padding-bottom: 20px;
}

.gh-card-meta,
.gh-article-meta {
    font-family: var(--op-sans);
    text-transform: uppercase;
    font-size: 1.05rem;
    letter-spacing: 0.05em;
    color: var(--op-muted);
}

/* ---------- Home Magazine: colunas com filete vertical ---------- */
@media (min-width: 992px) {
    .gh-header.is-magazine .gh-header-left {
        border-right: 1px solid var(--op-rule);
        padding-right: 24px;
    }
    .gh-header.is-magazine .gh-header-right {
        border-left: 1px solid var(--op-rule);
        padding-left: 24px;
    }
}

.gh-header.is-magazine {
    border-bottom: 1px solid var(--op-rule);
}

/* ---------- Faixa de destaques ---------- */
.gh-featured {
    border-top: 3px double var(--op-rule-dark);
}

.gh-featured-title {
    text-transform: none;
    font-size: 2.1rem;
}

/* ---------- Rodapé / CTA ---------- */
.gh-cta,
.gh-footer-signup {
    border-top: 3px double var(--op-rule-dark);
}

/* Mantém o roxo da marca apenas em ações e links */
.gh-card-link:hover .gh-card-title {
    color: var(--ghost-accent-color);
}