html{
scroll-behavior: smooth;
}

.xs\:title_s {
    font-family: var(--font-family-1-smbold);
    font-size: var(--size-font-175);
    line-height: var(--size-font-line-height-xl);
    font-style: var(--font-style-normal);
}


.cards-container1 {


    /* Title/S */
    .title-container {
        color: var(--Color-Content-General-1, #2C2C2C);
        text-align: center;
        font-feature-settings: 'liga' off, 'clig' off;
        margin: 0px;
        padding: 0px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
        align-self: stretch;
        margin-bottom: 24px;

    }

   }

.img-placas {
    background-image: url("/documents/20122/31134359/360_placas.png/0ea9be64-0f5a-047d-cf99-21ccff2677ef?t=1779282061791");
    width: 100%;
    height: 180px;
    background-repeat: no-repeat;
    border-radius: 16px;
    background-size: cover;
}

.swiper-slide.item-uno {
    height: auto;
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: var(--border-radius-l, 16px);
    background: var(--Color-Surface-General-3, #F9F9F9);

    .item-uno__section-primary {

        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
    }

    .item-uno__section-secondary {

        display: flex;
        width: 256px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        align-self: stretch;
        flex-grow: 1;
    }
}

.swiper-slide.item-dos {
    height: auto;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
    align-self: stretch;

    .item-dos__section-primary {
        border-radius: 16px;
        background: #FFF5EC;
        display: flex;
        width: 256px;
        flex-direction: column;
        align-items: flex-start;
        padding: 24px;
        align-self: stretch;
        flex-grow: 1;
gap: 8px;
        p {
            margin: 0;
        }

    }

    .item-dos__section-secondary {
        display: flex;
        width: 256px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        border-radius: 16px;
        background: var(--Color-Surface-General-2, #DCEBE1);
        padding: 24px;
        align-self: stretch;
        flex-grow: 1;

        p {
            margin: 0;
        }
    }
}

.swiper-slide.item-tres {
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
    align-self: stretch;

    .item-tres__section-primary {

        display: flex;
        width: 256px;
        padding: 24px;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        border-radius: var(--border-radius-l, 16px);
        background: var(--Color-Surface-General-2, #DCEBE1);
        border-radius: 16px;
        flex-grow: 1;
        gap: 8px;

        p {
            margin: 0;
        }
    }

    .item-tres__section-secondary {
        width: 256px;

        display: flex;
        padding: var(--size-space-0, 0);
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        border-radius: var(--border-radius-l, 16px);
        background: var(--Color-Surface-General-4, #FFF5EC);
        padding: 24px;
        gap: 8px;
        flex-grow: 1;

        p {
            margin: 0;
        }

    }
}

@media (min-width: 576px) {
    .cards-container1 {
        padding: 40px 42px;
    }
}

@media (min-width: 768px) {
    .cards-container1 {
        display: flex;
        padding: 40px 48px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 32px;
    }
}

@media (min-width: 992px) {


    .cards-container1 {
        display: flex;
        padding: 40px 82px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 32px;

        .img-placas {
            width: 100%;
            height: 180px;
            background-repeat: no-repeat;
            border-radius: 16px;
            background-size: cover;
            background: url("/documents/20122/31134359/992_placas.png/af2ff5b2-a79a-c11d-dc80-d614bf1d2b6b?t=1779282063052") lightgray 50% / cover no-repeat;
        }


.carrusel-queincluye-navigation-icons__container {
        display: none;
    }

        .lg\:title_m {
            font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-200);
            line-height: var(--size-font-line-height-2xl);
            font-style: var(--font-style-normal);
        }

    }
}

@media (min-width: 1200px) {
    .cards-container1 {
        width: 100%;
        padding: 40px 102px;
        flex-direction: column;
        justify-content: center;
        align-items: center;


        .img-placas {
            width: 100%;
            height: 180px;
            background-repeat: no-repeat;
            border-radius: 16px;
            background-size: cover;
            background: url("/documents/20122/31134359/1200_placas.png/e8b29534-5053-52a2-e41c-6d51532d433c?t=1779282063411") lightgray 50% / cover no-repeat;
            
        }

        .swiper-slide.item-uno {
    height: auto;
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: var(--border-radius-l, 16px);
    background: var(--Color-Surface-General-3, #F9F9F9);

    .item-uno__section-primary {

        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
    }

    .item-uno__section-secondary {

        display: flex;
                width: 316px;

        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        align-self: stretch;
        flex-grow: 1;
    }
}

.swiper-slide.item-dos {
    height: auto;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
    align-self: stretch;

    .item-dos__section-primary {
        border-radius: 16px;
        background: #FFF5EC;
        display: flex;
                width: 316px;
gap: 8px;
        flex-direction: column;
        align-items: flex-start;
        padding: 24px;
        align-self: stretch;
        flex-grow: 1;

        p {
            margin: 0;
        }

    }

    .item-dos__section-secondary {
        display: flex;
                width: 316px;

        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        border-radius: 16px;
        background: var(--Color-Surface-General-2, #DCEBE1);
        padding: 24px;
        align-self: stretch;
        flex-grow: 1;

        p {
            margin: 0;
        }
    }
}

.swiper-slide.item-tres {
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
    align-self: stretch;

    .item-tres__section-primary {

        display: flex;
        width: 316px;
        padding: 24px;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        border-radius: var(--border-radius-l, 16px);
        background: var(--Color-Surface-General-2, #DCEBE1);
        border-radius: 16px;
        flex-grow: 1;
gap: 8px;
        p {
            margin: 0;
        }
    }

    .item-tres__section-secondary {
                width: 316px;


        display: flex;
        padding: var(--size-space-0, 0);
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        border-radius: var(--border-radius-l, 16px);
        background: var(--Color-Surface-General-4, #FFF5EC);
        padding: 24px;
        gap: 8px;
        flex-grow: 1;

        p {
            margin: 0;
        }

    }
}

    }

    .swiper-wrapper {
        margin-left: calc(24px / 2);
        width: 100%;
        justify-content: center;
    }
}


@media (min-width: 1920px) {
    .cards-container1 {
        display: flex;
        min-height: 408px;
        padding: 0px;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;

        .img-placas {
            width: 100%;
            height: 180px;
            background-repeat: no-repeat;
            border-radius: 16px;
            background-size: cover;
            background: url("/documents/20122/31134359/1920_placas.png/e386bf27-ec64-38da-f5c4-fb5ea9ed5891?t=1779282063820") lightgray 50% / cover no-repeat;

        }
                     .swiper-slide.item-uno {
    height: auto;
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: var(--border-radius-l, 16px);
    background: var(--Color-Surface-General-3, #F9F9F9);

    .item-uno__section-primary {

        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
    }

    .item-uno__section-secondary {

        display: flex;
                width: 316px;

        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        align-self: stretch;
        flex-grow: 1;
    }
}

.swiper-slide.item-dos {
    height: auto;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
    align-self: stretch;

    .item-dos__section-primary {
        border-radius: 16px;
        background: #FFF5EC;
        display: flex;
                width: 408px;
gap: 8px;
        flex-direction: column;
        align-items: flex-start;
        padding: 24px;
        align-self: stretch;
        flex-grow: 1;

        p {
            margin: 0;
        }

    }

    .item-dos__section-secondary {
        display: flex;
                width: 408px;

        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        border-radius: 16px;
        background: var(--Color-Surface-General-2, #DCEBE1);
        padding: 24px;
        align-self: stretch;
        flex-grow: 1;

        p {
            margin: 0;
        }
    }
}

.swiper-slide.item-tres {
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
    align-self: stretch;

    .item-tres__section-primary {

        display: flex;
        width: 408px;
        padding: 24px;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        border-radius: var(--border-radius-l, 16px);
        background: var(--Color-Surface-General-2, #DCEBE1);
        border-radius: 16px;
        flex-grow: 1;
gap: 8px;
        p {
            margin: 0;
        }
    }

    .item-tres__section-secondary {
                width: 408px;
gap: 8px;

        display: flex;
        padding: var(--size-space-0, 0);
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        border-radius: var(--border-radius-l, 16px);
        background: var(--Color-Surface-General-4, #FFF5EC);
        padding: 24px;
        flex-grow: 1;

        p {
            margin: 0;
        }

    }
}

    }
}

.no-select {
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE/Edge */
    user-select: none;
    /* Estándar */
    cursor: default;
}