.percepcion-sobreexplotacion {
    background-color: transparent;
}

.percepcion-sobreexplotacion__layout {
    align-items: stretch;
    gap: 1.5rem;
}

.percepcion-sobreexplotacion__left {
    flex: 1 1 420px;
    min-width: 280px;
}

.percepcion-sobreexplotacion__title {
    margin: 0;
    color: #1a1b1e;
    line-height: 1.02;
    max-width: 720px;
}


.percepcion-sobreexplotacion__gauge.is-echarts {
    border-radius: 0;
    background: none;
    mask: none;
    -webkit-mask: none;
}

.percepcion-sobreexplotacion__right {
    flex: 1 1 560px;
    min-width: 300px;
}

.percepcion-sobreexplotacion__card {
    overflow: hidden;
    align-items: stretch;
    min-height: 360px;
    background-color: var(--color-success);
    background-image: url(../img/textures/waterTexture-lightturquoise.webp);
}

.percepcion-sobreexplotacion__card-image-wrap {
    margin: 0;
    flex: 0 1 48%;
    min-width: 260px;
}

.percepcion-sobreexplotacion__card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.percepcion-sobreexplotacion__card-copy {
    flex: 1 1 300px;
    padding: 1.15rem 1.35rem 1.35rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #ffffff;
    gap: 16px;
}

.percepcion-sobreexplotacion__card-title {
    margin: 0;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 0.95;
}

.percepcion-sobreexplotacion__card-text {
    margin: 0.8rem 0 0;
    line-height: 1.4;
}


@media (max-width: 980px) {
    .percepcion-sobreexplotacion__card-image-wrap {
        flex-basis: 100%;
    }

    .percepcion-sobreexplotacion__stat-row span {
        line-height: 1.08;
    }
}

@media (max-width: 640px) {
    .percepcion-sobreexplotacion__stat-row {
        flex-direction: column;
        gap: 0.45rem;
    }

    .percepcion-sobreexplotacion__stat-row strong {
        min-width: 0;
    }
}