.cmp-editorialHeaderStandalone {
    background: transparent;
    width: 100%;
    box-sizing: border-box;
    container-type: inline-size;
    container-name: editorialHeaderStandalone;
    background-image: var(--background-image-inner);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: min(20%, 12.25rem) auto;
}

.cmp-editorialHeaderStandalone__header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-4);
    width: 100%;
    padding-block: var(--space-6);
    max-width: var(--especiales-max-width);
}

.cmp-editorialHeaderStandalone__icon,
.cmp-editorialHeaderStandalone__icon-image {
    width: 3.5rem;
    height: 3.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.cmp-editorialHeaderStandalone__icon.cmp-editorialHeaderStandalone__icon--large,
.cmp-editorialHeaderStandalone__icon-image.cmp-editorialHeaderStandalone__icon-image--large {
    width: 4.5rem;
    height: 4.5rem;
    margin-block-end: var(--space-6);
}

.cmp-editorialHeaderStandalone__icon {
    padding: var(--space-4);
    border-radius: var(--radius-20);
    background: var(--icon-bg-color, #d5eab6);
    flex: 0 0 auto;
}

.cmp-editorialHeaderStandalone__icon.cmp-editorialHeaderStandalone__icon--large {
    padding: 1.5rem;
}

.cmp-editorialHeaderStandalone__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-editorialHeaderStandalone__icon-image {
    background: transparent;
}

.cmp-editorialHeaderStandalone__icon-image .cmp-image,
.cmp-editorialHeaderStandalone__icon-image .cmp-image__image {
    object-fit: contain;
    display: block;
}

.cmp-editorialHeaderStandalone__title {
    width: 100%;
}

.cmp-editorialHeaderStandalone__title div {
    display: contents;
}

.cmp-editorialHeaderStandalone__title .cmp-title__text {
    margin: 0;
    color: var(--title-color, var(--Neutros-900, #101112));
    font-style: normal;
    font-weight: var(--Weights-SemiBold, 600);
}

.cmp-editorialHeaderStandalone__title h1.cmp-title__text,
.cmp-editorialHeaderStandalone__title h1 {
    font-family: var(--Heading-Mvil-H1-fontFamily);
    font-size: var(--Heading-Mvil-H1-fontSize);
    line-height: var(--Heading-Mvil-H1-lineHeight);
    letter-spacing: var(--Heading-Mvil-H1-letterSpacing);
}

.cmp-editorialHeaderStandalone__title h2.cmp-title__text,
.cmp-editorialHeaderStandalone__title h2 {
    font-family: var(--Heading-Mvil-H2-fontFamily);
    font-size: var(--Heading-Mvil-H2-fontSize);
    line-height: var(--Heading-Mvil-H2-lineHeight);
    letter-spacing: var(--Heading-Mvil-H2-letterSpacing);
}

.cmp-editorialHeaderStandalone__title h3.cmp-title__text,
.cmp-editorialHeaderStandalone__title h3 {
    font-family: var(--Heading-Mvil-H3-fontFamily);
    font-size: var(--Heading-Mvil-H3-fontSize);
    line-height: var(--Heading-Mvil-H3-lineHeight);
    letter-spacing: var(--Heading-Mvil-H3-letterSpacing);
}

.cmp-editorialHeaderStandalone__title h4.cmp-title__text,
.cmp-editorialHeaderStandalone__title h4 {
    font-family: var(--Heading-Mvil-H4-fontFamily);
    font-size: var(--Heading-Mvil-H4-fontSize);
    line-height: var(--Heading-Mvil-H4-lineHeight);
    letter-spacing: var(--Heading-Mvil-H4-letterSpacing);
}

.cmp-editorialHeaderStandalone__title h5.cmp-title__text,
.cmp-editorialHeaderStandalone__title h5 {
    font-family: var(--Heading-Mvil-H5-fontFamily);
    font-size: var(--Heading-Mvil-H5-fontSize);
    line-height: var(--Heading-Mvil-H5-lineHeight);
    letter-spacing: var(--Heading-Mvil-H5-letterSpacing);
}

.cmp-editorialHeaderStandalone__title h6.cmp-title__text,
.cmp-editorialHeaderStandalone__title h6 {
    font-family: var(--Heading-Mvil-H6-fontFamily);
    font-size: var(--Heading-Mvil-H6-fontSize);
    line-height: var(--Heading-Mvil-H6-lineHeight);
    letter-spacing: var(--Heading-Mvil-H6-letterSpacing);
}

.cmp-editorialHeaderStandalone__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-editorialHeaderStandalone__description:not(:has(p, ul, ol, h1, h2, h3, h4, h5, h6, div)) {
    display: none;
}

.cmp-editorialHeaderStandalone__description div {
    display: contents;
}

.cmp-editorialHeaderStandalone__description p {
    margin: 0;
    color: inherit;
}

.cmp-editorialHeaderStandalone__description.cq-Editable-dom {
    min-height: 3rem;
}

.cmp-editorialHeaderStandalone__title--limited,
.cmp-editorialHeaderStandalone__description--limited {
    max-width: 37rem;
}

.cmp-editorialHeaderStandalone__description ul,
.cmp-editorialHeaderStandalone__description ol {
    margin-inline-start: var(--space-4);
    padding-left: var(--space-3);
}

.cmp-editorialHeaderStandalone__description ul {
    list-style-type: disc;
}

.cmp-editorialHeaderStandalone__description ol {
    list-style-type: decimal;
}

.cmp-editorialHeaderStandalone__description li {
    margin: 0;
    color: inherit;
}

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

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

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

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

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

.cmp-editorialHeaderStandalone__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-editorialHeaderStandalone__link:focus-visible {
    outline: 0.125rem solid #fd6337;
    outline-offset: 0.125rem;
}

.cmp-editorialHeaderStandalone__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-editorialHeaderStandalone__link--button:hover {
    background: var(--cta-color, var(--color-caf-green, #49a848));
    color: var(--BN-white, #fff);
    filter: brightness(1.2);
}

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


@media (min-width: 64rem) {
    .cmp-editorialHeaderStandalone__header {
        padding-block: var(--space-11-5);
        max-width: var(--especiales-max-width-desktop);
        margin-inline: auto;
    }

    .cmp-editorialHeaderStandalone__title h1.cmp-title__text,
    .cmp-editorialHeaderStandalone__title h1 {
        font-family: var(--Heading-Escritorio-H1-fontFamily);
        font-size: var(--Heading-Escritorio-H1-fontSize);
        line-height: var(--Heading-Escritorio-H1-lineHeight);
        letter-spacing: var(--Heading-Escritorio-H1-letterSpacing);
    }

    .cmp-editorialHeaderStandalone__title h2.cmp-title__text,
    .cmp-editorialHeaderStandalone__title h2 {
        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-editorialHeaderStandalone__title h3.cmp-title__text,
    .cmp-editorialHeaderStandalone__title h3 {
        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-editorialHeaderStandalone__title h4.cmp-title__text,
    .cmp-editorialHeaderStandalone__title h4 {
        font-family: var(--Heading-Escritorio-H4-fontFamily);
        font-size: var(--Heading-Escritorio-H4-fontSize);
        line-height: var(--Heading-Escritorio-H4-lineHeight);
        letter-spacing: var(--Heading-Escritorio-H4-letterSpacing);
    }

    .cmp-editorialHeaderStandalone__title h5.cmp-title__text,
    .cmp-editorialHeaderStandalone__title h5 {
        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-editorialHeaderStandalone__title h6.cmp-title__text,
    .cmp-editorialHeaderStandalone__title h6 {
        font-family: var(--Heading-Escritorio-H6-fontFamily);
        font-size: var(--Heading-Escritorio-H6-fontSize);
        line-height: var(--Heading-Escritorio-H6-lineHeight);
        letter-spacing: var(--Heading-Escritorio-H6-letterSpacing);
    }

    .cmp-editorialHeaderStandalone__link--button {
        width: fit-content;
        align-self: flex-start;
    }

    /* .cmp-tabs__tabpanel--active .cmp-editorialHeaderStandalone.section-shell {
        padding-inline: 0;
    } */

    @container editorialHeaderStandalone (width < 64.0625rem) {
        .cmp-editorialHeaderStandalone__header {
            padding-block: var(--space-7-5);
        }
    }
}

.cmp-tabs__tabpanel--active .cmp-editorialHeaderStandalone.section-shell {
    padding-inline: 0;
}

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

.cmp-editorialHeaderStandalone__header--reduced-top {
    padding-top: var(--space-6);
}

.cmp-editorialHeaderStandalone__header--reduced-bottom {
    padding-bottom: var(--space-4-25);
}