/* 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: #29343b;
    --water-deep: #304955;
    --water: #536f82;
    --water-light: #9bb4be;
    --water-pale: #edf3f5;
    --water-sand: #f6f2e9;
    --water-line: #e2eaed;
    --water-muted: #646e74;
}
.global-reading .ai-hero .water-hero-image {
    background-image: linear-gradient(
            90deg,
            rgba(27, 41, 49, 0.94) 0%,
            rgba(27, 41, 49, 0.62) 45%,
            rgba(27, 41, 49, 0.1) 75%
        ),
        url('/images/digital-impacto-fisico.webp');
    background-position: center;
}
.global-reading .ai-hero .eyebrow {
    color: #b6d1db;
}
.global-reading .ai-hero h1 em {
    color: #c5dce4;
}
.global-reading .pressure-system {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1em;
}
.global-reading .pressure-system article {
    border: 1px solid var(--water-line);
    border-radius: 15px;
    padding: 1.4em;
    background: #fff;
}
.global-reading .pressure-system b {
    color: var(--water);
    display: block;
}
.global-reading .pressure-system p {
    font-size: 0.8em;
    line-height: 1.6;
    color: var(--water-muted);
}
.global-reading .boundary-strip {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.7em;
    margin-top: 1.2em;
}
.global-reading .boundary-strip div {
    background: #f7f9f9;
    border-radius: 12px;
    padding: 1em;
}
.global-reading .boundary-strip b {
    display: block;
    font-size: 0.75em;
    color: var(--water-deep);
}
.global-reading .boundary-strip span {
    font-size: max(11px, 0.68em);
    color: var(--water-muted);
}
.global-reading .case-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1em;
}
.global-reading .case-card {
    border: 1px solid var(--water-line);
    border-radius: 16px;
    padding: 1.4em;
}
.global-reading .case-card small {
    color: var(--water);
    font-weight: 900;
    text-transform: uppercase;
}
.global-reading .case-card h3 {
    font-size: 1.05em;
    margin: 0.4em 0;
}
.global-reading .case-card p {
    font-size: 0.78em;
    line-height: 1.55;
    color: var(--water-muted);
}
.global-reading .case-card details {
    font-size: 0.75em;
}
.global-reading .case-card details p {
    font-size: max(11px, 1em);
}
.global-reading .case-card summary {
    cursor: pointer;
    color: var(--water);
    font-weight: 900;
}
@media (max-width: 900px) {
    .global-reading .pressure-system,.global-reading .case-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 736px) {
    .global-reading .pressure-system,.global-reading .case-grid,.global-reading .boundary-strip {
        grid-template-columns: 1fr;
    }
}