/* Painel «No mundo» — regras próprias deste tema; as comuns estão em global-reading-base.css. */
.global-reading {
    --water-ink: #173236;
    --water-deep: #153f48;
    --water: #2b7684;
    --water-light: #75bfc5;
    --water-pale: #eef7f6;
    --water-sand: #f6f3ec;
    --water-line: #e4eeee;
    --water-muted: #5e6f70;
}
.global-reading {
    --water-ink: #30382f;
    --water-deep: #40523e;
    --water: #61724f;
    --water-light: #b8c797;
    --water-pale: #f1f4ea;
    --water-sand: #f6efe6;
    --water-line: #e2e8da;
    --water-muted: #676f65;
}
.global-reading .livestock-hero .water-hero-image {
    background-image: linear-gradient(
            90deg,
            rgba(35, 46, 34, 0.93),
            rgba(35, 46, 34, 0.58) 45%,
            rgba(35, 46, 34, 0.08) 75%
        ),
        url('/images/pecuaria-escala.webp');
}
.global-reading .livestock-hero .eyebrow {
    color: #c8d8a8;
}
.global-reading .livestock-hero h1 em {
    color: #dce7c1;
}
.global-reading .system-filters {
    display: flex;
    justify-content: center;
    gap: 0.6em;
    flex-wrap: wrap;
    margin-bottom: 1.4em;
}
.global-reading .system-filters button {
    height: auto !important;
    line-height: 1.2 !important;
    padding: 0.8em 1.35em !important;
    border: 1px solid #dfe6e1 !important;
    box-shadow: none !important;
    background: #fff !important;
    color: #7e8982 !important;
    border-radius: 999px !important;
    font-family: Georgia, serif !important;
    font-size: max(11px, 0.68em) !important;
}
.global-reading .system-filters button.active {
    background: #2f6147 !important;
    border-color: #2f6147 !important;
    color: #fff !important;
}
.global-reading .frontier-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1em;
}
.global-reading .frontier-card {
    border: 1px solid var(--water-line);
    border-radius: 16px;
    padding: 1.4em;
}
.global-reading .frontier-card small {
    color: var(--water);
    font-weight: 900;
    text-transform: uppercase;
}
.global-reading .frontier-card h3 {
    margin: 0.4em 0;
}
.global-reading .frontier-card p {
    font-size: 0.8em;
    line-height: 1.6;
    color: var(--water-muted);
}
@media (max-width: 736px) {
    .global-reading .frontier-grid {
        grid-template-columns: 1fr;
    }
}