.cmp-column-figures__header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    width: 100%;
    padding-block: var(--space-6);
    background-image: var(--background-image-inner);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: min(20%, 12.25rem) auto;
    max-width: var(--especiales-max-width);
}

.cmp-column-figures__header-icon {
    width: 3.5rem;
    height: 3.5rem;
    padding: 1rem;
    border-radius: 1.25rem;
    background: var(--icon-bg-color, #d5eab6);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.cmp-column-figures__header-icon::before {
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    background-color: var(--icon-color, var(--Secundario-900, #1f471e));
    -webkit-mask: var(--icon-url) no-repeat center;
    -webkit-mask-size: contain;
    mask: var(--icon-url) no-repeat center;
    mask-size: contain;
}

.cmp-column-figures__header-icon-image {
    width: 3.5rem;
    height: 3.5rem;
    padding: 1rem;
    border-radius: 1.25rem;
    background: var(--icon-bg-color, #d5eab6);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.cmp-column-figures__header-icon-image .cmp-image,
.cmp-column-figures__header-icon-image .cmp-image__image {
    width: 1.5rem;
    height: 1.5rem;
    object-fit: contain;
    display: block;
}

.cmp-column-figures__header-title {
    width: 100%;
}

.cmp-column-figures__header-title div {
    display: contents;
}

.cmp-column-figures__header-title .cmp-title__text,
.cmp-column-figures__header-title h1,
.cmp-column-figures__header-title h2,
.cmp-column-figures__header-title h3,
.cmp-column-figures__header-title h4,
.cmp-column-figures__header-title h5,
.cmp-column-figures__header-title h6 {
    margin: 0;
    color: var(--title-color, var(--Neutros-900, #101112));
    font-family: var(--Heading-Mvil-H2-fontFamily);
    font-size: var(--Heading-Mvil-H2-fontSize);
    font-style: normal;
    font-weight: var(--Weights-SemiBold, 600);
    line-height: var(--Heading-Mvil-H2-lineHeight);
    letter-spacing: var(--Heading-Mvil-H2-letterSpacing);
}

.cmp-column-figures__header-description {
    width: 100%;
    margin: 0;
    color: var(--text-color, var(--Neutros-700, #585a5d));
    font-family: var(--Body-Body-2-fontFamily);
    font-size: var(--Body-Body-2-fontSize);
    font-style: normal;
    font-weight: var(--Weights-Regular, 400);
    line-height: var(--Body-Body-2-lineHeight);
    letter-spacing: var(--Body-Body-2-letterSpacing);
}

.cmp-column-figures__header-description div {
    display: contents;
}

.cmp-column-figures__header-description p {
    margin: 0;
    color: inherit;
}

.cmp-column-figures__header-description.cq-Editable-dom {
    min-height: 3rem;
}

.cmp-column-figures__header-title--limited,
.cmp-column-figures__header-description--limited {
    max-width: 37rem;
}

.cmp-column-figures__header-description ul,
.cmp-column-figures__header-description ol {
    margin: 0;
    padding-left: var(--space-4);
}

.cmp-column-figures__header-description ul {
    list-style: disc;
}

.cmp-column-figures__header-description ol {
    list-style: decimal;
}

.cmp-column-figures__header-description li {
    margin: 0;
    color: inherit;
}

.cmp-column-figures__header-description li + li {
    margin-top: var(--space-1);
}

.cmp-column-figures__header-description ul ul,
.cmp-column-figures__header-description ol ul {
    list-style: circle;
    margin-top: var(--space-1);
}

.cmp-column-figures__header-description a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 0.125rem;
}

.cmp-column-figures__header-description a:hover,
.cmp-column-figures__header-description a:focus-visible {
    text-decoration-thickness: 0.125rem;
}

.cmp-column-figures__header-description a:focus-visible {
    outline: 0.125rem solid #fd6337;
    outline-offset: 0.125rem;
}

.cmp-column-figures__header-link {
    color: var(--cta-color, #3b3b3b);
    font-family: var(--Body-Body-2-fontFamily);
    font-size: var(--Body-Body-2-fontSize);
    font-style: normal;
    font-weight: var(--Weights-Regular, 400);
    line-height: 1.5rem;
    text-decoration: underline;
    text-underline-offset: 0.125rem;
    width: fit-content;
}

.cmp-column-figures__header-link:focus-visible {
    outline: 0.125rem solid #fd6337;
    outline-offset: 0.125rem;
}

.cmp-column-figures__header-link--button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: var(--especiales-cta-height);
    padding: 0 var(--space-6);
    border-radius: var(--especiales-cta-radius);
    border: 0.0625rem solid var(--cta-color, var(--color-caf-green, #49a848));
    background: transparent;
    color: var(--cta-color, var(--color-caf-green, #49a848));
    font-family: var(--Label-Label-1-fontFamily);
    font-size: var(--Label-Label-1-fontSize);
    font-style: normal;
    font-weight: var(--Weights-Bold);
    line-height: var(--Label-Label-1-lineHeight);
    letter-spacing: var(--Label-Label-1-letterSpacing);
    text-decoration: none;
    cursor: pointer;
    width: 100%;
    align-self: stretch;
}

.cmp-column-figures__header-link--button:hover {
    background: var(--cta-color, var(--color-caf-green, #49a848));
    color: var(--BN-white, #fff);
    filter: brightness(1.2);
}

.cmp-column-figures__header-link--button:focus-visible {
    outline: 0.125rem solid var(--Primario-500-Marca, #fd6337);
    outline-offset: 0.125rem;
}

.cmp-column-figures__content {
    display: grid;
    gap: var(--space-6);
    max-width: var(--especiales-max-width-desktop);
    margin-inline: auto;
}

.cmp-column-figures__heading {
    display: grid;
    justify-items: center;
    gap: var(--space-2);
    text-align: center;
}

.cmp-column-figures__title .cmp-title__text {
    color: var(--Neutros-900);
    font-family: var(--Heading-Mvil-H5-fontFamily);
    font-size: var(--Heading-Mvil-H5-fontSize);
    font-style: normal;
    font-weight: var(--Weights-Bold);
    line-height: var(--Heading-Mvil-H5-lineHeight);
    letter-spacing: var(--Heading-Mvil-H5-letterSpacing);
}

.cmp-column-figures__description .cmp-text > * {
    color: var(--BN-black);
    font-family: var(--font-family-display);
    font-size: var(--Heading-Mvil-H5-fontSize);
    font-style: normal;
    font-weight: var(--Weights-Regular);
    line-height: var(--Heading-Mvil-H5-lineHeight);
    letter-spacing: var(--Heading-Mvil-H5-letterSpacing);
}

.cmp-column-figures__title .cmp-title,
.cmp-column-figures__description .cmp-text {
    margin: 0;
}

.cmp-column-figures__script .embeddedScript.section-shell,
.cmp-column-figures__script .section-shell {
    padding-inline: 0;
    margin-inline: 0;
}

.cmp-column-figures__script .embeddedScript__inner {
    padding-block: 0;
    max-width: none;
    margin-inline: 0;
}

.cmp-column-figures__aside .cmp-container,
.cmp-column-figures__aside .aem-Grid {
    display: grid;
    gap: var(--space-6);
}

.cmp-column-figures__aside .aem-GridColumn {
    width: 100%;
    float: none;
    padding: 0;
}

.cmp-column-figures-card {
    display: grid;
    justify-items: start;
    align-content: start;
    gap: var(--space-4);
    padding: var(--space-4);
    border-radius: var(--radius-md);
    background: var(--card-bg, var(--Neutros-100));
}

.cmp-column-figures-card__icon {
    width: 3.5rem;
    height: 3.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-4);
    border-radius: var(--radius-20);
    background: var(--icon-bg-color, var(--Satisfaccin-100));
}

.cmp-column-figures-card__icon::before {
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    background-color: var(--icon-color);
    -webkit-mask: var(--icon-url) no-repeat center;
    -webkit-mask-size: contain;
    mask: var(--icon-url) no-repeat center;
    mask-size: contain;
}

.cmp-column-figures-card__copy {
    display: grid;
    gap: var(--space-2);
    width: 100%;
    justify-items: start;
}

.cmp-column-figures-card__value,
.cmp-column-figures-card__label {
    margin: 0;
}

.cmp-column-figures-card__value {
    color: var(--card-text, var(--Primario-800));
    font-family: var(--Heading-Mvil-H3-fontFamily);
    font-size: var(--Heading-Mvil-H3-fontSize);
    font-weight: var(--Weights-Regular);
    line-height: var(--Heading-Mvil-H3-lineHeight);
    letter-spacing: var(--Heading-Mvil-H3-letterSpacing);
}

.cmp-column-figures-card__label {
    color: var(--card-text, var(--Colors-Others-Color-Gray-700));
    font-family: var(--Subheading-Mvil-M-fontFamily);
    font-size: var(--Subheading-Mvil-M-fontSize);
    font-weight: var(--Weights-Regular);
    line-height: var(--Subheading-Mvil-M-lineHeight);
    letter-spacing: var(--Subheading-Mvil-M-letterSpacing);
}

@media (min-width: 64rem) {
    .cmp-column-figures__header {
        padding-block: 1.875rem 1.125rem;;
        max-width: var(--especiales-max-width-desktop);
        margin-inline: auto;
    }

    .cmp-column-figures__header-title .cmp-title__text,
    .cmp-column-figures__header-title h1,
    .cmp-column-figures__header-title h2,
    .cmp-column-figures__header-title h3,
    .cmp-column-figures__header-title h4,
    .cmp-column-figures__header-title h5,
    .cmp-column-figures__header-title h6 {
        font-family: var(--Heading-Escritorio-H2-fontFamily);
        font-size: var(--Heading-Escritorio-H2-fontSize);
        line-height: var(--Heading-Escritorio-H2-lineHeight);
        letter-spacing: var(--Heading-Escritorio-H2-letterSpacing);
    }

    .cmp-column-figures__header-link--button {
        width: fit-content;
        align-self: flex-start;
    }

    .cmp-column-figures__content {
        grid-template-columns: 62.5% minmax(0, 1fr);
        align-items: center;
    }

    .cmp-column-figures__title .cmp-title__text {
        font-family: var(--Heading-Escritorio-H5-fontFamily);
        font-size: var(--Heading-Escritorio-H5-fontSize);
        font-weight: var(--Weights-SemiBold);
        line-height: var(--Heading-Escritorio-H5-lineHeight);
        letter-spacing: var(--Heading-Escritorio-H5-letterSpacing);
    }

    .cmp-column-figures__description .cmp-text > * {
        font-family: var(--Heading-Escritorio-H5-fontFamily);
        font-size: var(--Heading-Escritorio-H5-fontSize);
        line-height: var(--Heading-Escritorio-H5-lineHeight);
        letter-spacing: var(--Heading-Escritorio-H5-letterSpacing);
    }

    .cmp-column-figures-card {
        min-height: 10.375rem;
    }

    .cmp-column-figures-card__value {
        font-family: var(--Heading-Escritorio-H3-fontFamily);
        font-size: var(--Heading-Escritorio-H3-fontSize);
        line-height: var(--Heading-Escritorio-H3-lineHeight);
        letter-spacing: var(--Heading-Escritorio-H3-letterSpacing);
    }

    .cmp-column-figures-card__label {
        font-family: var(--Subheading-Mvil-XL-fontFamily);
        font-size: var(--Subheading-Mvil-XL-fontSize);
        line-height: var(--Subheading-Mvil-XL-lineHeight);
        letter-spacing: var(--Subheading-Mvil-XL-letterSpacing);
    }
}

@media (max-width: 48rem) {
    .cmp-column-figures__header {
        background-size: max(20%, 6.5rem) auto;
    }
}
