.cmp-download-document {
    padding-block: 60px;
}

.cmp-download-document__inner {
    max-width: var(--especiales-max-width-desktop);
    margin-inline: auto;
}

.cmp-download-document .cmp-title {
    padding-top: 0;
    padding: 0;
    max-width: stretch;
}

.cmp-download-document .cmp-title .cmp-title__text {
    margin: 0;
    color: var(--CAF-Colores-neutros-gris-900, #3b3b3b);
    font-style: normal;
    font-weight: var(--Weights-SemiBold, 600);
}

.cmp-download-document .cmp-title h1.cmp-title__text {
    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-download-document .cmp-title h2.cmp-title__text {
    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-download-document .cmp-title h3.cmp-title__text {
    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-download-document .cmp-title h4.cmp-title__text {
    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-download-document .cmp-title h5.cmp-title__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-download-document .cmp-title h6.cmp-title__text {
    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-download-document .cmp-download-document__container .cmp-container {
    margin-top: 1.5rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 18rem));
    gap: 2rem;
}

.cmp-download-document .download {
    background: var(--Turquesa-50, #e7f8fa);
    border-radius: 1rem;
    padding: 1.5rem;
    box-shadow: 6px 4px 12px rgba(0, 0, 0, 0.15);
    display: flex;
}

.cmp-download-document .cmp-download {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.cmp-download-document .cmp-download__title {
    margin: 0;
    color: var(--Primario-900, #002239);
    font-family: var(--Label-Label-1-fontFamily, Raleway);
    font-size: var(--Label-Label-1-fontSize, 16px);
    font-style: normal;
    font-weight: var(--Weights-Bold, 700);
    line-height: var(--Label-Label-1-lineHeight, 22px);
    letter-spacing: var(--Label-Label-1-letterSpacing, -0.18px);
    cursor: default;
    pointer-events: none;
}

.cmp-download-document .cmp-download__property--filename,
.cmp-download-document .cmp-download__property--size .cmp-download__property-label {
    display: none;
}

.cmp-download-document .cmp-download__properties {
    margin: 0;
    color: var(--Neutros-800, #343537);
    font-family: var(--Subheading-Mvil-M-fontFamily, Raleway);
    font-size: var(--Subheading-Mvil-M-fontSize, 16px);
    font-style: normal;
    font-weight: var(--Weights-Regular, 400);
    line-height: var(--Subheading-Mvil-M-lineHeight, 24px);
    letter-spacing: var(--Subheading-Mvil-M-letterSpacing, 0);
    display: flex;
    justify-content: flex-end;
    flex-direction: row-reverse;
}

.cmp-download-document .cmp-download__property--size .cmp-download__property-content {
    text-transform: lowercase;
}

.cmp-download-document .cmp-download__property--format {
    display: inline-flex;
}

.cmp-download-document .cmp-download__property--format::after {
    content: "•";
    margin: 0 0.5rem;
    color: var(--Neutros-800, #343537);
}

.cmp-download-document .cmp-download__action {
    margin-top: auto;
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--CAF-Primary-corporativo-primario-2, #1774ad);
    font-family: var(--Label-Label-1-fontFamily, Raleway);
    font-size: var(--Label-Label-1-fontSize, 16px);
    font-style: normal;
    font-weight: var(--Weights-Bold, 700);
    line-height: var(--Label-Label-1-lineHeight, 22px);
    letter-spacing: var(--Label-Label-1-letterSpacing, -0.18px);
}

.cmp-download-document .cmp-download__action::after {
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-image: url("../../../../etc.clientlibs/caf/clientlibs/clientlib-site/resources/images/svg/que-es-caf-part2/asi-contribuimos/ambiente/download-documento-fill.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.cmp-filteredTabs .cmp-download-document.section-shell {
    padding-inline: 0;
    padding-block: var(--space-6);
}

@media (max-width: 63.9375rem) {
    .cmp-download-document .cmp-download-document__container .cmp-container {
        grid-template-columns: 1fr;
    }

    .cmp-download-document .cmp-title h1.cmp-title__text {
        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-download-document .cmp-title h2.cmp-title__text {
        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-download-document .cmp-title h3.cmp-title__text {
        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-download-document .cmp-title h4.cmp-title__text {
        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-download-document .cmp-title h5.cmp-title__text {
        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-download-document .cmp-title h6.cmp-title__text {
        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);
    }
}

/* No padding style system */
.cmp-download-document__no-padding .cmp-download-document {
    padding-block-start: 0;
    padding-block-end: var(--space-6);
}

.cmp-download-document__no-padding .cmp-download-document .cmp-download-document__container .cmp-container {
    margin-block: 0;
    gap: 1rem;
}