.seccion-indicadores-proyectos {
    position: relative; isolation: isolate; color: #fff; padding: 85px 0;
    background: linear-gradient(155deg, var(--fovipol-green), var(--fovipol-green-deep)); overflow: hidden;
}
.seccion-indicadores-proyectos::before {
    content: ''; position: absolute; inset: 0; z-index: -1; opacity: .12;
    background: url('../imagenes/logos/LOGO_FOVIPOL.png') center / cover no-repeat;
    mix-blend-mode: multiply;
}
.seccion-indicadores-proyectos > .container { max-width: 1380px; padding-inline: 32px; }
.indicadores-proyectos__layout { --bs-gutter-x: 64px; }
.indicadores-proyectos__summary { container-type: inline-size; }
.indicadores-proyectos__titles-box { margin-bottom: 2.5cqw; width: 100%; }
.indicadores-proyectos__title-line1 {
    font: 400 13cqw/1 'FovipolHeading', sans-serif;
    color: #fff; margin: 0 0 1cqw; white-space: nowrap;
}
.indicadores-proyectos__title-line2 {
    font: 800 15cqw/1 'FovipolHeadingBold', sans-serif;
    color: #fff; margin: 0; white-space: nowrap;
}
.indicadores-proyectos__title-line1,
.indicadores-proyectos__title-line2 {
    display: flex; justify-content: space-between; align-items: baseline;
    gap: .15em; letter-spacing: 0; width: 100%;
}
.indicadores-proyectos__card-total {
    display: flex; justify-content: center; align-items: center; gap: 2.6cqw;
    background: #fff; border-radius: 3.3cqw; padding: 3.3cqw 4.8cqw;
    color: var(--fovipol-green-deep); width: 100%;
}
.indicadores-proyectos__card-total .number,
.indicadores-proyectos__card-total .text {
    font: 900 10.5cqw/1 'Montserrat-Black', sans-serif;
    color: inherit; letter-spacing: 0;
}
.indicadores-chart-container {
    position: relative; display: flex; align-items: flex-end; justify-content: space-around;
    height: 280px; margin: 0 0 32px 32px;
}
.indicadores-chart-grid {
    position: absolute; inset: 0; display: flex; flex-direction: column;
    justify-content: space-between; pointer-events: none;
}
.indicadores-chart-gridline { position: relative; border-top: 2px dashed var(--fovipol-green-dark); width: 100%; }
.indicadores-chart-gridline span {
    position: absolute; right: calc(100% + 10px); top: 0; transform: translateY(-50%);
    font: 600 12px/1 'Montserrat', sans-serif;
}
.indicadores-chart-bar-group {
    position: relative; display: flex; flex-direction: column; justify-content: flex-end;
    align-items: center; height: 100%; flex: 1; min-width: 0;
}
.indicadores-chart-bar {
    position: relative; width: 60%; max-width: 34px; background: var(--fovipol-white);
    border-radius: 7px 7px 4px 4px; transition: background 160ms ease;
}
.indicadores-chart-bar:hover, .indicadores-chart-bar:focus { background: #fff; outline: 2px solid #fff; outline-offset: 3px; }
.indicadores-chart-year {
    position: absolute; top: calc(100% + 8px); font: 800 11px/1.4 'Montserrat', sans-serif;
    color: #fff;
}
.indicadores-chart-tooltip {
    position: absolute; left: 60%; top: 25%; z-index: 5; width: max-content;
    background: var(--fovipol-green-dark); color: #fff; padding: 9px 12px; border-radius: 10px;
    font: 400 11px/1.4 'Montserrat', sans-serif; pointer-events: none;
    opacity: 0; visibility: hidden;
}
.indicadores-chart-tooltip strong, .indicadores-chart-tooltip span { display: block; }
.indicadores-chart-tooltip strong { font-size: 13px; }
.indicadores-chart-bar:hover .indicadores-chart-tooltip,
.indicadores-chart-bar:focus .indicadores-chart-tooltip { opacity: 1; visibility: visible; }
.indicadores-chart-bar-group:nth-last-child(-n+4) .indicadores-chart-tooltip { left: auto; right: 60%; }
@media (min-width: 992px) {
    .seccion-indicadores-proyectos .indicadores-proyectos__layout > :first-child { width: 47%; }
    .seccion-indicadores-proyectos .indicadores-proyectos__layout > :last-child { width: 53%; }
}
@media (max-width: 991px) {
    .seccion-indicadores-proyectos { padding: 48px 0; }
    .indicadores-proyectos__card-total { margin: 0 0 24px; }
}
@media (max-width: 575px) {
    .seccion-indicadores-proyectos > .container { padding-inline: 20px; }
    .indicadores-proyectos__layout { --bs-gutter-x: 24px; }
    .indicadores-chart-container { height: 220px; margin-left: 22px; }
    .indicadores-chart-year { font-size: 8px; }
    .indicadores-chart-bar { width: 58%; border-radius: 4px; }
    .indicadores-chart-tooltip { font-size: 10px; padding: 6px; }
}