@import url('/assets/css/pages/observatorio-biodiversity.css?v=3');

:root {
    --water-ink: #342f25;
    --water-deep: #3f4936;
    --water: #b4762d;
    --water-light: #d9b46f;
    --water-pale: #f7f3e8;
    --water-sand: #eef2e7;
    --water-line: #e9e3d5;
    --water-muted: #756f63;
}

.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;
}

.energy-hero .eyebrow {
    color: #e0bd79;
}

.energy-hero h1 em {
    color: #efd095;
}

.metric-card strong,
.journey b,
.report-card a,
.source-links a {
    color: var(--water);
}

.metric-card:nth-child(even) {
    background: var(--water-sand);
}

@media (max-width: 736px) {
    .energy-hero .water-hero-image {
        background-position: 65% center;
    }
}