.section_category_divided_screen {
    position: relative;
    width: 100vw;
    min-height: 90vh;
    height: fit-content;
    margin-top: 2vw;
    display: flex;
    font-family: var(--font9);
}

.section_category_divided_screen .section_category_slide {
    width: 50%;
    height: initial;
    background-color: var(--color11);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: right;
    right: 0;
    position: relative;
}

.section_category_divided_screen .section_category_slide .section_category_slide_image {
    width: 100%;
    aspect-ratio: 1/1;
    position: relative;
    right: 0;
}

.section_category_divided_screen .section_category_slide .section_category_title {
    position: absolute;
    left: 1vw;
    top: 1vw;
    width: fit-content;
    height: 3vw;
    padding: 0;
    font-size: 2vw;
    margin: 0;
    font-weight: 300;
    display: flex;
    font-family: var(--font9);
    z-index: 1;
    color: var(--color3)
}

.section_category_divided_screen .section_category_slide .section_category_title::before {
    content: "";
    width: 2.5vw;
    height: 2.5vw;
    background-color: var(--color3);
    mask: url("http://eliteflowersstore.cl/static/images/father_templates/icons/tag.svg") no-repeat center / 100%;
    -webkit-mask: url("http://eliteflowersstore.cl/static/images/father_templates/icons/tag.svg") no-repeat center / 100%;
    flex-shrink: 0;
    transform: rotate(110deg);
}

.section_category_divided_screen .section_category_slide .section_category_title:hover::before {
    animation: rotate_title_tag .3s linear infinite alternate;
}

@keyframes rotate_title_tag {
    from {
        transform: rotate(110deg);
    }
    to {
        transform: rotate(120deg);
    }
}

.section_category_divided_screen .section_category_slide .section_category_slide_button {
    position: absolute;
    overflow: hidden;
    max-width: 3vw;
    height: 3vw;
    right: 3vw;
    bottom: 5vw;    
    white-space: nowrap;
    padding: .3vw .7vw;
    font-size: 1vw;
    background-color: var(--color28);
    color: black;
    cursor: pointer;
    border: solid;
    border-radius: .7vw;
    border-color: transparent;
    border-width: 0;
    box-shadow: var(--boxshadow);
    align-content: center;
}

.section_category_divided_screen .section_category_slide .section_category_slide_button:hover {
    background-color: var(--color31);
    text-decoration: none;
}

.section_category_divided_screen .section_category_slide .section_category_slide_button > span {
    display: inline-flex;
    gap: 1vw;
}

.section_category_divided_screen .section_category_slide .section_category_slide_button:hover > span {
    animation: section_category_slide_button-loop .6s linear;
}

@keyframes section_category_slide_button-loop {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-56%);
    }
}


.section_category_divided_screen .section_category_slide .section_category_slide_carousel {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    width: 40%;
    margin: auto;
    margin-left: 15vw;
    scroll-behavior: smooth;
}

.section_category_divided_screen .section_category_slide .arrow_slider {
    position: absolute;
    left: 22%;
    width: 56%;
    height: fit-content;
    display: flex;
    top: 50%;
    z-index: 1;
}


.section_category_divided_screen .section_category_slide .arrow_slider .left_slider,
.section_category_divided_screen .section_category_slide .arrow_slider .right_slider {
    position: relative;
    overflow: hidden;
    width: 3vw;
    height: 3vw;
    white-space: nowrap;
    padding: .1vw .3vw;
    font-size: 1vw;
    background-color: transparent;
    color: black;
    cursor: pointer;
    border: solid;
    border-radius: .7vw;
    border-color: transparent;
    border-width: 0;
    display: flex;
}

.section_category_divided_screen .section_category_slide .arrow_slider .right_slider {
    right: 0;
    position: absolute;
}

.section_category_divided_screen .section_category_slide .arrow_slider .left_slider {
    margin-right: .5vw;
}
.section_category_carousel_category .section_category_button .arrow_icon {
    transform: translateX(-130%);
}

.section_category_divided_screen .section_category_slide .arrow_slider .left_slider .arrow_icon {
    transform: translateX(-130%) rotate(-180deg);
}

.section_category_carousel_category .section_category_button:hover,
.section_category_divided_screen .section_category_slide .arrow_slider .left_slider:hover,
.section_category_divided_screen .section_category_slide .arrow_slider .right_slider:hover {
    background-color: transparent;
}

.section_category_button span,
.section_category_divided_screen .section_category_slide .arrow_slider span {
    width: 100%;
    aspect-ratio: 1/1;
}

.section_category_button .arrow_icon,
.section_category_divided_screen .section_category_slide .arrow_slider span .arrow_icon {
    width: 100%;
    aspect-ratio: 1/1;
}

.section_category_divided_screen .section_category_slide .arrow_slider > span {
    display: inline-flex;
    gap: 1vw;
}

.section_category_button > span {
    display: inline-flex;
    margin-right: 1vw;
}

.right_slider:hover > span {
    animation: right-arrow-loop .2s linear;
}

.section_category_button:hover > span,
.left_slider:hover > span {
    animation: left-arrow-loop .2s linear;
}

@keyframes right-arrow-loop {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-130%);
    }
}


@keyframes left-arrow-loop {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(130%);
    }
}

@media screen and (max-width: 62.438em) {
    .section_category_divided_screen {
        min-height: 30vh;
        height: fit-content;
        margin-top: 3vw;
        display: block;
    }

    .section_category_divided_screen .section_category_slide {
        width: 100%;
    }

    .section_category_divided_screen .section_category_slide .section_category_title {
        position: absolute;
        left: 1vw;
        top: 1vw;
        width: fit-content;
        height: 3vw;
        padding: 0;
        font-size: 2vw;
        margin: 0;
        font-weight: 300;
        display: flex;
        font-family: var(--font9);
        z-index: 1;
        color: var(--color3)
    }

    .section_category_divided_screen .section_category_slide .section_category_title::before {
        content: "";
        width: 2.5vw;
        height: 2.5vw;
        background-color: var(--color3);
        mask: url("http://eliteflowersstore.cl/static/images/father_templates/icons/tag.svg") no-repeat center / 100%;
        -webkit-mask: url("http://eliteflowersstore.cl/static/images/father_templates/icons/tag.svg") no-repeat center / 100%;
        flex-shrink: 0;
        transform: rotate(110deg);
    }

    .section_category_divided_screen .section_category_slide .section_category_title:hover::before {
        animation: rotate_title_tag .3s linear infinite alternate;
    }

    @keyframes rotate_title_tag {
        from {
            transform: rotate(110deg);
        }
        to {
            transform: rotate(120deg);
        }
    }

    .section_category_divided_screen .section_category_slide .section_category_slide_button {
        display: none;
    }

    .section_category_divided_screen .section_category_slide .section_category_slide_button:hover {
        background-color: var(--color31);
        text-decoration: none;
    }

    .section_category_divided_screen .section_category_slide .section_category_slide_button > span {
        display: inline-flex;
        gap: 1vw;
    }

    .section_category_divided_screen .section_category_slide .section_category_slide_button:hover > span {
        animation: section_category_slide_button-loop .6s linear;
    }

    @keyframes section_category_slide_button-loop {
        from {
            transform: translateX(0);
        }
        to {
            transform: translateX(-56%);
        }
    }


    .section_category_divided_screen .section_category_slide .section_category_slide_carousel {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 50%));
        gap: 1.2vw;
        position: relative;
        width: 90%;
        margin-left: 5%;
    }

    .section_category_divided_screen .section_category_slide .arrow_slider {
        display: none;
    }


    .section_category_divided_screen .section_category_slide .arrow_slider .left_slider,
    .section_category_divided_screen .section_category_slide .arrow_slider .right_slider {
        position: relative;
        overflow: hidden;
        width: 3vw;
        height: 3vw;
        white-space: nowrap;
        padding: .1vw .3vw;
        font-size: 1vw;
        background-color: transparent;
        color: black;
        cursor: pointer;
        border: solid;
        border-radius: .7vw;
        border-color: transparent;
        border-width: 0;
        display: flex;
    }

    .section_category_divided_screen .section_category_slide .arrow_slider .right_slider {
        right: 0;
        position: absolute;
    }

    .section_category_divided_screen .section_category_slide .arrow_slider .left_slider {
        margin-right: .5vw;
    }
    .section_category_carousel_category .section_category_button .arrow_icon {
        transform: translateX(-130%);
    }

    .section_category_divided_screen .section_category_slide .arrow_slider .left_slider .arrow_icon {
        transform: translateX(-130%) rotate(-180deg);
    }

    .section_category_carousel_category .section_category_button:hover,
    .section_category_divided_screen .section_category_slide .arrow_slider .left_slider:hover,
    .section_category_divided_screen .section_category_slide .arrow_slider .right_slider:hover {
        background-color: transparent;
    }

    .section_category_button span,
    .section_category_divided_screen .section_category_slide .arrow_slider span {
        width: 100%;
        aspect-ratio: 1/1;
    }

    .section_category_button .arrow_icon,
    .section_category_divided_screen .section_category_slide .arrow_slider span .arrow_icon {
        width: 100%;
        aspect-ratio: 1/1;
    }

    .section_category_divided_screen .section_category_slide .arrow_slider > span {
        display: inline-flex;
        gap: 1vw;
    }

    .section_category_button > span {
        display: inline-flex;
        margin-right: 1vw;
    }

    .right_slider:hover > span {
        animation: right-arrow-loop .2s linear;
    }

    .section_category_button:hover > span,
    .left_slider:hover > span {
        animation: left-arrow-loop .2s linear;
    }

    @keyframes right-arrow-loop {
        from {
            transform: translateX(0);
        }
        to {
            transform: translateX(-130%);
        }
    }


    @keyframes left-arrow-loop {
        from {
            transform: translateX(0);
        }
        to {
            transform: translateX(130%);
        }
    }
}