/* 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 .empty-state-icon {
    width: 56px;
    height: 56px;
    margin-bottom: 0.7em;
    fill: none;
    stroke: var(--water-light);
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 0.9;
}
.global-reading {
    --water-ink: #342f25;
    --water-deep: #3f4936;
    --water: #936125;
    --water-light: #d9b46f;
    --water-pale: #f7f3e8;
    --water-sand: #eef2e7;
    --water-line: #e9e3d5;
    --water-muted: #726c61;
}
.global-reading .energy-hero .water-hero-image {
    background-image: linear-gradient(
            90deg,
            rgba(35, 36, 27, 0.92) 0%,
            rgba(35, 36, 27, 0.58) 44%,
            rgba(35, 36, 27, 0.08) 75%
        ),
        url('/images/energia-consciente.webp');
    background-position: center;
}
.global-reading .energy-hero .eyebrow {
    color: #e0bd79;
}
.global-reading .energy-hero h1 em {
    color: #efd095;
}
.global-reading .metric-card strong,.global-reading .journey b,.global-reading .report-card a,.global-reading .source-links a {
    color: var(--water);
}
@media (max-width: 736px) {
    .global-reading .energy-hero .water-hero-image {
        background-position: 65% center;
    }
}
.global-reading {
    --water-ink: #29362e;
    --water-deep: #304c3c;
    --water: #537552;
    --water-light: #a7c18f;
    --water-pale: #f0f5ec;
    --water-sand: #f7f1e5;
    --water-line: #dde8dc;
    --water-muted: #626f66;
}
.global-reading .territory-hero .water-hero-image {
    background-image: linear-gradient(
            90deg,
            rgba(27, 45, 35, 0.92) 0%,
            rgba(27, 45, 35, 0.56) 44%,
            rgba(27, 45, 35, 0.08) 75%
        ),
        url('/images/renovaveis-territorio.webp');
    background-position: center;
}
.global-reading .territory-hero .eyebrow {
    color: #b7d49b;
}
.global-reading .territory-hero h1 em {
    color: #d4e6bd;
}
.global-reading .principle-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.2em;
}
.global-reading .principle-grid article {
    border-top: 3px solid var(--water-light);
    padding: 1.3em 1.2em 0 0;
}
.global-reading .principle-grid b {
    color: var(--water-deep);
}
.global-reading .principle-grid p {
    font-size: 0.83em;
    line-height: 1.6;
    color: var(--water-muted);
}
.global-reading .project-observatory {
    background: #f7faf5;
    margin: 0 -2.5em;
    padding: 3.5em 2.5em !important;
    border-radius: 24px;
}
.global-reading .project-filters {
    display: flex;
    gap: 0.65em;
    flex-wrap: wrap;
    margin-bottom: 1.5em;
    justify-content: center;
}
.global-reading .project-filters button {
    border: 1px solid var(--water-line);
    border-radius: 999px;
    background: #fff;
    color: var(--water-deep);
    font-size: max(11px, 0.67em);
    font-weight: 900;
    padding: 0.7em 1.1em;
}
.global-reading .project-filters button.active {
    background: var(--water-deep);
    color: #fff;
}
.global-reading .pressure-projects {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.2em;
}
.global-reading .pressure-card {
    background: #fff;
    border: 1px solid var(--water-line);
    border-radius: 17px;
    padding: 1.5em;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.8em 1.2em;
}
.global-reading .pressure-card .tech {
    font-size: max(11px, 0.58em);
    text-transform: uppercase;
    letter-spacing: 1.2px;
    color: var(--water);
    font-weight: 900;
}
.global-reading .pressure-card h3 {
    font-size: 1.3em;
    margin: 0.25em 0;
}
.global-reading .pressure-card .country {
    font-size: max(11px, 0.7em);
    color: var(--water-muted);
}
.global-reading .pressure-area {
    text-align: right;
}
.global-reading .pressure-area strong {
    font-size: 1.8em;
    color: var(--water-deep);
    display: block;
}
.global-reading .pressure-area small {
    font-size: max(11px, 0.6em);
    color: var(--water-muted);
}
.global-reading .pressure-facts {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.6em;
    border-top: 1px solid var(--water-line);
    padding-top: 1em;
}
.global-reading .pressure-facts small {
    display: block;
    text-transform: uppercase;
    font-size: max(11px, 0.53em);
    color: #636e67;
}
.global-reading .pressure-facts b {
    font-size: 0.83em;
}
.global-reading .pressure-card > p {
    grid-column: 1 / -1;
    font-size: 0.76em;
    line-height: 1.55;
    color: var(--water-muted);
    margin: 0;
}
.global-reading .pressure-card .evidence {
}
.global-reading .pressure-card a {
    grid-column: 1 / -1;
    font-size: max(11px, 0.62em);
    text-transform: uppercase;
    font-weight: 900;
    color: var(--water);
    text-decoration: none;
}
.global-reading .evidence-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1em;
}
.global-reading .evidence-grid article {
    padding: 1.3em;
    border: 1px solid var(--water-line);
    border-radius: 14px;
}
.global-reading .evidence-grid small {
    color: var(--water);
    font-weight: 900;
}
.global-reading .evidence-grid b {
    display: block;
    margin: 0.5em 0;
}
.global-reading .evidence-grid p {
    font-size: 0.75em;
    line-height: 1.55;
    color: var(--water-muted);
}
@media (max-width: 736px) {
    .global-reading .principle-grid {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 736px) {
    .global-reading .pressure-projects,.global-reading .evidence-grid {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 736px) {
    .global-reading .project-observatory {
        margin: 0;
        padding: 2em 1.2em !important;
    }
}
@media (max-width: 736px) {
    .global-reading .pressure-card {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 736px) {
    .global-reading .pressure-area {
        text-align: left;
    }
}
@media (max-width: 736px) {
    .global-reading .pressure-facts {
        grid-template-columns: 1fr;
    }
}