/* Cursos que você pode gostar */
.section-cursos-que-pode-gostar {
    background-color: var(--marca-azulsenac-800);
    padding: var(--espaco-96) 0;
    position: relative;

    /*Media Queries de 1250px*/
    @media screen and (max-width: 78.125rem) {
        padding-bottom: 4.5rem;
    }

    .section-cursos-que-pode-gostar__header {

        .section-cursos-que-pode-gostar__header__title {
            font-weight: bold;
            font-size: var(--ssp-h1-p-font-size);
            color: var(--color-neutral-25);
            margin-bottom: 0;

            &::after {
                content: "";
                width: 4.5rem;
                height: .25rem;
                display: block;
                background: var(--color-tecnico-400);
            }
        }

        .section-cursos-que-pode-gostar__header__description {
            font-size: var(--ssp-p-g-font-size);
            color: var(--color-neutral-25);
            margin: var(--espaco-24) 0 var(--espaco-56);
        }
    }

    .slider-container-swiper {
        position: relative;
        padding: 0 6.125rem;

        @media (max-width: 90rem) {
            padding: 0;
        }

        @media (max-width: 64rem) {
            max-width: 100%;
        }

        .slider_swiper {
            width: 100%;
            margin: var(--espaco-56) 0 var(--espaco-24) 0;

            /*Media Queries de 1250px*/
            @media screen and (max-width: 78.125rem) {
                padding-bottom: var(--espaco-48);
            }

            .swiper {
                /* width: 63.75rem; */

                /*Media Queries de 1250px*/
                @media screen and (max-width: 78.125rem) {
                    width: 100%;
                    height: auto;
                }

                @media (min-width: 20rem) and (max-width: 64rem) {
                    padding: 0 5%;
                }

                .swiper-slide {
                    /* Media Queries de 320px a 1024px */
                    @media (min-width: 20rem) and (max-width: 64rem) {
                        /* margin-right: var(--espaco-24) !important; */
                        max-width: 237px!important;
                        width: 100%!important;
                    }                    
                }
            }

            .swiper-button-prev {
                left: 0;

                /*Media Queries de 1250px*/
                @media screen and (max-width: 78.125rem) {
                    left: 0
                }

                /* Media Queries de 320px a 1024px */
                @media (min-width: 20rem) and (max-width: 64rem) {
                    left: 5%;
                }

                &::after {
                    font-size: 1.875rem;
                    font-weight: bold;
                }                
            }

            .swiper-button-next {
                right: 0;

                /*Media Queries de 1250px*/
                @media screen and (max-width: 78.125rem) {
                    right: 0;
                }

                /* Media Queries de 320px a 1024px */
                @media (min-width: 20rem) and (max-width: 64rem) {
                    right: 5%;
                }

                &::after {
                    font-size: 1.875rem;
                    font-weight: bold;
                }
            }

            .swiper-button-next,
            .swiper-button-prev {
                background: var(--color-neutral-25);
                border-radius: 50%;
                width: var(--espaco-56);
                height: var(--espaco-56);

                /*Media Queries de 1024px*/
                @media screen and (max-width: 64rem) {
                    top: 105%;
                }
            }

            .swiper-button-disabled {
                background-color: #051320;

                &::after {
                    color: var(--color-neutral-600);
                }
            }
            
            .swiper-pagination .swiper-pagination-bullet {
                background: var(--color-neutral-200);
                width: var(--espaco-12);
                height: var(--espaco-12);
                transition: 0.3s;
            }

            .swiper-pagination .swiper-pagination-bullet-active {
                background: var(--marca-azulsenac-400);
                width: 1.25rem;
                border-radius: var(--arredondamento-40);

                /*Media Queries de 768px*/
                @media screen and (max-width: 48rem) {
                    background-color: var(--color-neutral-25);
                }
            }

            .swiper-pagination{
                bottom: -48px;

                /*Media Queries de 1250px*/
                @media screen and (max-width: 78.125rem) {
                    width: fit-content;
                    left: 50%;
                    bottom: -1.5rem;
                    transform: translateX(-50%);
                }
            }

            .swiper-pagination .swiper-pagination-bullet {
                background: var(--color-neutral-200);
                width: var(--espaco-12);
                height: var(--espaco-12);
                transition: 0.3s;
            }

            .swiper-pagination .swiper-pagination-bullet-active {
                background: var(--marca-azulsenac-400);
                width: 1.25rem;
                border-radius: var(--arredondamento-40);

                /*Media Queries de 768px*/
                @media screen and (max-width: 48rem) {
                    background-color: var(--color-neutral-25);
                }

            }
        }
    }
}