div.cards-container--padding-top {
    padding-top: 0px;
}



.cards-container {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 32px;
    overflow: visible;
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    .swiper {
        width: 100%;
        height: auto;

        div.cards-container--padding-top {
            padding-top: 0px;
        }

        .cards-container {
            width: 100%;
            height: auto;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding-top: 32px;
            overflow: hidden;

            .swiper {
                width: 100%;
                height: auto;
                padding-top: 24px;
                /* padding-bottom: calc(35px + 8px); */
                overflow: visible;



                .item {
                    min-width: 304px;
                    width: 304px;
                    max-width: 304px;
                    min-height: 304px !important;
                    max-height: 304px;
                    box-sizing: content-box;
                    z-index: 999;
                    display: flex;
                    flex-direction: column;
                    justify-content: start;
                    align-items: center;
                    border-radius: var(--border-radius-l, 16px);
                    border: var(--border-width-l, 2px) solid var(--Color-Border-Interactive-Active, #699282);
                    background: var(--Color-Surface-General-1, #FFF);
                    overflow: hidden;

                    &.selected {
                        border-radius: var(--border-radius-l, 16px);
                        border: var(--border-width-l, 2px) solid var(--Color-Border-Interactive-Selected, #008C39);
                        background: var(--Color-Surface-General-2, #DCEBE1);
                    }



                    .item__section-primary {
                        display: flex;
                        justify-content: flex-start;
                        flex-direction: column;
                        height: 140px;
                        width: 100%;


                        .img-placas {
                            width: 100%;
                            height: 140px;
                            object-fit: cover;
                        }


                    }

                    .item__section-secondary {
                        display: flex;
                        flex: 1 0 0;
                        flex-direction: column;
                        /* justify-content: flex-end; */
                        align-items: center;
                        width: 100%;


                        .container-middle {
                            display: flex;
                            flex-direction: column;
                            justify-content: center;
                            padding: 16px;
                            align-items: center;
                            gap: 16px;
                            align-self: stretch;

                            .container-middle-text {
                                display: flex;
                                flex-direction: column;
                                gap: 4px;



                                .titulo-card,
                                .subtitulo-card {
                                    text-align: center;
                                    padding: 0px;
                                    margin: 0px;
                                }

                                .titulo-card {
                                    font-size: 18px;
                                }

                                .subtitulo-card {
                                    padding: 0px;
                                    margin: 0px;
                                    text-align: center;
                                    align-self: stretch;
                                    font-feature-settings: 'liga' off, 'clig' off;
                                    font-size: 14px;
                                }
                            }


                            .column {
                                margin: 0px;
                                padding: 0px;
                                display: flex;
                                align-items: center;
                                justify-content: space-evenly;
                                height: 88px;
                                width: 100%;
                                flex-direction: row;



                                .row {
                                    display: flex;
                                    width: 100%;
                                    justify-content: space-between;
                                }
                            }

                        }


                    }
                }

            }

        }


        
       

        



        padding-top: 24px;
        overflow: visible;



        .item {
            min-width: 304px;
            width: 304px;
            max-width: 304px;
            min-height: 304px !important;
            max-height: 304px;
            box-sizing: content-box;
            z-index: 999;
            display: flex;
            flex-direction: column;
            justify-content: start;
            align-items: center;
            border-radius: var(--border-radius-l, 16px);
            border: var(--border-width-l, 2px) solid var(--Color-Border-Interactive-Active, #699282);
            background: var(--Color-Surface-General-1, #FFF);
            overflow: hidden;

            &.selected {
                border-radius: var(--border-radius-l, 16px);
                border: var(--border-width-l, 2px) solid var(--Color-Border-Interactive-Selected, #008C39);
                background: var(--Color-Surface-General-2, #DCEBE1);
            }



            .item__section-primary {
                display: flex;
                justify-content: flex-start;
                flex-direction: column;
                height: 140px;
                width: 100%;


                .img-placas {
                    width: 100%;
                    height: 140px;
                    object-fit: cover;
                }


            }

            .item__section-secondary {
                display: flex;
                flex: 1 0 0;
                flex-direction: column;
                /* justify-content: flex-end; */
                align-items: center;
                width: 100%;


                .container-middle {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    padding: 16px;
                    align-items: center;
                    gap: 16px;
                    align-self: stretch;

                    .container-middle-text {
                        display: flex;
                        flex-direction: column;
                        gap: 4px;



                        .titulo-card,
                        .subtitulo-card {
                            text-align: center;
                            padding: 0px;
                            margin: 0px;
                        }

                        .titulo-card {
                            font-size: 18px;
                        }

                        .subtitulo-card {
                            padding: 0px;
                            margin: 0px;
                            text-align: center;
                            align-self: stretch;
                            font-feature-settings: 'liga' off, 'clig' off;
                            font-size: 14px;
                            color: #2C2C2C;
                        }
                    }


                    .column {
                        margin: 0px;
                        padding: 0px;
                        display: flex;
                        align-items: center;
                        justify-content: space-evenly;
                        height: 88px;
                        width: 100%;
                        flex-direction: row;



                        .row {
                            display: flex;
                            width: 100%;
                            justify-content: space-between;
                        }
                    }

                }


            }
        }

    }

}


@media (min-width: 576px) {
    
    .swiper-wrapper-one-card {
        width: 406px !important;
        min-width: 406px !important;
        max-width: 406px !important;
        margin: auto;
        height: 470px !important;


        .swiper-slide.item {
            width: 406px !important;
            min-width: 406px !important;
            max-width: 406px !important;
            margin: auto;
            height: 470px !important;

            .item__section-primary {
                min-height: 176px;

                .img-placas {
                    min-height: 176px;

                }

            }

            .item__section-secondary {

                .container-middle {

                    .column {
                        height: 56px;
                        gap: 8px;
                    }
                }
            }


        }
    }
}

@media (min-width: 768px) {
.tab-cuatro .swiper-wrapper {
    justify-content: center;
}
}


@media (min-width: 992px) {

    .swiper-button-prev,
    .swiper-button-next {
        display: flex !important;
        width: 64px !important;
        height: 64px !important;
    }


    .swiper-wrapper-one-card {
        width: 828px !important;
        min-width: 828px !important;
        max-width: 828px !important;
        margin: auto;
        height: 360px !important;

        .swiper-slide.item {
            display: flex;
            flex-direction: row;
            width: 828px !important;
            min-width: 828px !important;
            max-width: 828px !important;
            border: none;
            gap: 24px;
            height: fit-content !important;
            margin-top: 0;
            margin-bottom: 0;


            .item__section-primary {
                display: flex;
                padding: var(--size-space-0, 0px);
                flex-direction: column;
                justify-content: flex-end;
                align-items: center;
                gap: var(--size-space-12, 12px);
                flex: 1 0 0;
                align-self: stretch;
                border-radius: var(--border-radius-l, 16px);
                width: 402px;
                height: 358px;

                .img-placas {
                    width: 402px;
                    height: 358px;
                    border-radius: 16px;
                }

            }

            .item__section-secondary {
                display: flex;
                height: 100%;
                padding-bottom: var(--size-space-24, 24px);
                flex-direction: column;
                align-items: center;
                gap: var(--size-space-0, 0px);
                flex: 1 0 0;
                border-radius: var(--border-radius-l, 16px);
                border: 2px solid var(--Color-Border-General-1, #D8CFC7);
                width: 402px;
                height: 358px;

                .container-middle {
                    padding: 40px;

                    .container-middle-text {
                        width: 100%;
                        align-items: self-start;

                        .subtitulo-card {
                            text-align: left
                        }
                    }

                    .column {
                        height: 56px;
                        gap: 8px;
                    }

                }


            }


        }
    }

    @media (min-width: 1920px) {
        .cards-container {
            & .swiper {
                & .item {
                    width: 408px !important;

                    min-width: 408px;
                }
            }
        }

        .img-plan {
            max-height: 140px;
        }
    }



    .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;
    }
}