#main-wrapper {
        max-width: 100%;
        overflow-x: clip;
        position: relative;
        width: 100%;
    }

    .header-nav-three.iai-report-header {
        background-color: #edeeef;
        left: 0;
        position: sticky !important;
        top: 0 !important;
        width: 100%;
        z-index: 9999;
    }

    .wrapper > .row:first-child {
        padding-top: 12px;
    }

    .featured-metrics {
        background-color: #006bd9;
        color: #fff;
        margin-left: calc(50% - 50vw);
        padding: 56px 28px;
        text-align: center;
        width: 100vw;
    }

    .featured-metrics__heading {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 48px;
    text-align: center;
    }

    .featured-metrics__title {
        color: #fff;
        font-size: 28px;
        font-weight: 700;
        line-height: 1.2;
        margin: 0;
        text-align: center;
    }

    .featured-metrics__subtitle {
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        line-height: 1.2;
        margin: 0;
        text-align: center;
    }

    .featured-metrics__grid {
        display: grid;
        gap: 30px 22px;
        grid-template-columns: repeat(7, minmax(0, 1fr));
        margin: 0 auto;
        max-width: 1280px;
    }

    .featured-metrics__item {
        align-items: center;
        display: flex;
        flex-direction: column;
        min-width: 0;
    }

    .featured-metrics__icon {
        height: 58px;
        margin-bottom: 18px;
        object-fit: contain;
        width: 58px;
    }

    .featured-metrics__value {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        line-height: 1.1;
        margin-bottom: 8px;
        min-height: 27px;
        white-space: nowrap;
    }

    .featured-metrics__label {
        color: #fff;
        font-size: 12px;
        text-align: center;
        line-height: 1.25;
        margin: 0;
    }

    .featured-metrics__cta {
        border: 1px solid #fff;
        border-radius: 10px;
        color: #fff;
        display: inline-block;
        font-weight: 700;
        margin-top: 42px;
        padding: 12px 28px;
        text-decoration: none;
        transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
    }

    .featured-metrics__cta:hover,
    .featured-metrics__cta:focus {
        background-color: #fff;
        color: #006bd9;
        text-decoration: none;
        transform: translateY(-1px);
    }

    @media (max-width: 1199px) {
        .featured-metrics__grid {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }

    @media (max-width: 767px) {
        .featured-metrics {
            padding: 44px 20px;
        }

        .featured-metrics__grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    .about-section {
        background-color: #edeeef;
        display: grid;
        gap: 48px;
        grid-template-columns: minmax(280px, 38%) 1fr;
        padding: 72px 0;
    }

    .about-section__media {
        padding-left: 36px;
    }

    .about-section__title {
        color: #000;
        font-size: 30px;
        font-weight: 700;
        line-height: 1.15;
        margin: 0 0 18px;
        text-align: left;
    }

    .about-section__image-wrap {
        min-height: 500px;
        position: relative;
    }

    .about-cont {
        border-radius: 24px;
        height: 100%;
        min-height: 500px;
        overflow: hidden;
    }

    .about-cont img {
        display: block;
        height: 100%;
        object-fit: cover;
        object-position: center;
        width: 100%;
    }

    .text-float {
        background-color: #006bd9;
        border-radius: 10px;
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.22);
        left: -28px;
        max-width: 235px;
        padding: 24px 26px;
        position: absolute;
        top: 54%;
        transform: translateY(-50%);
        z-index: 2;
    }

    .text-float::after {
        background-color: #86d7ea;
        border-radius: 50%;
        content: "";
        height: 24px;
        position: absolute;
        right: -12px;
        top: 24px;
        width: 24px;
    }

    .text-float p {
        color: #fff;
        font-size: 15px;
        line-height: 1.35;
        margin: 0;
    }

    .about-section__content {
        align-self: center;
        padding: 42px 42px 20px 0;
    }

    .about-section__content p {
        color: #4f5357;
        font-size: 15px;
        line-height: 1.55;
        margin-bottom: 18px;
    }

    .about-section__content strong {
        color: #006bd9;
        font-weight: 700;
    }

    .about-cards {
        display: grid;
        gap: 34px 60px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        margin-top: 34px;
    }

    .about-card {
        align-items: center;
        background-color: #fff;
        border-radius: 12px;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.16);
        color: #3f4448;
        display: flex;
        gap: 20px;
        min-height: 82px;
        padding: 18px 24px;
        position: relative;
        text-decoration: none;
        transition: box-shadow 0.2s ease, transform 0.2s ease;
    }

    .about-card:nth-child(1)::before,
    .about-card:nth-child(3)::before,
    .about-card:nth-child(4)::before {
        display: none;
    }

    .about-card:hover,
    .about-card:focus {
        color: #006bd9;
        box-shadow: 0 12px 22px rgba(0, 0, 0, 0.18);
        text-decoration: none;
        transform: translateY(-2px);
    }

    .about-card__icon,
    .about-card__label {
        position: relative;
        z-index: 1;
    }

    .about-card__icon {
        height: 42px;
        object-fit: contain;
        width: 42px;
    }

    .about-card__label {
        font-size: 13px;
        font-weight: 700;
        line-height: 1.25;
        text-align: left;
    }

    @media (max-width: 991px) {
        .about-section {
            grid-template-columns: 1fr;
            padding: 56px 20px;
        }

        .about-section__media,
        .about-section__content {
            padding: 0;
        }

        .about-cards {
            gap: 24px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    @media (max-width: 575px) {
        .about-section__image-wrap,
        .about-cont {
            min-height: 420px;
        }

        .text-float {
            left: 18px;
            max-width: 220px;
        }

        .about-cards {
            grid-template-columns: 1fr;
        }
    }

    .index-feature-panels {
        background-color: #fff;
        display: grid;
        gap: 88px;
        margin-left: calc(50% - 50vw);
        padding: 72px 28px 88px;
        width: 100vw;
    }

    .index-feature-panel {
        align-items: center;
        display: grid;
        gap: 56px;
        grid-template-columns: minmax(280px, 1fr) minmax(280px, 1fr);
        margin: 0 auto;
        max-width: 1040px;
    }

    .index-feature-panel--reverse .index-feature-panel__media {
        order: 2;
    }

    .index-feature-panel--reverse .index-feature-panel__body {
        order: 1;
    }

    .index-feature-panel__image {
        border-radius: 10px;
        display: block;
        height: 280px;
        object-fit: cover;
        width: 100%;
    }

    .index-feature-panel__body {
        color: #000;
        text-align: center;
    }

    .index-feature-panel__title {
        color: #000;
        font-size: 26px;
        font-weight: 700;
        line-height: 1.25;
        margin: 0 0 28px;
        text-align: center;
    }

    .index-feature-panel__text {
        color: #000;
        font-size: 15px;
        line-height: 1.65;
        margin: 0 auto 30px;
        max-width: 520px;
        text-align: left;
    }

    .index-feature-panel__button {
        background-color: #112E65;
        border-radius: 10px;
        color: #fff;
        display: inline-block;
        font-size: 13px;
        font-weight: 700;
        padding: 13px 24px;
        text-decoration: none;
        transition: background-color 0.2s ease, transform 0.2s ease;
    }

    .index-feature-panel__button:hover,
    .index-feature-panel__button:focus {
        background-color: #0b214b;
        color: #fff;
        text-decoration: none;
        transform: translateY(-1px);
    }

    .geographic-presence {
        background-color: #fff;
        margin-left: calc(50% - 50vw);
        padding: 72px 28px 88px;
        width: 100vw;
    }

    .geographic-presence__title {
        color: #000;
        font-size: 30px;
        font-weight: 700;
        line-height: 1.2;
        margin: 0 0 46px;
        text-align: center;
        /*text-decoration: underline;*/
        text-decoration-thickness: 2px;
        text-underline-offset: 8px;
    }

    .geographic-presence__layout {
        align-items: center;
        display: grid;
        gap: 48px;
        grid-template-columns: minmax(0, 7fr) minmax(280px, 3fr);
        margin: 0 auto;
        max-width: 1240px;
    }

    .geographic-presence__map {
        min-width: 0;
    }

    .geographic-presence__map .mapa {
        display: block;
        height: auto;
        max-width: none;
        width: 100%;
    }

    .geographic-presence .st0 {
        fill: #112E65;
        stroke: #fff;
        stroke-width: 0.5;
    }

    .geographic-presence .st1 {
        fill: #e2e5e8;
        stroke: #fff;
        stroke-width: 0.5;
    }

    .geographic-presence__body {
        color: #000;
    }

    .geographic-presence__text {
        color: #000;
        font-size: 16px;
        line-height: 1.65;
        margin: 0 0 30px;
    }

    .geographic-presence__button {
        background-color: #112E65;
        border-radius: 10px;
        color: #fff;
        display: inline-block;
        font-size: 13px;
        font-weight: 700;
        padding: 13px 24px;
        text-decoration: none;
        transition: background-color 0.2s ease, transform 0.2s ease;
    }

    .geographic-presence__button:hover,
    .geographic-presence__button:focus {
        background-color: #0b214b;
        color: #fff;
        text-decoration: none;
        transform: translateY(-1px);
    }

    @media (max-width: 767px) {
        .index-feature-panels {
            gap: 56px;
            padding: 56px 20px 64px;
        }

        .index-feature-panel {
            gap: 28px;
            grid-template-columns: 1fr;
        }

        .index-feature-panel--reverse .index-feature-panel__media,
        .index-feature-panel--reverse .index-feature-panel__body {
            order: initial;
        }

        .index-feature-panel__image {
            height: 230px;
        }

        .geographic-presence {
            padding: 56px 20px 64px;
        }

        .geographic-presence__title {
            font-size: 26px;
            margin-bottom: 34px;
        }

        .geographic-presence__layout {
            gap: 30px;
            grid-template-columns: 1fr;
        }
    }

    .division-segment {
        background-color: #fff;
        border-radius: 16px;
        box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);
        font-family: 'Nunito', sans-serif;
        margin: 56px auto 0;
        max-width: 1290px;
        overflow: visible;
        padding: 42px 36px 0;
        position: relative;
    }

    .division-segment__tab {
        align-items: center;
        display: inline-flex;
        filter: drop-shadow(0 4px 12px rgba(0, 48, 120, 0.18));
        left: 36px;
        margin: 0;
        max-width: calc(100% - 72px);
        padding-bottom: 9px;
        position: absolute;
        top: -30px;
        z-index: 6;
    }

    .division-segment__tab-icon {
        background-color: transparent;
        border-radius: 14px;
        box-shadow: 0 3px 10px rgba(0, 48, 120, 0.14);
        display: block;
        flex-shrink: 0;
        height: 66px;
        margin-left: -22px;
        margin-right: -44px;
        overflow: hidden;
        position: relative;
        width: 66px;
        z-index: 2;
    }

    .division-segment__tab-icon img {
        display: block;
        height: 100%;
        object-fit: contain;
        width: 100%;
    }

    .division-segment__tab-banner {
        background-color: #006bd9;
        border-radius: 12px 12px 12px 12px;
        border-bottom-right-radius: 0;
        min-width: 268px;
        padding: 14px 34px 14px 70px;
        position: relative;
    }

    .division-segment__tab-banner::after {
        border-color: #006bd9 transparent transparent transparent;
        border-style: solid;
        border-width: 9px 9px 0 0;
        bottom: -9px;
        content: "";
        height: 0;
        position: absolute;
        right: 0;
        width: 0;
    }

    .division-segment__tab-title {
        color: #fff;
        font-family: 'Nunito', sans-serif;
        font-size: 21px;
        font-weight: 700;
        line-height: 1.2;
        margin: 0;
    }

    .division-segment__tab-subtitle {
        color: #6eb8e5;
        display: block;
        font-family: 'Nunito', sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 1.3;
        margin: 4px 0 0;
    }

    .division-segment__content {
        align-items: stretch;
        display: grid;
        gap: 0 24px;
        grid-template-columns: minmax(0, 1fr) 382px;
        padding-top: 38px;
    }

    .division-segment__copy {
        padding-bottom: 32px;
        padding-right: 4px;
    }

    .division-segment__columns {
        display: grid;
        gap: 20px 44px;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .division-segment p,
    .wrapper > .row > .col-12 > p {
        color: #4f5357;
        font-family: 'Nunito', sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.12;
        text-align: justify;
    }

    .division-segment__col p {
        margin: 0 0 16px;
    }

    .division-segment p span {
        font-size: inherit;
        line-height: inherit;
    }

    .division-segment__col-end {
        margin-bottom: 0;
    }

    .division-segment__col--right .division-segment__quote {
        align-items: flex-start;
        border: 0;
        display: flex;
        gap: 8px;
        margin: 22px 0 0;
        padding: 0;
        width: 100%;
    }

    .division-segment__quote-mark {
        color: #a5c8d6;
        flex-shrink: 0;
        font-family: Georgia, 'Times New Roman', serif;
        font-size: 84px;
        font-weight: 400;
        line-height: 0.72;
        margin: -8px 0 0;
        user-select: none;
    }

    .division-segment__col--right .division-segment__quote-text {
        color: #006bd9;
        flex: 1;
        font-family: 'Nunito', sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 1.32;
        margin: 4px 0 0;
        text-align: left;
    }

    .division-segment__col--right .division-segment__quote-text strong {
        color: #006bd9;
        font-weight: 700;
    }

    .division-segment__quote-text span {
        font-size: inherit;
        line-height: inherit;
    }

    .division-segment__visual {
        background-color: #fff;
        border-radius: 0 0 16px 0;
        margin-bottom: 0;
        margin-right: -36px;
        min-height: 400px;
        overflow: hidden;
        position: relative;
    }

    .division-segment__metrics {
        align-items: flex-start;
        display: flex;
        font-family: 'Nunito', sans-serif;
        left: 0;
        margin: 0;
        padding-left: 2px;
        /*position: absolute;*/
        top: 14px;
        z-index: 4;
    }

    .division-segment__metric {
        border-radius: 14px;
        box-shadow: 0 6px 18px rgba(0, 55, 120, 0.22);
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 14px 16px 12px;
        width: 176px;
    }

    .division-segment__metric--light {
        background-color: #86d7ea;
        color: #006bd9;
        margin-right: -24px;
        margin-top: 38px;
        min-height: 64px;
        z-index: 1;
    }

    .division-segment__metric--dark {
        background-color: #006bd9;
        color: #fff;
        margin-top: 0;
        min-height: 106px;
        z-index: 2;
    }

    .division-segment__metric-value {
        display: block;
        font-size: 34px;
        font-weight: 700;
        line-height: 1;
        margin-bottom: 8px;
        min-height: 34px;
    }

    .division-segment__metric-label {
        display: block;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.12;
        text-align: left;
    }

    .division-segment__clip-svg {
        height: 0;
        position: absolute;
        width: 0;
    }

    .division-segment__figure {
        bottom: 0;
        left: 0;
        margin: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

    .division-segment__photo-wrap {
        bottom: 0;
        clip-path: url(#division-comercial-photo-clip);
        left: 0;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 88px;
    }

    .division-segment--comercial .division-segment__metrics {
        left: 0;
        position: absolute;
        top: 14px;
        z-index: 4;
    }

    .division-segment--comercial .division-segment__photo-wrap {
        bottom: 0;
        clip-path: none;
        min-height: 0;
        top: auto;
    }

    .division-segment--comercial .division-segment__photo {
        display: block;
        height: auto;
        object-fit: unset;
        object-position: unset;
        width: 100%;
    }

    .division-segment--industrial .division-segment__content {
        grid-template-columns: minmax(0, 1fr) 420px;
    }

    .division-segment__copy--industrial {
        padding-bottom: 32px;
        padding-right: 12px;
    }

    .division-segment__copy--industrial p {
        margin: 0 0 16px;
    }

    .division-segment__copy--industrial p:last-child {
        margin-bottom: 0;
    }

    .division-segment--industrial .division-segment__visual {
        background-color: #fff;
        margin-left: -10px;
        min-height: 480px;
        overflow: hidden;
        position: relative;
    }

    .division-segment--industrial .division-segment__visual-head {
        align-items: flex-start;
        display: grid;
        gap: 8px;
        grid-template-columns: minmax(0, 1fr) auto;
        overflow: visible;
        padding: 14px 14px 0;
        position: relative;
        z-index: 8;
    }

    .division-segment--industrial .division-segment__quote--visual {
        align-items: flex-start;
        border: 0;
        display: flex;
        flex-direction: row;
        gap: 2px;
        margin: 0;
        max-width: none;
        min-width: 0;
        overflow: visible;
        padding: 0;
        position: static;
        width: auto;
    }

    .division-segment--industrial .division-segment__quote--visual .division-segment__quote-mark {
        color: #a5c8d6;
        flex-shrink: 0;
        font-size: 64px;
        line-height: 0.72;
        margin: -6px 0 0;
        width: 34px;
    }

    .division-segment--industrial .division-segment__quote--visual .division-segment__quote-text {
        flex: 1;
        font-size: 16px;
        line-height: 1.32;
        margin: 0;
        max-width: none;
        overflow: visible;
        text-align: left;
    }

    .division-segment--industrial .division-segment__quote-lead {
        color: #006bd9;
        display: block;
        font-weight: 700;
        margin-bottom: 2px;
    }

    .division-segment--industrial .division-segment__quote-rest {
        color: #5eb0e8;
        display: block;
        font-weight: 400;
    }

    .division-segment--industrial .division-segment__metrics {
        flex-shrink: 0;
        justify-self: end;
        padding: 0;
        position: static;
        z-index: 9;
    }

    .division-segment--industrial .division-segment__metric {
        padding: 12px 14px 10px;
        width: 154px;
    }

    .division-segment--industrial .division-segment__metric-value {
        font-size: 32px;
        margin-bottom: 6px;
        min-height: 32px;
    }

    .division-segment--industrial .division-segment__metric-label {
        font-size: 16px;
        line-height: 1.22;
    }

    .division-segment--industrial .division-segment__metric--light {
        margin-right: -20px;
        margin-top: 36px;
        min-height: 60px;
    }

    .division-segment--industrial .division-segment__metric--dark {
        min-height: 96px;
    }

    .division-segment--industrial .division-segment__photo-wrap {
        bottom: 0;
        clip-path: none;
        left: 0;
        min-height: 0;
        position: absolute;
        right: 0;
        top: auto;
    }

    .division-segment--industrial .division-segment__photo {
        display: block;
        height: auto;
        object-fit: unset;
        object-position: unset;
        width: 100%;
    }

    .division-segment-wrap--industrial {
        background-color: #edeeef;
        isolation: isolate;
        margin-left: calc(50% - 50vw);
        padding: 48px clamp(20px, 2.5vw, 40px) 56px 0;
        position: relative;
        width: 100vw;
    }

    .division-segment-wrap--industrial::before {
        background-image: url("../img/divisiones/divisiones_fondo_industrial.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        top: 0;
        width: 42%;
        z-index: 0;
    }

    .division-segment-wrap--industrial .division-segment {
        margin-left: clamp(150px, 24vw, 340px);
        margin-right: 0;
        margin-top: 0;
        max-width: min(1290px, calc(100vw - clamp(150px, 24vw, 340px) - clamp(20px, 2.5vw, 40px)));
        position: relative;
        width: 100%;
        z-index: 1;
    }

    .division-segment-wrap--materiales {
        background-color: #edeeef;
        isolation: isolate;
        margin-left: calc(50% - 50vw);
        overflow-x: clip;
        padding: 48px clamp(20px, 2.5vw, 40px) 56px 0;
        position: relative;
        width: 100vw;
    }

    .division-segment-wrap--materiales::after {
        background-image: url("../img/divisiones/divisiones_fondo_materiales.png");
        background-position: right center;
        background-repeat: no-repeat;
        background-size: cover;
        bottom: 0;
        content: "";
        left: auto;
        position: absolute;
        right: 0;
        top: 0;
        width: 48%;
        z-index: 0;
    }

    .division-segment-wrap--materiales::before {
        content: none;
        display: none;
    }

    .division-segment-wrap--materiales .division-segment {
        margin-left: clamp(20px, 4vw, 80px);
        margin-right: clamp(150px, 24vw, 340px);
        margin-top: 0;
        max-width: min(1290px, calc(100vw - clamp(20px, 4vw, 80px) - clamp(150px, 24vw, 340px) - clamp(20px, 2.5vw, 40px)));
        padding-bottom: 0;
        position: relative;
        width: 100%;
        z-index: 1;
    }

    @media (min-width: 1631px) {
        .division-segment-wrap--industrial::before {
            left: calc((100vw - 1630px) / 2);
            width: 806px;
        }

        .division-segment-wrap--industrial .division-segment {
            margin-left: calc((100vw - 1630px) / 2 + 340px);
            max-width: 1290px;
            width: 1290px;
        }

        .division-segment-wrap--materiales::after {
            right: calc((100vw - 1630px) / 2);
            width: 806px;
        }

        .division-segment-wrap--materiales .division-segment {
            margin-left: calc((100vw - 1630px) / 2 + 80px);
            margin-right: calc((100vw - 1630px) / 2 + 340px);
            max-width: 1290px;
            width: 1290px;
        }
    }

    .division-segment__list {
        list-style: none;
        margin: 0 0 16px;
        padding: 0;
    }

    .division-segment__list li {
        color: #4f5357;
        font-family: 'Nunito', sans-serif;
        font-size: 16px;
        line-height: 1.12;
        margin: 0;
        padding-left: 16px;
        position: relative;
        text-align: justify;
    }

    .division-segment__list li::before {
        background-color: #006bd9;
        border-radius: 50%;
        content: "";
        height: 6px;
        left: 0;
        position: absolute;
        top: 8px;
        width: 6px;
    }

    .division-segment__list li:last-child {
        margin-bottom: 0;
    }

    .division-segment--infra {
        overflow: visible;
        padding-bottom: 0;
    }

    .division-segment--infra .division-segment__tab-banner {
        min-width: 420px;
    }

    .division-segment--infra .division-segment__tab-title {
        font-size: 18px;
    }

    .division-segment--infra .division-segment__content {
        grid-template-columns: minmax(0, 1fr) 440px;
    }

    .division-segment--infra .division-segment__visual {
        margin-right: -36px;
        min-height: 520px;
        overflow: hidden;
        position: relative;
    }

    .division-segment--infra .division-segment__visual-head {
        align-items: flex-start;
        display: grid;
        /*gap: 8px;*/
        /*grid-template-columns: minmax(0, 1fr) auto;*/
        overflow: visible;
        padding: 14px 10px 0 14px;
        position: relative;
        z-index: 8;
    }

    .division-segment--infra .division-segment__quote--visual {
        align-items: flex-start;
        border: 0;
        display: flex;
        flex-direction: row;
        gap: 4px;
        margin: 0;
        max-width: 158px;
        min-width: 0;
        overflow: visible;
        padding: 0;
        width: 158px;
    }

    .division-segment--infra .division-segment__quote--visual .division-segment__quote-mark {
        color: #a5c8d6;
        flex-shrink: 0;
        font-size: 78px;
        line-height: 0.72;
        margin: -8px 0 0;
        width: 40px;
    }

    .division-segment--infra .division-segment__quote--visual .division-segment__quote-text {
        flex: 0 1 auto;
        font-size: 16px;
        line-height: 1.32;
        margin: 4px 0 0;
        max-width: 114px;
    }

    .division-segment--infra .division-segment__quote-lead {
        color: #006bd9;
        display: block;
        font-size: 18px;
        font-weight: 700;
    }

    .division-segment--infra .division-segment__metrics {
        align-items: flex-start;
        display: flex;
        flex-shrink: 0;
        justify-self: end;
        margin: 0 100px 0 0;
        padding: 0;
        position: static;
    }

    .division-segment--infra .division-segment__metric {
        padding: 10px 10px 8px;
        width: 148px;
    }

    .division-segment--infra .division-segment__metric-value {
        font-size: 32px;
        font-weight: 700;
        margin-bottom: 4px;
        min-height: 28px;
    }

    .division-segment--infra .division-segment__metric-label {
        font-size: 16px;
        font-weight: 600;
        line-height: 1.18;
    }

    .division-segment--infra .division-segment__metric--dark {
        background-color: #006bd9;
        color: #fff;
        margin-right: 0;
        margin-top: 0;
        min-height: 115px;
        z-index: 2;
    }

    .division-segment--infra .division-segment__metric--dark .division-segment__metric-value,
    .division-segment--infra .division-segment__metric--dark .division-segment__metric-label {
        color: #fff;
    }

    .division-segment--infra .division-segment__metric--light {
        background-color: #86d7ea;
        color: #006bd9;
        margin-right: -24px;
        margin-top: 38px;
        min-height: 52px;
        z-index: 1;
    }

    .division-segment--infra .division-segment__metric--light .division-segment__metric-value,
    .division-segment--infra .division-segment__metric--light .division-segment__metric-label {
        color: #006bd9;
    }

    .division-segment--infra .division-segment__photo-wrap {
        bottom: 0;
        clip-path: none;
        left: 0;
        min-height: 0;
        position: absolute;
        right: 0;
        top: auto;
    }

    .division-segment--infra .division-segment__photo {
        display: block;
        height: auto;
        object-fit: unset;
        object-position: unset;
        width: 100%;
    }

    .division-segment--materiales .division-segment__content {
        align-items: stretch;
        grid-template-columns: minmax(0, 1fr) 420px;
    }

    .division-segment--materiales .division-segment__visual {
        align-self: stretch;
        background-color: #fff;
        display: block;
        margin-left: -10px;
        margin-right: -36px;
        min-height: 480px;
        overflow: hidden;
        position: relative;
    }

    .division-segment--materiales .division-segment__visual-head {
        align-items: start;
        display: grid;
        flex-shrink: 0;
        gap: 0 10px;
        grid-template-columns: 155px minmax(0, 1fr);
        overflow: visible;
        padding: 14px 14px 0;
        position: relative;
        z-index: 8;
    }

    .division-segment--materiales .division-segment__quote--visual {
        align-items: flex-start;
        border: 0;
        display: flex;
        flex-direction: row;
        gap: 2px;
        grid-column: 1;
        grid-row: 1;
        margin: 0;
        max-width: 155px;
        min-width: 0;
        overflow: visible;
        padding: 0;
        position: relative;
        width: 155px;
        z-index: 2;
    }

    .division-segment--materiales .division-segment__quote--visual .division-segment__quote-mark {
        color: #a5c8d6;
        flex-shrink: 0;
        font-size: 64px;
        line-height: 0.72;
        margin: -6px 0 0;
        width: 34px;
    }

    .division-segment--materiales .division-segment__quote--visual .division-segment__quote-text {
        flex: 0 1 auto;
        font-size: 19px;
        line-height: 1.12;
        margin: 0;
        max-width: 114px;
        overflow: visible;
        text-align: left;
    }

    .division-segment--materiales .division-segment__quote-lead {
        color: #006bd9;
        display: block;
        font-weight: 700;
        margin-bottom: 2px;
    }

    .division-segment--materiales .division-segment__quote-rest {
        color: #5eb0e8;
        display: block;
        font-weight: 400;
    }

    .division-segment--materiales .division-segment__metrics {
        align-items: flex-start;
        display: flex;
        flex-shrink: 0;
        grid-column: 2;
        grid-row: 1;
        justify-content: flex-end;
        justify-self: end;
        max-width: 100%;
        min-width: 0;
        padding: 0;
        position: relative;
        z-index: 12;
    }

    .division-segment--materiales .division-segment__metric {
        box-sizing: border-box;
        flex: 0 0 auto;
        padding: 10px 12px 8px;
        width: 142px;
    }

    .division-segment--materiales .division-segment__metric-value {
        font-size: 28px;
        font-weight: 700;
        margin-bottom: 4px;
        min-height: 28px;
    }

    .division-segment--materiales .division-segment__metric-label {
        display: block;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.15;
    }

    .division-segment--materiales .division-segment__metric--dark {
        background-color: #006bd9;
        color: #fff;
        margin-right: 0;
        margin-top: 0;
        min-height: 90px;
        z-index: 2;
    }

    .division-segment--materiales .division-segment__metric--dark .division-segment__metric-value,
    .division-segment--materiales .division-segment__metric--dark .division-segment__metric-label {
        color: #fff;
    }

    .division-segment--materiales .division-segment__metric--light {
        background-color: #86d7ea;
        color: #006bd9;
        margin-left: 0;
        margin-right: -8px;
        margin-top: 38px;
        min-height: 58px;
        padding-right: 16px;
        z-index: 1;
    }

    .division-segment--materiales .division-segment__metric--light .division-segment__metric-value,
    .division-segment--materiales .division-segment__metric--light .division-segment__metric-label {
        color: #006bd9;
    }

    .division-segment--materiales .division-segment__photo-wrap {
        bottom: 0;
        clip-path: none;
        left: 0;
        min-height: 0;
        position: absolute;
        right: 0;
        top: auto;
    }

    .division-segment--materiales .division-segment__photo {
        display: block;
        height: auto;
        object-fit: unset;
        object-position: unset;
        width: 100%;
    }

    .division-segment--energia {
        overflow: visible;
        padding: 42px 36px 0;
    }

    .division-segment--energia .division-segment__content--stacked {
        display: flex;
        flex-direction: column;
        gap: 0;
        grid-template-columns: none;
        padding-top: 38px;
    }

    .division-segment--energia .division-segment__copy--energia {
        padding: 0 0 18px;
        padding-right: 0;
    }

    .division-segment--energia .division-segment__copy--energia p {
        margin: 0 0 14px;
    }

    .division-segment--energia .division-segment__copy--energia p:last-child {
        margin-bottom: 0;
    }

    .division-segment--energia .division-segment__energia-bottom {
        align-items: start;
        display: grid;
        gap: 0;
        grid-template-columns: minmax(280px, 40%) 1fr;
        grid-template-rows: auto auto;
        min-height: 0;
        overflow: visible;
        position: relative;
        row-gap: 10px;
    }

    .division-segment--energia .division-segment__energia-bottom > div:last-child {
        align-self: end;
        grid-column: 2;
        grid-row: 1 / -1;
    }

    .division-segment--energia .division-segment__metrics--energia {
        align-self: start;
        grid-column: 1;
        grid-row: 1;
        justify-self: end;
        margin: 0 -64px 0 0;
        padding: 0;
        position: relative;
        width: fit-content;
        z-index: 6;
    }

    .division-segment--energia .division-segment__metric {
        border-radius: 14px;
        box-shadow: 0 6px 18px rgba(0, 55, 120, 0.22);
        padding: 14px 16px 12px;
        width: 172px;
    }

    .division-segment--energia .division-segment__metric--light {
        margin-right: -22px;
        margin-top: 40px;
        min-height: 68px;
        z-index: 1;
    }

    .division-segment--energia .division-segment__metric--dark {
        min-height: 108px;
        z-index: 2;
    }

    .division-segment--energia .division-segment__metric-value {
        font-size: 36px;
        margin-bottom: 6px;
        min-height: 36px;
    }

    .division-segment--energia .division-segment__metric-label {
        font-size: 14px;
        font-weight: 600;
        line-height: 1.22;
    }

    .division-segment--energia .division-segment__metric-value-wrap {
        display: block;
        line-height: 1;
        margin-bottom: 6px;
        min-height: 36px;
    }

    .division-segment--energia .division-segment__metric-value-wrap .division-segment__metric-value {
        display: inline;
        margin-bottom: 0;
        min-height: 0;
    }

    .division-segment--energia .division-segment__metric-asterisk {
        color: inherit;
        font-size: 18px;
        font-weight: 800;
        line-height: 1;
        margin-left: 1px;
        vertical-align: super;
    }

    .division-segment--energia .division-segment__energia-aside {
        align-self: start;
        display: flex;
        flex-direction: column;
        gap: 6px;
        grid-column: 1;
        grid-row: 2;
        max-width: 340px;
        padding: 0 0 12px 12px;
        position: relative;
        z-index: 7;
    }

    .division-segment--energia .division-segment__quote--energia {
        align-items: flex-start;
        align-self: auto;
        border: 0;
        display: flex;
        flex-direction: row;
        gap: 4px;
        margin: 0;
        max-width: none;
        padding: 0;
        position: relative;
        z-index: auto;
    }

    .division-segment--energia .division-segment__quote--energia .division-segment__quote-mark {
        color: #a5c8d6;
        flex-shrink: 0;
        font-family: Georgia, 'Times New Roman', serif;
        font-size: 64px;
        font-weight: 400;
        line-height: 0.7;
        margin: -2px 0 0;
        width: 32px;
    }

    .division-segment--energia .division-segment__quote--energia .division-segment__quote-text {
        flex: 1;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.32;
        margin: 8px 0 0;
        text-align: left;
    }

    .division-segment--energia .division-segment__quote--energia .division-segment__quote-text span {
        display: block;
        font-size: inherit;
        line-height: inherit;
    }

    .division-segment--energia .division-segment__quote-lead {
        color: #5eb0e8;
        display: block;
        font-weight: 400;
    }

    .division-segment--energia .division-segment__quote-rest {
        color: #006bd9;
        display: block;
    }

    .division-segment--energia .division-segment__quote-rest strong {
        color: #006bd9;
        display: inline;
        font-size: inherit;
        font-weight: 700;
        line-height: inherit;
    }

    .division-segment--energia .division-segment__figure-energia {
        grid-column: 2;
        grid-row: 1;
        margin: 0 -36px 0 0;
        min-height: 280px;
        overflow: hidden;
        position: relative;
        z-index: 1;
    }

    .division-segment--energia .division-segment__figure-energia::after {
        background: linear-gradient(180deg, rgba(0, 107, 217, 0) 30%, rgba(0, 107, 217, 0.5) 65%, rgba(0, 107, 217, 0.85) 100%);
        bottom: 0;
        content: "";
        left: 12%;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 48%;
        z-index: 2;
    }

    .division-segment--energia .division-segment__photo-wrap--energia {
        bottom: 0;
        clip-path: url(#division-energia-photo-clip);
        left: 10%;
        position: absolute;
        right: 0;
        top: 0;
    }

    .division-segment--energia .division-segment__photo-wrap--energia .division-segment__photo {
        display: block;
        height: 100%;
        object-fit: cover;
        object-position: center 40%;
        width: 100%;
    }

    .division-segment--hidrocarburos {
        overflow: visible;
        padding: 42px 36px 0;
    }

    .division-segment--hidrocarburos .division-segment__content--stacked {
        display: flex;
        flex-direction: column;
        gap: 0;
        grid-template-columns: none;
        padding-top: 38px;
    }

    .division-segment--hidrocarburos .division-segment__copy--hidrocarburos {
        padding: 0 0 18px;
        padding-right: 0;
    }

    .division-segment--hidrocarburos .division-segment__copy--hidrocarburos p {
        margin: 0 0 14px;
    }

    .division-segment--hidrocarburos .division-segment__copy--hidrocarburos p:last-child {
        margin-bottom: 0;
    }

    .division-segment--hidrocarburos .division-segment__hidrocarburos-bottom {
        align-items: stretch;
        display: grid;
        gap: 0;
        grid-template-columns: minmax(320px, 44%) 1fr;
        min-height: 280px;
        position: relative;
    }

    .division-segment--hidrocarburos .division-segment__hidrocarburos-data {
        align-self: start;
        display: flex;
        flex-direction: column;
        gap: 10px;
        grid-column: 1;
        grid-row: 1;
        padding: 0 0 16px 12px;
        position: relative;
        z-index: 5;
    }

    .division-segment--hidrocarburos .division-segment__metrics--hidrocarburos {
        margin: 0 -28px 0 0;
        order: 1;
        padding: 0;
        position: static;
        top: auto;
        width: fit-content;
    }

    .division-segment--hidrocarburos .division-segment__metric {
        border-radius: 14px;
        box-shadow: 0 6px 18px rgba(0, 55, 120, 0.22);
        padding: 12px 14px 10px;
        width: 168px;
    }

    .division-segment--hidrocarburos .division-segment__metric--light {
        margin-right: -20px;
        margin-top: 32px;
        min-height: 56px;
        z-index: 1;
    }

    .division-segment--hidrocarburos .division-segment__metric--dark {
        min-height: 92px;
        z-index: 2;
    }

    .division-segment--hidrocarburos .division-segment__metric-value {
        font-size: 32px;
        margin-bottom: 6px;
        min-height: 32px;
    }

    .division-segment--hidrocarburos .division-segment__metric-label {
        font-size: 10px;
        font-weight: 600;
        line-height: 1.3;
    }

    .division-segment--hidrocarburos .division-segment__quote--hidrocarburos {
        align-items: flex-start;
        border: 0;
        display: flex;
        flex-direction: row;
        gap: 4px;
        margin: 0;
        max-width: 340px;
        order: 2;
        padding: 0;
    }

    .division-segment--hidrocarburos .division-segment__quote--hidrocarburos .division-segment__quote-mark {
        color: #a5c8d6;
        flex-shrink: 0;
        font-family: Georgia, 'Times New Roman', serif;
        font-size: 64px;
        font-weight: 400;
        line-height: 0.7;
        margin: -2px 0 0;
        width: 32px;
    }

    .division-segment--hidrocarburos .division-segment__quote--hidrocarburos .division-segment__quote-text {
        flex: 1;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.32;
        margin: 8px 0 0;
        text-align: left;
    }

    .division-segment--hidrocarburos .division-segment__quote--hidrocarburos .division-segment__quote-text span {
        font-size: inherit;
        line-height: inherit;
    }

    .division-segment--hidrocarburos .division-segment__quote-lead {
        color: #5eb0e8;
        display: inline;
        font-weight: 400;
    }

    .division-segment--hidrocarburos .division-segment__quote-rest {
        color: #006bd9;
        display: inline;
    }

    .division-segment--hidrocarburos .division-segment__quote-rest strong {
        color: #006bd9;
        display: inline;
        font-size: inherit;
        font-weight: 700;
        line-height: inherit;
    }

    .division-segment--hidrocarburos .division-segment__figure-hidrocarburos {
        grid-column: 2;
        grid-row: 1;
        margin: 0 -36px 0 0;
        min-height: 280px;
        overflow: hidden;
        position: relative;
        z-index: 1;
    }

    .division-segment--hidrocarburos .division-segment__figure-hidrocarburos::after {
        background: radial-gradient(circle at 85% 85%, rgba(0, 107, 217, 0.15) 0%, rgba(0, 107, 217, 0.55) 45%, rgba(0, 107, 217, 0.85) 100%);
        bottom: 0;
        content: "";
        left: 20%;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 30%;
        z-index: 2;
    }

    .division-segment--hidrocarburos .division-segment__photo-wrap--hidrocarburos {
        bottom: 0;
        clip-path: url(#division-hidrocarburos-photo-clip);
        left: 18%;
        position: absolute;
        right: 0;
        top: 0;
    }

    .division-segment--hidrocarburos .division-segment__photo-wrap--hidrocarburos .division-segment__photo {
        display: block;
        height: 100%;
        object-fit: cover;
        object-position: center 35%;
        width: 100%;
    }

    .division-segment-row--energia-hidrocarburos {
        margin-left: auto;
        margin-right: auto;
        max-width: 1290px;
        overflow: visible;
    }

    .division-segment-row--energia-hidrocarburos > [class*="col-"] {
        display: flex;
        overflow: visible;
    }

    .division-segment-row--energia-hidrocarburos .division-segment {
        margin-left: 0;
        margin-right: 0;
        margin-top: 56px;
        max-width: none;
        overflow: visible;
        width: 100%;
    }

    .division-segment-row--energia-hidrocarburos .division-segment--energia,
    .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos {
        overflow: visible;
        padding: 42px 20px 0;
    }

    .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos {
        display: flex;
        flex-direction: column;
        flex: 1;
    }

    .division-segment-row--energia-hidrocarburos .division-segment__tab {
        left: 28px;
        max-width: calc(100% - 56px);
        z-index: 10;
    }

    .division-segment-row--energia-hidrocarburos .division-segment__tab-icon {
        margin-left: -18px;
    }

    .division-segment-row--energia-hidrocarburos .division-segment__tab-banner {
        min-width: 0;
        padding: 12px 20px 12px 56px;
    }

    .division-segment-row--energia-hidrocarburos .division-segment__tab-title {
        font-size: 16px;
        line-height: 1.25;
    }

    .division-segment-row--energia-hidrocarburos .division-segment__tab-subtitle {
        font-size: 13px;
        line-height: 1.25;
    }

    .division-segment-row--energia-hidrocarburos .division-segment__copy--energia p,
    .division-segment-row--energia-hidrocarburos .division-segment__copy--hidrocarburos p {
        font-size: 14px;
        line-height: 1.45;
    }

    .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__content--stacked,
    .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__content--stacked {
        padding-bottom: 0;
    }

    .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__content--stacked {
        flex: 1;
    }

    .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__energia-bottom,
    .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__hidrocarburos-bottom {
        align-items: start;
        grid-template-columns: minmax(110px, 40%) 1fr;
        margin-bottom: 0;
        row-gap: 10px;
    }

    .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__metrics--energia,
    .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__metrics--hidrocarburos {
        justify-self: end;
        margin: 0 -60px 0 8px;
    }

    .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__metric,
    .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__metric {
        border-radius: 12px;
        padding: 8px 10px 7px;
        width: 118px;
    }

    .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__metric--light,
    .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__metric--light {
        margin-right: -5px;
        margin-top: 8px;
        min-height: 46px;
    }

    .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__metric--dark,
    .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__metric--dark {
        min-height: 82px;
    }

    .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__metric-value,
    .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__metric-value {
        font-size: 24px;
        margin-bottom: 4px;
        min-height: 24px;
    }

    .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__metric-label,
    .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__metric-label {
        font-size: 14px;
        line-height: 1.18;
    }

    .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__metric-value-wrap {
        margin-bottom: 4px;
        min-height: 24px;
    }

    .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__metric-asterisk {
        font-size: 14px;
    }

    .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__hidrocarburos-bottom {
        align-items: end;
        grid-template-rows: auto;
        margin-top: auto;
        min-height: 0;
    }

    .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__hidrocarburos-data {
        align-items: flex-end;
        align-self: end;
        display: flex;
        flex-direction: column;
        gap: 10px;
        grid-column: 1;
        grid-row: 1;
        justify-content: flex-end;
        padding: 0 0 40px 16px;
        z-index: 5;
    }

    .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__metrics--hidrocarburos {
        align-self: flex-end;
        margin: 0 -60px 0 12px;
        z-index: 6;
    }

    .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__quote--hidrocarburos {
        align-self: flex-end;
        margin: 0;
        max-width: 100%;
        z-index: 5;
    }

    .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__hidrocarburos-media {
        align-self: end;
        display: flex;
        align-items: flex-end;
        grid-column: 2;
        grid-row: 1;
        justify-content: flex-end;
        line-height: 0;
        margin-bottom: 0;
        margin-right: -20px;
        margin-top: 0;
    }

    .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__energia-bottom > div:last-child {
        transform: translateY(1px);
    }

    .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__energia-bottom > div:last-child {
        align-self: end;
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        line-height: 0;
        margin-bottom: 0;
        margin-right: -20px;
    }
    .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__quote--energia,
    .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__quote--hidrocarburos {
        max-width: 100%;
        /*padding: 0 0 0 8px;*/
    }

    .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__quote--energia .division-segment__quote-mark,
    .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__quote--hidrocarburos .division-segment__quote-mark {
        font-size: 48px;
        width: 24px;
    }

    .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__quote--energia .division-segment__quote-text {
        font-size: 14px !important;
        margin-top: 4px;
    }

    .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__quote--hidrocarburos .division-segment__quote-text {
        font-size: 14px;
        margin-top: 4px;
    }

    .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__energia-bottom > div:last-child img,
    .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__hidrocarburos-bottom > div:last-child img {
        display: block;
        height: auto;
        margin-bottom: 0;
        max-width: 100%;
        object-fit: unset;
        object-position: unset;
        width: 100%;
    }

    .division-segment--energia .division-segment__footnote--energia {
        color: #4f5357;
        font-family: 'Nunito', sans-serif;
        font-size: 11px;
        line-height: 1.3;
        margin: 0;
        padding: 0 0 0 36px;
        text-align: left;
    }

    .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__energia-aside {
        gap: 4px;
        max-width: none;
        padding: 0 0 8px 8px;
    }

    .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__footnote--energia {
        font-size: 10px;
        line-height: 1;
        padding-left: 28px;
    }

    .division-segment__photo {
        display: block;
        height: 100%;
        object-fit: cover;
        object-position: 5% 35%;
        width: 100%;
    }

    .division-segment__brands {
        background: linear-gradient(180deg, rgba(0, 107, 217, 0) 0%, rgba(0, 107, 217, 0.65) 30%, #006bd9 100%);
        border-radius: 0 0 16px 0;
        bottom: 0;
        color: #fff;
        display: flex;
        flex-direction: column;
        font-family: 'Nunito', sans-serif;
        gap: 4px;
        left: 0;
        padding: 54px 16px 16px;
        pointer-events: none;
        position: absolute;
        right: 0;
        text-align: center;
        z-index: 2;
    }

    .division-segment__brands-title {
        font-size: 14px;
        font-weight: 700;
        line-height: 1.2;
    }

    .division-segment__brands-list {
        font-size: 12px;
        font-weight: 400;
        line-height: 1.35;
    }

    @media (max-width: 1199px) {
        .division-segment-row--energia-hidrocarburos > [class*="col-"] {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .division-segment {
            overflow-x: clip;
            overflow-y: visible;
            padding: 56px 24px 24px;
        }

        .wrapper > .row > .col-12 > p + .division-segment {
            margin-top: 80px;
        }

        .division-segment__content,
        .division-segment--industrial .division-segment__content,
        .division-segment--infra .division-segment__content,
        .division-segment--materiales .division-segment__content {
            grid-template-columns: 1fr;
        }

        .division-segment__copy,
        .division-segment__visual {
            min-width: 0;
        }

        .division-segment__copy {
            padding-right: 0;
        }

        .division-segment__visual {
            margin-right: 0;
            min-height: 0;
        }

        .division-segment--comercial .division-segment__metrics {
            align-items: flex-start;
            align-self: center;
            display: inline-flex;
            flex-wrap: nowrap;
            justify-content: center;
            margin-left: auto;
            margin-right: auto;
            max-width: 100%;
            padding-left: 0;
            position: static;
            width: auto;
        }

        .division-segment--comercial .division-segment__visual {
            display: flex;
            flex-direction: column;
            gap: 16px;
            min-height: 0;
        }

        .division-segment--comercial .division-segment__photo-wrap {
            position: relative;
        }

        .division-segment--industrial .division-segment__visual-head,
        .division-segment--infra .division-segment__visual-head {
            align-items: stretch;
            display: flex;
            flex-direction: column;
            gap: 12px;
            width: 100%;
        }

        .division-segment--industrial .division-segment__visual-head .division-segment__quote--visual,
        .division-segment--infra .division-segment__visual-head .division-segment__quote--visual {
            justify-self: start;
            max-width: 100%;
            min-width: 0;
            width: 100%;
        }

        .division-segment--industrial .division-segment__visual-head .division-segment__metrics,
        .division-segment--infra .division-segment__visual-head .division-segment__metrics {
            align-self: flex-end;
            justify-self: end;
            margin-right: 0 !important;
            width: auto;
        }

        .division-segment--infra .division-segment__quote--visual .division-segment__quote-text {
            max-width: none;
        }

        .division-segment__metric,
        .division-segment--comercial .division-segment__metric,
        .division-segment--industrial .division-segment__metric,
        .division-segment--infra .division-segment__metric {
            box-sizing: border-box;
            flex: 0 0 auto;
            max-width: min(148px, 42vw);
            padding: 12px 14px 10px;
            width: min(148px, 42vw);
        }

        .division-segment--comercial .division-segment__metric--light,
        .division-segment--industrial .division-segment__metric--light,
        .division-segment--infra .division-segment__metric--light {
            margin-right: 0 !important;
            margin-top: 0 !important;
        }

        .division-segment__metrics,
        .division-segment--energia .division-segment__metrics--energia,
        .division-segment--hidrocarburos .division-segment__metrics--hidrocarburos {
            align-items: flex-start;
            display: inline-flex;
            flex-wrap: nowrap;
            justify-content: flex-start;
            max-width: 100%;
            padding-left: 0;
            width: auto;
        }

        .division-segment--energia .division-segment__metric,
        .division-segment--hidrocarburos .division-segment__metric {
            box-sizing: border-box;
            flex: 0 0 auto;
            max-width: min(124px, 32vw);
            padding: 12px 14px 10px;
            width: min(124px, 32vw);
        }

        .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__metric,
        .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__metric {
            box-sizing: border-box;
            flex: 0 0 auto;
            max-width: min(118px, 30vw);
            padding: 8px 10px 7px;
            width: min(118px, 30vw);
        }

        .division-segment--energia .division-segment__metric--light,
        .division-segment--hidrocarburos .division-segment__metric--light,
        .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__metric--light,
        .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__metric--light {
            margin-right: 0 !important;
            margin-top: 0 !important;
        }

        .division-segment__metric--light,
        .division-segment--infra .division-segment__metric--light {
            margin-left: 0 !important;
            margin-right: -22px !important;
            margin-top: 34px !important;
            z-index: 1;
        }

        .division-segment--materiales .division-segment__metric {
            padding: 10px 12px 8px;
            width: min(142px, 34vw);
        }

        .division-segment--materiales .division-segment__metric--light {
            margin-right: -8px !important;
            margin-top: 38px !important;
            padding-right: 16px;
        }

        .division-segment--materiales .division-segment__metric--dark {
            min-height: 90px;
        }

        .division-segment--materiales .division-segment__metric-label {
            font-size: 13px;
            line-height: 1.15;
        }

        .division-segment__metric--dark,
        .division-segment--infra .division-segment__metric--dark,
        .division-segment--materiales .division-segment__metric--dark {
            margin-left: 0 !important;
            margin-right: 0 !important;
            margin-top: 0 !important;
            min-height: 90px;
            z-index: 2;
        }

        .division-segment__metric-value,
        .division-segment--industrial .division-segment__metric-value,
        .division-segment--infra .division-segment__metric-value,
        .division-segment--materiales .division-segment__metric-value {
            font-size: 28px;
            margin-bottom: 6px;
            min-height: auto;
        }

        .division-segment__metric-label,
        .division-segment--industrial .division-segment__metric-label,
        .division-segment--infra .division-segment__metric-label,
        .division-segment--materiales .division-segment__metric-label {
            font-size: 13px;
            font-weight: 500;
            line-height: 1.22;
        }

        .division-segment--energia .division-segment__energia-bottom {
            align-items: start;
            display: grid;
            gap: 12px;
            grid-template-columns: 1fr;
        }

        .division-segment--energia .division-segment__energia-aside {
            grid-column: 1;
            grid-row: 1;
            justify-self: start;
            max-width: 100%;
            order: unset;
            padding: 0;
            width: 100%;
        }

        .division-segment--energia .division-segment__metrics--energia {
            align-self: flex-end;
            grid-column: 1;
            grid-row: 2;
            justify-self: end;
            margin: 0 !important;
            order: unset;
        }

        .division-segment--energia .division-segment__energia-bottom > div:last-child {
            align-self: stretch;
            grid-column: 1;
            grid-row: 3;
            order: unset;
            width: 100%;
        }

        .division-segment--hidrocarburos .division-segment__hidrocarburos-bottom {
            align-items: start;
            display: grid;
            gap: 12px;
            grid-template-columns: 1fr;
            min-height: 0;
        }

        .division-segment--hidrocarburos .division-segment__hidrocarburos-data {
            align-items: start;
            display: flex;
            flex-direction: column;
            gap: 12px;
            grid-column: 1;
            padding: 0 0 12px;
            width: 100%;
        }

        .division-segment--hidrocarburos .division-segment__quote--hidrocarburos {
            justify-self: start;
            max-width: 100%;
            order: unset;
            width: 100%;
        }

        .division-segment--hidrocarburos .division-segment__metrics--hidrocarburos {
            align-self: flex-end;
            justify-self: end;
            margin-right: 0;
            order: unset;
        }

        .division-segment--hidrocarburos .division-segment__hidrocarburos-media {
            align-self: stretch;
            grid-column: 1 / -1;
            grid-row: 2;
            line-height: 0;
            margin: 0;
            width: 100%;
        }

        .division-segment--hidrocarburos .division-segment__hidrocarburos-media img {
            display: block;
            height: auto;
            width: 100%;
        }

        .division-segment__figure {
            min-height: 280px;
        }

        .division-segment__photo-wrap,
        .division-segment__photo {
            min-height: 280px;
        }

        .division-segment__brands {
            clip-path: none;
        }

        .division-segment__photo-wrap {
            border-radius: 0 0 14px 14px;
            clip-path: none;
        }

        .division-segment--comercial .division-segment__photo-wrap,
        .division-segment--comercial .division-segment__photo {
            min-height: 0;
        }

        .division-segment--infra .division-segment__photo-wrap,
        .division-segment--infra .division-segment__photo {
            min-height: 0;
        }

        .division-segment--materiales .division-segment__photo-wrap,
        .division-segment--materiales .division-segment__photo {
            min-height: 0;
        }

        .division-segment--materiales .division-segment__visual {
            min-height: 0;
        }

        .division-segment--infra .division-segment__visual {
            min-height: 0;
        }

        .division-segment--industrial .division-segment__visual {
            min-height: 0;
        }

        .division-segment-wrap--industrial {
            box-sizing: border-box;
            overflow-x: visible;
            padding: 48px 24px 56px 20px;
        }

        .division-segment-wrap--industrial::before {
            background-position: left center;
            left: 0;
            right: auto;
            width: min(40%, 360px);
        }

        .division-segment-wrap--industrial .division-segment {
            box-sizing: border-box;
            margin-left: clamp(40px, 9vw, 110px);
            margin-right: 0;
            max-width: calc(100% - clamp(40px, 9vw, 110px));
            overflow: visible;
            width: 100%;
        }

        .division-segment-wrap--industrial .division-segment.division-segment--industrial {
            overflow: visible;
            padding-left: 32px;
            padding-right: 24px;
        }

        .division-segment-wrap--industrial .division-segment__tab {
            left: 28px;
            max-width: calc(100% - 56px);
        }

        .division-segment-wrap--industrial .division-segment__tab-icon {
            margin-left: -8px;
            margin-right: -24px;
        }

        .division-segment--industrial .division-segment__copy--industrial {
            padding-right: 8px;
        }

        .division-segment--industrial .division-segment__visual {
            display: flex;
            flex-direction: column;
            gap: 16px;
            margin-left: 0;
            min-height: 0;
            overflow: visible;
        }

        .division-segment--industrial .division-segment__visual-head {
            align-items: stretch;
            display: flex;
            flex-direction: column;
            gap: 12px;
            order: 1;
            padding: 0;
            width: 100%;
        }

        .division-segment--industrial .division-segment__visual-head .division-segment__metrics {
            align-self: flex-end;
            position: static;
            width: auto;
        }

        .division-segment--industrial .division-segment__photo-wrap {
            clip-path: none;
            min-height: 0;
            order: 2;
            position: relative;
        }

        .division-segment--industrial .division-segment__photo {
            min-height: 0;
        }

        .division-segment--infra .division-segment__visual {
            display: flex;
            flex-direction: column;
            gap: 16px;
            margin-right: 0;
            min-height: 0;
            overflow: visible;
        }

        .division-segment--infra .division-segment__visual-head {
            align-items: stretch;
            display: flex;
            flex-direction: column;
            gap: 12px;
            order: 1;
            padding: 0;
            width: 100%;
        }

        .division-segment--infra .division-segment__visual-head .division-segment__metrics {
            align-self: flex-end;
            justify-content: flex-end;
            margin-right: 0 !important;
            width: auto;
        }

        .division-segment--infra .division-segment__photo-wrap {
            min-height: 0;
            order: 2;
            position: relative;
        }

        .division-segment--infra .division-segment__tab-banner {
            min-width: 0;
        }

        .division-segment-wrap--materiales {
            padding: 48px 24px 56px;
        }

        .division-segment-wrap--materiales::after {
            background-position: right center;
            left: auto;
            right: 0;
            width: 48%;
        }

        .division-segment-wrap--materiales .division-segment {
            margin-left: auto;
            margin-right: clamp(80px, 14vw, 200px);
            max-width: none;
            width: 100%;
        }

        .division-segment--materiales .division-segment__visual {
            display: block;
            margin-left: 0;
            margin-right: 0;
            min-height: 0;
            overflow: visible;
            position: relative;
        }

        .division-segment--materiales .division-segment__content {
            align-items: start;
        }

        .division-segment--materiales .division-segment__visual-head {
            display: flex;
            flex-direction: column;
            gap: 12px;
            padding: 0;
        }

        .division-segment--materiales .division-segment__visual-head .division-segment__quote--visual {
            max-width: 100%;
            width: 100%;
        }

        .division-segment--materiales .division-segment__visual-head .division-segment__quote--visual .division-segment__quote-text {
            max-width: 100%;
        }

        .division-segment--materiales .division-segment__visual-head .division-segment__metrics {
            align-self: flex-end;
            justify-self: end;
            position: relative;
            right: auto;
            top: auto;
        }

        .division-segment--materiales .division-segment__metric {
            width: min(142px, 38vw);
        }

        .division-segment--materiales .division-segment__metric--light {
            margin-right: -8px !important;
            padding-right: 16px;
        }

        .division-segment--materiales .division-segment__photo-wrap {
            bottom: auto;
            clip-path: none;
            min-height: 0;
            position: relative;
            top: auto;
        }

        .division-segment--materiales .division-segment__photo {
            height: auto;
            object-fit: unset;
            object-position: unset;
        }

        .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__energia-bottom,
        .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__hidrocarburos-bottom {
            align-items: start;
            display: grid;
            gap: 12px;
            grid-template-columns: 1fr;
            min-height: 0;
        }

        .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__energia-aside {
            align-self: start;
            grid-column: 1;
            grid-row: 1;
            justify-self: start;
            max-width: 100%;
            padding: 0;
            width: 100%;
        }

        .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__metrics--energia {
            align-self: flex-end;
            grid-column: 1;
            grid-row: 2;
            justify-self: end;
            margin: 0 !important;
        }

        .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__energia-bottom > div:last-child {
            align-self: stretch;
            display: block;
            grid-column: 1;
            grid-row: 3;
            line-height: 0;
            margin: 0;
            transform: none;
            width: 100%;
        }

        .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__hidrocarburos-data {
            align-items: start;
            align-self: auto;
            display: flex;
            flex-direction: column;
            gap: 12px;
            grid-column: 1;
            grid-row: 1;
            justify-content: unset;
            justify-self: stretch;
            padding: 0 0 12px;
            width: 100%;
        }

        .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__quote--hidrocarburos {
            align-self: start;
            justify-self: start;
            margin: 0;
            max-width: 100%;
            width: 100%;
        }

        .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__metrics--hidrocarburos {
            align-self: flex-end;
            justify-self: end;
            margin: 0 !important;
        }

        .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__hidrocarburos-media,
        .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__hidrocarburos-bottom > div:last-child {
            align-items: stretch;
            align-self: stretch;
            display: block;
            grid-column: 1;
            grid-row: 2;
            justify-content: unset;
            line-height: 0;
            margin: 0;
            transform: none;
            width: 100%;
        }

        .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__hidrocarburos-media img {
            display: block;
            height: auto;
            min-height: 0;
            width: 100%;
        }

        .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__energia-bottom > div:last-child img {
            display: block;
            height: auto;
            min-height: 0;
            width: 100%;
        }

        .division-segment--energia .division-segment__footnote--energia {
            padding-left: 28px;
        }
    }

    @media (max-width: 767px) {
        html {
            overflow-x: clip;
        }

        body {
            overflow-x: clip;
        }

        .header-nav-three.iai-report-header {
            box-sizing: border-box;
            margin-bottom: 8px;
            overflow: visible;
            padding-bottom: 6px;
            padding-left: 0;
            padding-right: 0;
            padding-top: max(16px, env(safe-area-inset-top, 16px));
            position: sticky !important;
            top: 0 !important;
        }

        .header-nav-three.iai-report-header .mainmenu {
            overflow-x: auto;
            overflow-y: visible;
            padding-bottom: 10px;
            padding-top: 8px;
        }

        .header-nav-three.iai-report-header .mainmenu ul {
            padding-left: 16px;
            padding-right: 16px;
        }

        #main-wrapper > .wrapper {
            box-sizing: border-box;
            margin-left: auto;
            margin-right: auto;
            max-width: 100%;
            padding-left: 16px;
            padding-right: 16px;
            padding-top: 8px;
            width: 100%;
        }

        #main-wrapper > .wrapper > .row {
            margin-left: 0;
            margin-right: 0;
        }

        #main-wrapper > .wrapper > .row > [class*="col-"] {
            padding-left: 0;
            padding-right: 0;
        }

        .wrapper > .row:first-child {
            padding-top: 12px;
        }

        .wrapper > .row:first-child h2.titulo-azul {
            display: inline-block;
            line-height: 1.2;
            margin-top: 0;
            padding: 8px 14px;
        }

        .wrapper > .row:first-child h2 {
            margin-left: 0;
            padding-left: 0;
        }

        .division-segment {
            overflow-x: clip;
            padding-left: 20px;
            padding-right: 20px;
        }

        .wrapper > .row > .col-12 > p + .division-segment {
            margin-top: 88px;
        }

        .division-segment__tab {
            flex-wrap: nowrap;
            left: 20px;
            max-width: calc(100% - 40px);
            top: -26px;
            width: auto;
        }

        .division-segment__tab-icon {
            margin-left: -16px;
            margin-right: -18px;
        }

        .division-segment__tab-banner {
            flex: 1;
            min-width: 0;
            padding-left: 30px;
        }

        .division-segment__tab-title {
            font-size: 17px;
        }

        .division-segment__tab-subtitle {
            font-size: 16px;
        }

        .division-segment__columns {
            gap: 0;
            grid-template-columns: 1fr;
        }

        .division-segment__copy {
            padding-right: 0;
        }

        .division-segment__visual {
            min-height: 0;
            overflow: visible;
        }

        .division-segment--comercial .division-segment__content {
            gap: 20px;
        }

        .division-segment--comercial .division-segment__visual {
            display: flex;
            flex-direction: column;
            gap: 20px;
            min-height: 0;
        }

        .division-segment--comercial .division-segment__metrics {
            align-items: flex-start;
            align-self: center;
            display: inline-flex;
            flex-wrap: nowrap;
            gap: 8px;
            justify-content: center;
            margin-bottom: 0;
            margin-left: auto;
            margin-right: auto;
            margin-top: 4px;
            max-width: 100%;
            order: 1;
            padding-left: 0;
            position: static;
            width: auto;
        }

        .division-segment--comercial .division-segment__metric,
        .division-segment--industrial .division-segment__metric,
        .division-segment--infra .division-segment__metric {
            flex: 0 0 auto;
            max-width: min(148px, 42vw);
            min-width: 0;
            padding: 10px 10px 8px;
            width: min(148px, 42vw);
        }

        .division-segment--comercial .division-segment__metric--light,
        .division-segment--industrial .division-segment__metric--light,
        .division-segment--infra .division-segment__metric--light {
            margin-right: 0 !important;
            margin-top: 0 !important;
        }

        .division-segment--industrial .division-segment__visual-head .division-segment__metrics,
        .division-segment--infra .division-segment__visual-head .division-segment__metrics {
            align-self: flex-end;
            display: inline-flex;
            flex-wrap: nowrap;
            gap: 8px;
            justify-content: flex-end;
            max-width: 100%;
            width: auto;
        }

        .division-segment--comercial .division-segment__metric-label,
        .division-segment--industrial .division-segment__metric-label,
        .division-segment--infra .division-segment__metric-label {
            font-size: 12px;
            line-height: 1.15;
        }

        .division-segment--comercial .division-segment__photo-wrap {
            order: 2;
            position: relative;
        }

        .division-segment__quote-mark {
            font-size: 84px;
            line-height: 0.72;
            margin: -8px 0 0;
        }

        .division-segment--industrial .division-segment__quote--visual .division-segment__quote-mark,
        .division-segment--materiales .division-segment__quote--visual .division-segment__quote-mark {
            font-size: 80px;
            width: 42px;
        }

        .division-segment--infra .division-segment__quote--visual .division-segment__quote-mark {
            font-size: 92px;
            width: 48px;
        }

        .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__quote--energia .division-segment__quote-mark,
        .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__quote--hidrocarburos .division-segment__quote-mark {
            font-size: 64px;
            width: 32px;
        }

        .division-segment__col--right .division-segment__quote-text {
            font-size: 16px;
            max-width: 100%;
        }

        .division-segment__col--right .division-segment__quote-text span {
            font-size: inherit;
        }

        .division-segment--industrial .division-segment__quote--visual .division-segment__quote-text,
        .division-segment--infra .division-segment__quote--visual .division-segment__quote-text,
        .division-segment--materiales .division-segment__quote--visual .division-segment__quote-text,
        .division-segment--energia .division-segment__quote--energia .division-segment__quote-text,
        .division-segment--hidrocarburos .division-segment__quote--hidrocarburos .division-segment__quote-text,
        .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__quote--energia .division-segment__quote-text,
        .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__quote--hidrocarburos .division-segment__quote-text {
            font-size: 16px !important;
            line-height: 1.32;
        }

        .division-segment__quote-text span,
        .division-segment__quote-lead,
        .division-segment__quote-rest,
        .division-segment__quote-text strong {
            font-size: inherit;
            line-height: inherit;
        }

        .division-segment--infra .division-segment__quote-lead {
            font-size: inherit;
        }

        .division-segment-wrap--industrial {
            padding: 44px 16px 48px;
        }

        .division-segment-wrap--industrial::before {
            width: 100%;
        }

        .division-segment-wrap--industrial .division-segment {
            margin-left: auto;
            margin-right: auto;
            max-width: 1290px;
        }

        .division-segment--industrial .division-segment__visual {
            display: flex;
            flex-direction: column;
            gap: 16px;
            margin-left: 0;
            min-height: 0;
            overflow: visible;
        }

        .division-segment--industrial .division-segment__visual-head {
            align-items: stretch;
            display: flex;
            flex-direction: column;
            gap: 20px;
            order: 1;
            padding: 0;
            width: 100%;
        }

        .division-segment--industrial .division-segment__quote--visual {
            margin-bottom: 0;
            max-width: 100%;
            width: 100%;
        }

        .division-segment--industrial .division-segment__photo-wrap {
            min-height: 0;
            order: 2;
            position: relative;
        }

        .division-segment--infra .division-segment__visual {
            display: flex;
            flex-direction: column;
            gap: 16px;
            min-height: 0;
            overflow: visible;
        }

        .division-segment--infra .division-segment__visual-head {
            align-items: stretch;
            display: flex;
            flex-direction: column;
            gap: 20px;
            order: 1;
            padding: 0;
            width: 100%;
        }

        .division-segment--infra .division-segment__quote--visual {
            max-width: 100%;
            width: 100%;
        }

        .division-segment--infra .division-segment__quote--visual .division-segment__quote-text {
            max-width: 100%;
        }

        .division-segment--infra .division-segment__photo-wrap {
            min-height: 0;
            order: 2;
            position: relative;
        }

        .division-segment-wrap--materiales {
            padding: 44px 16px 48px;
        }

        .division-segment-wrap--materiales::after {
            background-position: right center;
            left: 0;
            right: 0;
            width: 100%;
        }

        .division-segment-wrap--materiales .division-segment {
            margin-left: auto;
            margin-right: auto;
            max-width: 1290px;
        }

        .division-segment--materiales .division-segment__visual {
            display: block;
            margin-left: 0;
            margin-right: 0;
            min-height: 0;
            overflow: visible;
            position: relative;
        }

        .division-segment--materiales .division-segment__visual-head {
            display: flex;
            flex-direction: column;
            gap: 12px;
            padding: 0;
        }

        .division-segment--materiales .division-segment__visual-head .division-segment__quote--visual {
            max-width: 100%;
            width: 100%;
        }

        .division-segment--materiales .division-segment__visual-head .division-segment__quote--visual .division-segment__quote-text {
            max-width: 100%;
        }

        .division-segment--materiales .division-segment__visual-head .division-segment__metrics {
            align-self: flex-end;
            position: relative;
            right: auto;
            top: auto;
            width: auto;
        }

        .division-segment--materiales .division-segment__metric {
            width: min(142px, 42vw);
        }

        .division-segment--materiales .division-segment__metric--light {
            margin-right: -8px !important;
            padding-right: 16px;
        }

        .division-segment--materiales .division-segment__photo-wrap {
            bottom: auto;
            clip-path: none;
            min-height: 0;
            position: relative;
            top: auto;
        }

        .division-segment--materiales .division-segment__photo {
            height: auto;
            object-fit: unset;
            object-position: unset;
        }

        .division-segment--energia {
            padding-left: 24px;
            padding-right: 24px;
        }

        .division-segment--energia .division-segment__energia-bottom {
            align-items: start;
            display: grid;
            gap: 12px;
            grid-template-columns: 1fr;
            min-height: 0;
        }

        .division-segment--energia .division-segment__metrics--energia {
            align-self: flex-end;
            grid-column: 1;
            grid-row: 2;
            justify-self: end;
            margin: 0 !important;
            order: unset;
        }

        .division-segment--energia .division-segment__energia-aside {
            grid-column: 1;
            grid-row: 1;
            justify-self: start;
            max-width: 100%;
            order: unset;
            padding: 0;
            width: 100%;
        }

        .division-segment--energia .division-segment__footnote--energia {
            padding-left: 28px;
        }

        .division-segment--energia .division-segment__energia-bottom > div:last-child {
            align-self: stretch;
            grid-column: 1;
            grid-row: 3;
            margin: 0;
            order: unset;
            width: 100%;
        }

        .division-segment--hidrocarburos {
            padding-left: 24px;
            padding-right: 24px;
        }

        .division-segment--hidrocarburos .division-segment__hidrocarburos-bottom {
            grid-template-columns: 1fr;
            min-height: 0;
        }

        .division-segment--hidrocarburos .division-segment__hidrocarburos-data {
            align-items: start;
            display: flex;
            flex-direction: column;
            gap: 12px;
            grid-column: 1;
            padding: 0 0 12px;
            width: 100%;
        }

        .division-segment--hidrocarburos .division-segment__quote--hidrocarburos {
            justify-self: start;
            max-width: 100%;
            order: unset;
            width: 100%;
        }

        .division-segment--hidrocarburos .division-segment__metrics--hidrocarburos {
            align-self: flex-end;
            justify-self: end;
            margin-right: 0;
            order: unset;
        }

        .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__energia-bottom {
            align-items: start;
            display: grid;
            gap: 12px;
            grid-template-columns: 1fr;
            min-height: 0;
        }

        .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__energia-aside {
            grid-column: 1;
            grid-row: 1;
            max-width: 100%;
            width: 100%;
        }

        .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__metrics--energia {
            align-self: flex-end;
            grid-column: 1;
            grid-row: 2;
            justify-self: end;
            margin: 0 !important;
        }

        .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos {
            flex: initial;
            margin-top: 30px;
        }

        .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__metrics--energia,
        .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__metrics--hidrocarburos {
            justify-self: end;
            margin: 0;
        }

        .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__hidrocarburos-bottom {
            grid-template-columns: 1fr;
            margin-top: 0;
        }

        .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__hidrocarburos-data {
            align-items: start;
            align-self: auto;
            display: flex;
            flex-direction: column;
            gap: 12px;
            grid-row: 1;
            justify-content: unset;
            padding: 0 0 12px;
            width: 100%;
        }

        .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__quote--hidrocarburos {
            align-self: start;
            justify-self: start;
            margin: 0;
            max-width: 100%;
            width: 100%;
        }

        .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__metrics--hidrocarburos {
            align-self: flex-end;
            justify-self: end;
            margin: 0 !important;
        }

        .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__hidrocarburos-bottom > div:last-child {
            grid-column: 1;
            grid-row: 3;
            margin-bottom: 0;
            margin-right: 0;
            transform: none;
        }

        .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__energia-bottom > div:last-child {
            margin-right: 0;
            transform: none;
        }

        .division-segment--energia .division-segment__energia-aside {
            padding-bottom: 8px;
        }

        .division-segment--energia .division-segment__footnote--energia {
            padding-left: 28px;
        }

        .division-segment--energia .division-segment__metric--light,
        .division-segment--hidrocarburos .division-segment__metric--light,
        .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__metric--light,
        .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__metric--light {
            margin-right: 0 !important;
            margin-top: 0 !important;
        }

        .division-segment--energia .division-segment__metric,
        .division-segment--hidrocarburos .division-segment__metric,
        .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__metric,
        .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__metric {
            flex: 0 0 auto;
            max-width: min(124px, 38vw);
            min-width: 0;
            padding: 10px 10px 8px;
            width: min(124px, 38vw);
        }

        .division-segment--energia .division-segment__metrics--energia,
        .division-segment--hidrocarburos .division-segment__metrics--hidrocarburos,
        .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__metrics--energia,
        .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__metrics--hidrocarburos {
            align-self: flex-end;
            display: inline-flex;
            flex-wrap: nowrap;
            gap: 8px;
            justify-content: flex-end;
            margin: 0 !important;
            max-width: 100%;
            width: auto;
        }

        .division-segment--energia .division-segment__metric-label,
        .division-segment--hidrocarburos .division-segment__metric-label,
        .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__metric-label,
        .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__metric-label {
            font-size: 12px;
            line-height: 1.15;
        }

        .division-segment--energia .division-segment__metric-value,
        .division-segment--hidrocarburos .division-segment__metric-value,
        .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__metric-value,
        .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__metric-value {
            font-size: 26px;
            margin-bottom: 4px;
            min-height: auto;
        }

        .division-segment--energia .division-segment__quote--energia .division-segment__quote-mark,
        .division-segment--hidrocarburos .division-segment__quote--hidrocarburos .division-segment__quote-mark {
            font-size: 72px;
            width: 36px;
        }
    }

    @media (min-width: 749px) and (max-width: 1199px) {
        .division-segment--industrial .division-segment__visual-head,
        .division-segment--infra .division-segment__visual-head,
        .division-segment--materiales .division-segment__visual-head {
            align-items: start;
            display: grid;
            flex-direction: unset;
            gap: 12px 16px;
            grid-template-columns: minmax(0, 1fr) auto;
            width: 100%;
        }

        .division-segment--industrial .division-segment__visual-head .division-segment__quote--visual,
        .division-segment--infra .division-segment__visual-head .division-segment__quote--visual,
        .division-segment--materiales .division-segment__visual-head .division-segment__quote--visual {
            justify-self: start;
            max-width: none;
            min-width: 0;
            width: auto;
        }

        .division-segment--infra .division-segment__quote--visual {
            max-width: none;
            width: auto;
        }

        .division-segment--industrial .division-segment__visual-head .division-segment__metrics,
        .division-segment--infra .division-segment__visual-head .division-segment__metrics,
        .division-segment--materiales .division-segment__visual-head .division-segment__metrics {
            align-self: start;
            justify-self: end;
            margin-right: 0 !important;
            width: auto;
        }

        .division-segment--energia .division-segment__energia-bottom,
        .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__energia-bottom {
            align-items: start;
            gap: 12px 16px;
            grid-template-columns: minmax(0, 1fr) auto;
            grid-template-rows: auto auto;
        }

        .division-segment--energia .division-segment__energia-aside,
        .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__energia-aside {
            grid-column: 1;
            grid-row: 1;
            justify-self: start;
            max-width: none;
            padding: 0;
            width: auto;
        }

        .division-segment--energia .division-segment__metrics--energia,
        .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__metrics--energia {
            align-self: start;
            grid-column: 2;
            grid-row: 1;
            justify-self: end;
            margin: 0 !important;
        }

        .division-segment--energia .division-segment__energia-bottom > div:last-child,
        .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__energia-bottom > div:last-child {
            grid-column: 1 / -1;
            grid-row: 2;
            width: 100%;
        }

        .division-segment--hidrocarburos .division-segment__hidrocarburos-data,
        .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__hidrocarburos-data {
            align-items: start;
            display: grid;
            flex-direction: unset;
            gap: 12px 16px;
            grid-template-columns: minmax(0, 1fr) auto;
            width: 100%;
        }

        .division-segment--hidrocarburos .division-segment__quote--hidrocarburos,
        .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__quote--hidrocarburos {
            align-self: start;
            grid-column: 1;
            justify-self: start;
            max-width: none;
            order: unset;
            width: auto;
        }

        .division-segment--hidrocarburos .division-segment__metrics--hidrocarburos,
        .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__metrics--hidrocarburos {
            align-self: start;
            grid-column: 2;
            justify-self: end;
            margin: 0 !important;
            order: unset;
        }

        .division-segment--industrial .division-segment__quote--visual .division-segment__quote-text,
        .division-segment--infra .division-segment__quote--visual .division-segment__quote-text,
        .division-segment--materiales .division-segment__quote--visual .division-segment__quote-text,
        .division-segment--energia .division-segment__quote--energia .division-segment__quote-text,
        .division-segment--hidrocarburos .division-segment__quote--hidrocarburos .division-segment__quote-text,
        .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__quote--energia .division-segment__quote-text,
        .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__quote--hidrocarburos .division-segment__quote-text {
            font-size: 22px !important;
            line-height: 1.28;
            max-width: none;
        }

        .division-segment--industrial .division-segment__quote-lead,
        .division-segment--infra .division-segment__quote-lead,
        .division-segment--materiales .division-segment__quote-lead,
        .division-segment--energia .division-segment__quote-lead,
        .division-segment--hidrocarburos .division-segment__quote-lead,
        .division-segment--industrial .division-segment__quote-rest,
        .division-segment--infra .division-segment__quote-rest,
        .division-segment--materiales .division-segment__quote-rest,
        .division-segment--energia .division-segment__quote-rest,
        .division-segment--hidrocarburos .division-segment__quote-rest,
        .division-segment--industrial .division-segment__quote--visual .division-segment__quote-text span,
        .division-segment--infra .division-segment__quote--visual .division-segment__quote-text span,
        .division-segment--materiales .division-segment__quote--visual .division-segment__quote-text span,
        .division-segment--energia .division-segment__quote--energia .division-segment__quote-text span,
        .division-segment--hidrocarburos .division-segment__quote--hidrocarburos .division-segment__quote-text span,
        .division-segment--energia .division-segment__quote-rest strong,
        .division-segment--hidrocarburos .division-segment__quote-rest strong {
            font-size: inherit;
            line-height: inherit;
        }

        .division-segment--industrial .division-segment__quote--visual .division-segment__quote-mark,
        .division-segment--materiales .division-segment__quote--visual .division-segment__quote-mark {
            font-size: 72px;
            width: 40px;
        }

        .division-segment--infra .division-segment__quote--visual .division-segment__quote-mark {
            font-size: 84px;
            width: 44px;
        }

        .division-segment--energia .division-segment__quote--energia .division-segment__quote-mark,
        .division-segment--hidrocarburos .division-segment__quote--hidrocarburos .division-segment__quote-mark,
        .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__quote--energia .division-segment__quote-mark,
        .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__quote--hidrocarburos .division-segment__quote-mark {
            font-size: 56px;
            width: 30px;
        }
    }

    @media (min-width: 900px) and (max-width: 1199px) {
        .division-segment--industrial .division-segment__quote--visual .division-segment__quote-text,
        .division-segment--infra .division-segment__quote--visual .division-segment__quote-text,
        .division-segment--materiales .division-segment__quote--visual .division-segment__quote-text,
        .division-segment--energia .division-segment__quote--energia .division-segment__quote-text,
        .division-segment--hidrocarburos .division-segment__quote--hidrocarburos .division-segment__quote-text,
        .division-segment-row--energia-hidrocarburos .division-segment--energia .division-segment__quote--energia .division-segment__quote-text,
        .division-segment-row--energia-hidrocarburos .division-segment--hidrocarburos .division-segment__quote--hidrocarburos .division-segment__quote-text {
            font-size: 24px !important;
        }
    }

    .presencia-page__map,
    .presencia-segments,
    .presencia-chart {
        background: transparent;
        border: 0;
        box-shadow: none;
        margin: 0;
    }

    .presencia-page__layout {
        align-items: start;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
        gap: 0 28px;
    }

    .presencia-segments {
        align-self: center;
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        gap: 4px;
        grid-column: 2;
        grid-row: 1;
        list-style: none;
        margin: 0;
        overflow: visible;
        padding: 0;
    }

    .presencia-segments__item {
        align-items: center;
        display: flex;
        gap: 10px;
        min-height: 0;
    }

    .presencia-segments__icon-wrap {
        align-items: center;
        display: flex;
        flex-shrink: 0;
        height: 44px;
        justify-content: center;
        overflow: visible;
        width: 44px;
    }

    .presencia-segments__icon {
        border-radius: 10px;
        display: block;
        height: 44px;
        max-height: 44px;
        max-width: 44px;
        object-fit: contain;
        width: 44px;
    }

    .presencia-segments__text {
        display: flex;
        flex-direction: column;
        gap: 0;
        min-width: 0;
    }

    .presencia-segments__title {
        color: #4a4a4a;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.15;
    }

    .presencia-segments__subtitle {
        color: #5a5a5a;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.15;
    }

    .presencia-page__map {
        grid-column: 1;
        grid-row: 1;
        margin: 0 auto;
        max-width: 90%;
    }

    .presencia-page__image {
        display: block;
        height: auto;
        width: 100%;
    }

    .presencia-page__chart-col {
        align-self: start;
        display: contents;
        gap: 0;
        overflow: visible;
    }

    .presencia-page__note {
        grid-column: 1 / -1;
        margin: 0 auto 30px;
        max-width: 1240px;
        padding-left: 20px;
    }

    .presencia-chart {
        grid-column: 1 / -1;
        line-height: 0;
        margin: 0 auto 36px;
        max-width: 620px;
        overflow: visible;
        width: 62%;
    }

    .presencia-chart__svg {
        display: block;
        height: auto;
        margin: 0;
        overflow: visible;
        width: 100%;
    }

    .presencia-chart__lines {
        opacity: 0;
    }

    .presencia-chart.is-animated .presencia-chart__lines {
        animation: presencia-fade-in 0.6s ease 0.9s forwards;
    }

    .presencia-chart__ring {
        cursor: pointer;
        opacity: 0;
        transform-box: fill-box;
        transform-origin: center;
        transition: transform 0.25s ease, stroke-width 0.25s ease, opacity 0.25s ease;
    }

    .presencia-chart.is-animated .presencia-chart__ring {
        animation: presencia-ring-in 0.9s ease forwards;
        opacity: 1;
    }

    .presencia-chart__ring:hover,
    .presencia-chart__ring.is-hovered {
        stroke-width: 58;
        transform: scale(1.08);
    }

    .presencia-chart.is-animated .presencia-chart__ring--europa { animation-delay: 0.05s; }
    .presencia-chart.is-animated .presencia-chart__ring--resto { animation-delay: 0.1s; }
    .presencia-chart.is-animated .presencia-chart__ring--mexico { animation-delay: 0.18s; }
    .presencia-chart.is-animated .presencia-chart__ring--norteamerica { animation-delay: 0.38s; }
    .presencia-chart.is-animated .presencia-chart__ring--centro { animation-delay: 0.58s; }

    @keyframes presencia-ring-in {
        from {
            opacity: 0;
            transform: scale(0.94);
        }

        to {
            opacity: 1;
            transform: scale(1);
        }
    }

    @keyframes presencia-fade-in {
        from { opacity: 0; }
        to { opacity: 1; }
    }

    .presencia-chart__center {
        fill: #4a4a4a;
        font-family: 'Nunito', sans-serif;
        font-size: 14px;
        font-weight: 700;
        opacity: 0;
    }

    .presencia-chart.is-animated .presencia-chart__center {
        animation: presencia-fade-in 0.5s ease 0.2s forwards;
    }

    .presencia-chart__label {
        font-family: 'Nunito', sans-serif;
        opacity: 0;
    }

    .presencia-chart.is-animated .presencia-chart__label {
        animation: presencia-fade-in 0.5s ease 0.85s forwards;
    }

    .presencia-chart__value {
        fill: #112e65;
        font-size: 22px;
        font-weight: 700;
        transition: font-size 0.25s ease;
    }

    .presencia-chart__label--europa .presencia-chart__value,
    .presencia-chart__label--resto .presencia-chart__value {
        font-size: 20px;
    }

    .presencia-chart__label.is-hovered .presencia-chart__value {
        font-size: 25px;
    }

    .presencia-chart__label--europa.is-hovered .presencia-chart__value,
    .presencia-chart__label--resto.is-hovered .presencia-chart__value {
        font-size: 23px;
    }

    .presencia-chart__name {
        fill: #2f2f2f;
        font-size: 12px;
        font-weight: 700;
        transition: font-size 0.25s ease;
    }

    .presencia-chart__label.is-hovered .presencia-chart__name {
        font-size: 13px;
        font-weight: 800;
    }

    @media (max-width: 991px) {
        .presencia-page__layout {
            grid-template-columns: 1fr;
        }

        .presencia-page__map,
        .presencia-segments,
        .presencia-page__note,
        .presencia-chart {
            grid-column: 1;
        }

        .presencia-page__map {
            grid-row: 1;
        }

        .presencia-segments {
            grid-row: 2;
            margin: 20px auto 0;
            max-width: 420px;
            width: 100%;
        }

        .presencia-page__chart-col {
            margin: 0 auto;
            max-width: 620px;
            width: 100%;
        }

        .presencia-page__note {
            grid-row: 3;
        }

        .presencia-chart {
            grid-row: 4;
            margin-bottom: 30px;
            max-width: 440px;
            width: 90%;
        }

        .presencia-page__note {
            padding-left: 0;
        }
    }

    /* Datos financieros */

    .wrapper.fin-page {
        box-sizing: border-box;
        max-width: 100%;
        overflow-x: clip;
    }

    .fin-page .row {
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
    }

    .fin-page .row > [class*="col-"] {
        min-width: 0;
        max-width: 100%;
    }

    .fin-page__charts-grid > *,
    .fin-page__charts-bottom > * {
        min-width: 0;
    }

    .fin-page__top {
        align-items: stretch;
        max-width: 100%;
        min-width: 0;
    }

    .fin-page__top > .col-lg-5 {
        display: flex;
    }

    .fin-table-wrap {
        -webkit-overflow-scrolling: touch;
        max-width: 100%;
        min-width: 0;
        overflow-x: auto;
        width: 100%;
    }

    .fin-table {
        border-collapse: collapse;
        border-top: 3px solid #006bd9;
        font-family: 'Nunito', sans-serif;
        font-size: 11px;
        line-height: 1.12;
        min-width: 520px;
        width: 100%;
    }

    .fin-table th,
    .fin-table td {
        border-bottom: 1px solid #fff;
        padding: 3px 7px;
        vertical-align: middle;
    }

    .fin-table__head {
        background-color: #eef5fc;
    }

    .fin-table__head th {
        border-bottom: 2px solid #006bd9;
        color: #006bd9;
        font-size: 12px;
        font-weight: 700;
        padding: 4px 7px;
        position: relative;
        text-align: right;
        white-space: nowrap;
    }

    .fin-table__head th:first-child {
        font-size: 9.5px;
        font-weight: 600;
        line-height: 1.15;
        text-align: left;
        vertical-align: bottom;
        white-space: normal;
        width: 34%;
    }

    .fin-table tbody tr:not(.fin-table__section) {
        background-color: #f3f5f7;
    }

    .fin-table tbody tr:not(.fin-table__section):nth-child(even) {
        background-color: #eceff3;
    }

    .fin-table td {
        color: #2f2f2f;
        text-align: right;
        white-space: nowrap;
    }

    .fin-table td:first-child {
        color: #4a4a4a;
        font-weight: 600;
        text-align: left;
        white-space: normal;
    }

    .fin-table tr.fin-table__section td,
    .fin-table tr.fin-table__section td:first-child {
        color: #006bd9;
        font-weight: 700;
    }

    .fin-table__col-current {
        background-color: rgba(0, 107, 217, 0.07);
    }

    .fin-table__tab {
        background-color: #006bd9;
        border-radius: 6px 6px 0 0;
        display: block;
        height: 8px;
        left: 50%;
        position: absolute;
        top: -8px;
        transform: translateX(-50%);
        width: 42px;
    }

    .fin-table__section td {
        background-color: #fff;
        border-bottom: 1px solid #d8e3f0;
        border-top: 2px solid #006bd9;
        color: #006bd9;
        font-size: 13px;
        font-weight: 700;
        padding: 4px 7px;
        text-align: left;
    }

    .fin-table__section + tr td {
        border-top: 0;
    }

    .fin-page__footnote {
        color: #4a4a4a;
        font-size: 13px;
        line-height: 1.45;
        margin: 12px 0 0;
        max-width: 100%;
    }

    .fin-page__charts-grid {
        align-items: start;
        display: grid;
        gap: 22px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .fin-page__charts-grid .dot-chart--card {
        margin-bottom: 0;
    }

    .fin-page__charts-bottom {
        column-gap: 22px;
        display: grid;
        grid-column: 1 / -1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        position: relative;
    }

    .fin-page__charts-bottom .fin-page__photo {
        height: 100%;
        margin: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: calc(50% - 11px);
    }

    .fin-page__note {
        color: #4a4a4a;
        font-size: 13px;
        line-height: 1.45;
        margin: 16px 0 0;
        padding-left: 20px;
        width: 100%;
    }

    .fin-page__photo-img {
        border-radius: 12px;
        display: block;
        height: 100%;
        object-fit: cover;
        width: 100%;
    }

    .dot-chart {
        margin-bottom: 18px;
    }

    .dot-chart--metrics {
        align-items: center;
        display: flex;
        flex: 1;
        flex-direction: column;
        justify-content: space-around;
        min-height: 100%;
        padding: 4px 0;
        width: 100%;
    }

    .dot-chart--card {
        background: #fff;
        border-radius: 14px;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
        box-sizing: border-box;
        margin-bottom: 22px;
        max-width: 100%;
        padding: 22px 24px 18px;
    }

    .dot-chart--metrics .dot-chart__block + .dot-chart__block {
        margin-top: 0;
    }

    .dot-chart__block + .dot-chart__block {
        margin-top: 22px;
    }

    .dot-chart__title {
        color: #2f2f2f;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.2;
        margin: 0 0 2px;
    }

    .dot-chart__title--center {
        text-align: center;
    }

    .dot-chart__subtitle {
        color: #5a5a5a;
        font-size: 13px;
        line-height: 1.2;
        margin: 0 0 14px;
    }

    .dot-chart__subtitle--center {
        text-align: center;
    }

    .dot-chart__rows {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .dot-chart__row {
        align-items: center;
        border-radius: 6px;
        cursor: default;
        display: grid;
        gap: 6px;
        grid-template-columns: auto auto auto;
        transition: background-color 0.2s ease;
    }

    .dot-chart__row.is-highlighted {
        background-color: rgba(0, 107, 217, 0.06);
    }

    .dot-chart--metrics .dot-chart__row.is-highlighted .dot-chart__dot--filled {
        background-color: #006bd9;
    }

    .dot-chart--metrics .dot-chart__row.is-highlighted .dot-chart__value {
        color: #006bd9;
    }

    .dot-chart--card .dot-chart__row.is-highlighted .dot-chart__dot--filled {
        background-color: #8ecae8;
    }

    #fin-ventas-segmento .dot-chart__dot--filled,
    #fin-ventas-segmento .dot-chart__dot--partial,
    #fin-ventas-segmento .dot-chart__row.is-highlighted .dot-chart__dot--filled {
        background-color: #006bd9;
    }

    #fin-utilidad-segmento .dot-chart__dot--filled,
    #fin-utilidad-segmento .dot-chart__dot--partial,
    #fin-utilidad-segmento .dot-chart__row.is-highlighted .dot-chart__dot--filled {
        background-color: #3babf0;
    }

    #fin-ebitda-segmento .dot-chart__dot--filled,
    #fin-ebitda-segmento .dot-chart__dot--partial,
    #fin-ebitda-segmento .dot-chart__row.is-highlighted .dot-chart__dot--filled {
        background-color: #8ecae8;
    }

    .dot-chart--card .dot-chart__dot--empty {
        background-color: #e4ebf2;
        border: 0;
    }

    .dot-chart--metrics .dot-chart__block {
        align-items: center;
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .dot-chart--metrics .dot-chart__label {
        font-size: 16px;
        font-weight: 600;
        padding-right: 10px;
        text-align: left;
    }

    .dot-chart--metrics .dot-chart__rows {
        display: grid;
        gap: 14px 10px;
        grid-template-columns: max-content max-content max-content;
        margin-inline: auto;
        max-width: 100%;
        width: max-content;
    }

    .dot-chart--metrics .dot-chart__row {
        grid-column: 1 / -1;
        grid-template-columns: subgrid;
    }

    .dot-chart--metrics .dot-chart__title {
        color: #2f2f2f;
        font-size: 21px;
        margin-bottom: 4px;
        text-align: center;
    }

    .dot-chart--metrics .dot-chart__subtitle {
        font-size: 15px;
        margin-bottom: 18px;
        text-align: center;
    }

    .dot-chart--metrics .dot-chart__dot {
        height: 18px;
        width: 18px;
    }

    .dot-chart--metrics .dot-chart__track {
        flex: 0 0 auto;
        gap: 10px;
    }

    .dot-chart--metrics .dot-chart__value {
        font-size: 17px;
        font-weight: 700;
        padding-left: 8px;
    }

    .dot-chart__label {
        color: #4a4a4a;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.2;
    }

    .dot-chart--card .dot-chart__title {
        font-size: 20px;
    }

    .dot-chart--card .dot-chart__subtitle {
        font-size: 14px;
        margin-bottom: 16px;
    }

    .dot-chart--card .dot-chart__label {
        font-size: 16px;
        font-weight: 600;
        padding-right: 10px;
        text-align: right;
    }

    .dot-chart--card .dot-chart__rows {
        display: grid;
        gap: 10px 6px;
        grid-template-columns: max-content max-content max-content;
        margin-inline: auto;
        max-width: 100%;
        width: max-content;
    }

    .dot-chart--card .dot-chart__row {
        grid-column: 1 / -1;
        grid-template-columns: subgrid;
    }

    .dot-chart--card .dot-chart__value {
        font-size: 16px;
    }

    .dot-chart--card .dot-chart__dot {
        height: 16px;
        width: 16px;
    }

    .dot-chart__track {
        display: flex;
        flex: 0 0 auto;
        gap: 5px;
        justify-content: flex-start;
    }

    .dot-chart__dot {
        border-radius: 50%;
        display: inline-block;
        flex-shrink: 0;
        height: 14px;
        opacity: 0;
        transform: scale(0);
        width: 14px;
    }

    .dot-chart__dot--empty {
        background-color: #fff;
        border: 1px solid #dfe6ee;
        opacity: 1;
        transform: scale(1);
    }

    .dot-chart__dot--filled {
        background-color: #8ecae8;
    }

    .dot-chart__dot--partial {
        background-color: #8ecae8;
    }

    .dot-chart__dot--current {
        background-color: #006bd9;
    }

    .dot-chart.is-animated .dot-chart__dot--filled,
    .dot-chart.is-animated .dot-chart__dot--partial {
        animation: fin-dot-grow 1.05s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    }

    .dot-chart.is-animated .dot-chart__dot--filled:nth-child(1),
    .dot-chart.is-animated .dot-chart__dot--partial:nth-child(1) { animation-delay: 0.12s; }
    .dot-chart.is-animated .dot-chart__dot--filled:nth-child(2),
    .dot-chart.is-animated .dot-chart__dot--partial:nth-child(2) { animation-delay: 0.24s; }
    .dot-chart.is-animated .dot-chart__dot--filled:nth-child(3),
    .dot-chart.is-animated .dot-chart__dot--partial:nth-child(3) { animation-delay: 0.36s; }
    .dot-chart.is-animated .dot-chart__dot--filled:nth-child(4),
    .dot-chart.is-animated .dot-chart__dot--partial:nth-child(4) { animation-delay: 0.48s; }
    .dot-chart.is-animated .dot-chart__dot--filled:nth-child(5),
    .dot-chart.is-animated .dot-chart__dot--partial:nth-child(5) { animation-delay: 0.60s; }
    .dot-chart.is-animated .dot-chart__dot--filled:nth-child(6),
    .dot-chart.is-animated .dot-chart__dot--partial:nth-child(6) { animation-delay: 0.72s; }
    .dot-chart.is-animated .dot-chart__dot--filled:nth-child(7),
    .dot-chart.is-animated .dot-chart__dot--partial:nth-child(7) { animation-delay: 0.84s; }
    .dot-chart.is-animated .dot-chart__dot--filled:nth-child(8),
    .dot-chart.is-animated .dot-chart__dot--partial:nth-child(8) { animation-delay: 0.96s; }
    .dot-chart.is-animated .dot-chart__dot--filled:nth-child(9),
    .dot-chart.is-animated .dot-chart__dot--partial:nth-child(9) { animation-delay: 1.08s; }
    .dot-chart.is-animated .dot-chart__dot--filled:nth-child(10),
    .dot-chart.is-animated .dot-chart__dot--partial:nth-child(10) { animation-delay: 1.20s; }

    .dot-chart__value {
        color: #2f2f2f;
        font-size: 14px;
        font-weight: 700;
        padding-left: 10px;
        text-align: left;
        white-space: nowrap;
    }

    @supports not (grid-template-columns: subgrid) {
        .dot-chart--metrics .dot-chart__rows,
        .dot-chart--card .dot-chart__rows {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .dot-chart--metrics .dot-chart__row,
        .dot-chart--card .dot-chart__row {
            gap: 6px;
            grid-column: auto;
            grid-template-columns: minmax(0, 1fr) auto auto;
        }

        .dot-chart--card .dot-chart__row {
            grid-template-columns: minmax(0, 1fr) auto auto;
        }
    }

    @keyframes fin-dot-grow {
        from {
            opacity: 0;
            transform: scale(0);
        }

        to {
            opacity: 1;
            transform: scale(1);
        }
    }

    @media (max-width: 991px) {
        .fin-page__charts-grid {
            grid-template-columns: 1fr;
        }

        .fin-page__charts-bottom {
            grid-template-columns: 1fr;
        }

        .fin-page__charts-bottom .fin-page__photo {
            height: auto;
            margin-top: 22px;
            min-height: 220px;
            position: static;
            width: 100%;
        }

        .fin-page__photo-img {
            height: auto;
            max-height: 360px;
        }

        .fin-page__top > .col-lg-5 {
            display: block;
        }

        .dot-chart--metrics {
            align-items: center;
            display: flex;
            flex-direction: column;
            margin-top: 24px;
            min-height: 0;
            padding-left: 0;
        }

        .dot-chart--metrics .dot-chart__block + .dot-chart__block {
            margin-top: 36px;
        }

        .fin-page__note {
            padding-left: 0;
        }

        .dot-chart--card .dot-chart__rows,
        .dot-chart--metrics .dot-chart__rows {
            width: 100%;
        }

        .dot-chart--card {
            overflow-x: clip;
        }

        .dot-chart--card .dot-chart__rows {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .dot-chart--card .dot-chart__row {
            gap: 4px 6px;
            grid-column: auto;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) auto;
            width: 100%;
        }

        .dot-chart--card .dot-chart__label {
            font-size: 14px;
            line-height: 1.15;
            min-width: 0;
            overflow-wrap: break-word;
            padding-right: 4px;
            text-align: left;
        }

        .dot-chart--card .dot-chart__track {
            flex: 1 1 auto;
            gap: clamp(2px, 0.6vw, 5px);
            justify-content: flex-end;
            max-width: 100%;
            min-width: 0;
            overflow: hidden;
        }

        .dot-chart--card .dot-chart__dot {
            flex: 0 1 auto;
            height: clamp(8px, 2.2vw, 14px);
            max-height: 14px;
            max-width: 14px;
            min-height: 6px;
            min-width: 6px;
            width: clamp(8px, 2.2vw, 14px);
        }

        .dot-chart--card .dot-chart__value {
            font-size: 13px;
            padding-left: 4px;
        }

        .dot-chart--metrics {
            max-width: 100%;
            overflow-x: clip;
        }

        .dot-chart--metrics .dot-chart__rows {
            align-items: center;
            display: flex;
            flex-direction: column;
            gap: 14px;
        }

        .dot-chart--metrics .dot-chart__row {
            gap: 8px 10px;
            grid-column: auto;
            grid-template-columns: auto auto auto;
            justify-content: center;
            margin-inline: auto;
            max-width: 100%;
            width: max-content;
        }

        .dot-chart--metrics .dot-chart__label {
            flex-shrink: 0;
            font-size: 15px;
            min-width: 0;
            padding-right: 0;
        }

        .dot-chart--metrics .dot-chart__track {
            flex: 0 0 auto;
            gap: 10px;
            justify-content: flex-start;
            max-width: none;
            min-width: 0;
            overflow: visible;
        }

        .dot-chart--metrics .dot-chart__dot {
            flex: 0 0 auto;
            height: clamp(10px, 2.2vw, 18px);
            max-height: 18px;
            max-width: 18px;
            min-height: 8px;
            min-width: 8px;
            width: clamp(10px, 2.2vw, 18px);
        }

        .dot-chart--metrics .dot-chart__value {
            font-size: 14px;
            padding-left: 8px;
        }
    }

    @media (max-width: 575px) {
        .wrapper.fin-page {
            padding-inline: 12px;
            width: 100%;
        }

        .fin-page .row > [class*="col-"] {
            padding-left: 0;
            padding-right: 0;
        }

        .fin-table {
            font-size: 11px;
        }

        .fin-table__head th {
            font-size: 12px;
        }

        .fin-table__head th:first-child {
            font-size: 10px;
        }

        .dot-chart--card {
            box-sizing: border-box;
            max-width: 100%;
            overflow-x: clip;
            padding-inline: 16px;
        }

        .dot-chart--card .dot-chart__rows,
        .dot-chart--metrics .dot-chart__rows {
            width: 100%;
        }

        .dot-chart--card .dot-chart__row {
            gap: 4px;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) auto;
        }

        .dot-chart--card .dot-chart__label {
            font-size: 12px;
        }

        .dot-chart--card .dot-chart__dot {
            height: clamp(6px, 1.8vw, 11px);
            max-height: 11px;
            max-width: 11px;
            min-height: 5px;
            min-width: 5px;
            width: clamp(6px, 1.8vw, 11px);
        }

        .dot-chart--card .dot-chart__track {
            gap: 2px;
        }

        .dot-chart--card .dot-chart__value {
            font-size: 12px;
            padding-left: 2px;
        }

        .dot-chart--metrics .dot-chart__row {
            gap: 6px 8px;
            grid-template-columns: auto auto auto;
        }

        .dot-chart--metrics .dot-chart__label {
            font-size: 14px;
            padding-right: 0;
        }

        .dot-chart--metrics .dot-chart__dot {
            height: clamp(8px, 1.8vw, 14px);
            max-height: 14px;
            max-width: 14px;
            min-height: 7px;
            min-width: 7px;
            width: clamp(8px, 1.8vw, 14px);
        }

        .dot-chart--metrics .dot-chart__track {
            flex: 0 0 auto;
            gap: 8px;
            overflow: visible;
        }

        .dot-chart--metrics .dot-chart__value {
            font-size: 13px;
            padding-left: 6px;
        }

        .dot-chart--metrics .dot-chart__title {
            font-size: 18px;
        }

        .dot-chart--metrics .dot-chart__subtitle {
            font-size: 13px;
            margin-bottom: 14px;
        }

        .dot-chart__dot {
            height: 11px;
            width: 11px;
        }

        .dot-chart__track {
            gap: 3px;
        }

        @supports not (grid-template-columns: subgrid) {
            .dot-chart--card .dot-chart__row {
                grid-template-columns: minmax(0, 1fr) auto auto;
            }
        }
    }

    /* Actividades de Sostenibilidad */
    .sos-page {
        padding-bottom: 40px;
    }

    .sos-page .sos-intro {
        margin-bottom: 42px;
        width: 100%;
    }

    .sos-page .sos-intro__title {
        font-weight: 700;
        margin-bottom: 28px;
    }

    .sos-page .sos-intro__text p {
        margin-bottom: 18px;
        max-width: none;
    }

    .sos-ejes {
        padding: 0;
    }

    .sos-ejes__nav {
        display: grid;
        gap: 18px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sos-eje-btn {
        align-items: center;
        background: #fff;
        border: none;
        border-radius: 18px;
        box-shadow: 0 6px 22px rgba(0, 48, 120, 0.1);
        color: #1f2a37;
        cursor: pointer;
        display: flex;
        gap: 18px;
        min-height: 96px;
        padding: 18px 22px;
        position: relative;
        text-align: left;
        transition: background 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
        width: 100%;
    }

    .sos-eje-btn:hover,
    .sos-eje-btn:focus {
        box-shadow: 0 10px 28px rgba(0, 107, 217, 0.18);
        outline: none;
        transform: translateY(-2px);
    }

    .sos-eje-btn.is-active {
        background: linear-gradient(135deg, #006bd9 0%, #0052a8 100%);
        box-shadow: 0 14px 32px rgba(0, 107, 217, 0.32);
        transform: translateY(-2px);
        z-index: 2;
    }

    .sos-eje-btn__icon {
        align-items: center;
        background: #006bd9;
        border-radius: 16px;
        box-shadow: 0 6px 16px rgba(0, 107, 217, 0.28);
        color: #fff;
        display: flex;
        flex-shrink: 0;
        height: 68px;
        justify-content: center;
        width: 68px;
    }

    .sos-eje-btn__icon svg {
        display: block;
        height: 38px;
        width: 38px;
    }

    .sos-eje-btn.is-active .sos-eje-btn__icon {
        background: #fff;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
        color: #006bd9;
    }

    .sos-eje-btn__label {
        color: #1f2a37;
        flex: 1;
        font-family: 'Nunito', sans-serif;
        font-size: 22px;
        font-weight: 700;
        line-height: 1.2;
        min-width: 0;
    }

    .sos-eje-btn.is-active .sos-eje-btn__label {
        color: #fff;
    }

    .sos-eje-btn__arrow {
        border: solid currentColor;
        border-width: 0 3px 3px 0;
        color: #006bd9;
        display: inline-block;
        flex-shrink: 0;
        height: 12px;
        margin-right: 4px;
        transform: rotate(45deg);
        transition: transform 0.25s ease, margin 0.25s ease, color 0.25s ease;
        width: 12px;
    }

    .sos-eje-btn.is-active .sos-eje-btn__arrow {
        color: #fff;
        margin-top: 6px;
        transform: rotate(-135deg);
    }

    .sos-ejes:not(.has-open-panel) {
        margin-bottom: 36px;
    }

    .sos-ejes.has-open-panel .sos-ejes__panels {
        margin-top: 20px;
    }

    .sos-ejes__panel {
        animation: sos-panel-in 0.3s ease;
        background: #fff;
        border-radius: 20px;
        box-shadow: 0 12px 36px rgba(0, 48, 120, 0.1);
        padding: 36px 40px;
    }

    @keyframes sos-panel-in {
        from {
            opacity: 0;
            transform: translateY(-10px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .sos-section + .sos-section {
        border-top: 1px solid #e5e9ed;
        margin-top: 34px;
        padding-top: 34px;
    }

    .sos-section__title {
        color: #006bd9;
        font-family: 'Nunito', sans-serif;
        font-size: 22px;
        font-weight: 700;
        margin: 0 0 18px;
    }

    .sos-section p {
        margin-bottom: 16px;
    }

    .sos-section p:last-child {
        margin-bottom: 0;
    }

    .sos-section__figure {
        margin: 24px auto 0;
        max-width: 78%;
    }

    .sos-section__img {
        border-radius: 12px;
        display: block;
        height: auto;
        max-height: 380px;
        max-width: 100%;
        object-fit: contain;
        width: 100%;
    }

    @media (max-width: 1199px) {
        .sos-eje-btn__label {
            font-size: 20px;
        }
    }

    @media (max-width: 991px) {
        .sos-ejes {
            padding: 0 20px;
        }

        .sos-ejes:not(.has-open-panel) {
            margin-bottom: 28px;
        }

        .sos-section__figure {
            max-width: 92%;
        }

        .sos-section__img {
            max-height: 300px;
        }

        .sos-ejes__nav {
            grid-template-columns: 1fr;
        }

        .sos-ejes__panel {
            padding: 26px 22px;
        }

        .sos-eje-btn {
            min-height: 88px;
        }

        .sos-eje-btn__icon {
            height: 60px;
            width: 60px;
        }

        .sos-eje-btn__icon svg {
            height: 32px;
            width: 32px;
        }
    }

    @media (max-width: 575px) {
        .sos-ejes {
            padding: 0 14px;
        }

        .sos-eje-btn__label {
            font-size: 18px;
        }

        .sos-eje-btn {
            gap: 14px;
            padding: 16px 18px;
        }
    }