/* Start:/local/components/custom/compatibility/templates/.default/style.css?17696942389918*/
.compatibility__description {
    display: flex;
    flex-direction: column;
    gap: 0.732064422vw;
    padding-bottom: 1.75695461vw;
}
.compatibility__title {
    font-size: 1.31771596vw;
    line-height: 1.75695461vw;
    font-weight: 700;
}
.compatibility__text {
    font-size: 1.31771596vw;
    line-height: 1.75695461vw;
    font-weight: 400;
}
.compatibility__anchor {
    display: none;
}
.compatibility__container {
    display: flex;
    justify-content: space-between;
    padding: 1.75695461vw 0 5.85651537vw;
}

.compatibility__product {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4.831625183016105vw;
    width: 23.9385065885798vw;
    min-width: 23.9385065885798vw;
    border-radius: 2.928257686676428vw;
    padding: 1.756954612005857vw;
}
.compatibility__product-slider {
    position: relative;
    height: 21.2298682284041vw;
    overflow: hidden;
}
.compatibility__product-slide {
    display: flex;
    justify-content: center;
}
.compatibility__product-slide .compatibility__slide-img {
    width: 100%;
    height: auto;
    max-width: 11.71303074670571vw;
    object-fit: contain;
}

.compatibility__slider-button {
    position: absolute;
    width: 3.806734992679356vw;
    height: 3.806734992679356vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--gray2);
    border-radius: 1.171303074670571vw;
    cursor: pointer;
}
.compatibility__left-slider-prev,
.compatibility__right-slider-prev {
    left: 2.049780380673499vw;
    top: 6.442166910688141vw;
}
.compatibility__left-slider-next,
.compatibility__right-slider-next {
    left: 2.049780380673499vw;
    bottom: 6.442166910688141vw;
}

.compatibility__products-text {
    position: relative;
    width: 100%;
    max-width: 30.74670571010249vw;
    min-width: 30.74670571010249vw;
    border-radius: 2.928257686676428vw;
    padding: 1.756954612005857vw;
}
.compatibility__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2.342606149341142vw;
    height: 100%;
    text-align: center;
    background-color: var(--white);
    border-radius: 1.756954612005857vw;
    padding: 4.392386530014641vw 1.756954612005857vw;
}
.compatibility__content h4 {
    margin: 0;
}
.compatibility__content-text {
    font-size: 1.317715959004392vw;
    line-height: 1.756954612005857vw;
    font-weight: 400;
}

.compatibility__connector {
    position: absolute;
    width: 3.879941434846266vw;
    height: 8.052708638360176vw;
    transform: translate(0, -50%);
    z-index: 1;
}
.compatibility__product-left-connector {
    top: 50%;
    right: -3.879941434846266vw;
    /*background: #1AF2CB;*/
    background: linear-gradient(to right, #1AF2CB 0%, #59D300 100%)
}
.compatibility__products-text-left-connector {
    top: 50%;
    left: -3.879941434846266vw;
    background: #59D300;
}
.compatibility__products-text-right-connector {
    top: 50%;
    right: -3.879941434846266vw;
    background: #59D300;
}
.compatibility__product-right-connector {
    top: 50%;
    left: -3.879941434846266vw;
    /*background: #B767FA;*/
    background: linear-gradient(to left, #B767FA 0%, #59D300 100%)
}

.compatibility__columns-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 3.22108345534407vw;
    min-width: 7.759882869692533vw;
}
.compatibility__col {
    width: 100%;
    height: 100%;
    background-color: var(--white);
    border-radius: 2.342606149341142vw;
    z-index: 2;
}

.compatibility__select {
    position: relative;
    width: 100%;
    background-color: var(--white);
    border-radius: 1.171303074670571vw;
    cursor: pointer;
    padding: 1.02489019033675vw 1.171303074670571vw;
}
.compatibility__select.show {
    border-radius: 1.171303074670571vw 1.171303074670571vw 0 0;
}
.compatibility__select .arrow {
    position: absolute;
    top: 50%;
    right: 1.171303074670571vw;
    transform: translate(0, -50%);
}
.compatibility__select-btn {
    font-family: 'Normalidad UltraExtended', sans-serif;
    font-size: 0.8784773060029283vw;
    line-height: 1.171303074670571vw;
    font-weight: 700;
    text-transform: uppercase;
}
.compatibility__select-options-list {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 26.20790629575403vw;
    background-color: var(--white);
    border-radius: 0 0 1.171303074670571vw 1.171303074670571vw;
    overflow-y: auto;
    z-index: 3;
}
.compatibility__select-options-list.show {
    display: block;
}
.compatibility__select-option {
    font-size: 0.8052708638360176vw;
    line-height: 1.02489019033675vw;
    font-weight: 400;
    color: var(--black);
    cursor: pointer;
    padding: 0.4392386530014641vw 1.171303074670571vw;
}
.compatibility__select .mobile-burger {
    display: none;
}
.compatibility__select-options-mobile-list {
    display: none;
}

@media (max-width: 991px) {
    .compatibility__content h4 {
        font-size: 1.614530776992936vw;
        line-height: 2.018163471241171vw;
    }
}

@media (max-width: 768px) {
    .compatibility__content h4 {
        font-size: 4.444444444444444vw;
        line-height: 5vw;
    }
    .compatibility__description {
        gap: 2.777777777777778vw;
        padding-bottom: 11.11111111111111vw;
    }
    .compatibility__title {
        font-size: 5vw;
        line-height: 6.666666666666667vw;
    }
    .compatibility__text {
        font-size: 5vw;
        line-height: 6.666666666666667vw;
    }
    .compatibility__anchor {
        display: block;
        font-family: 'Normalidad UltraExtended', sans-serif;
        font-size: 3.333333333333333vw;
        line-height: 4.444444444444444vw;
        font-weight: 700;
        color: var(--black);
        text-align: center;
        text-decoration: none !important;
        background-color: #00FF72;
        border-radius: 4.444444444444444vw;
        padding: 4.444444444444444vw 0;
        margin-top: 3.333333333333333vw;
    }
    .compatibility__container {
        flex-direction: column;
        padding: 6.666666666666667vw 0 11.11111111111111vw;
    }
    .compatibility__product {
        width: 100%;
        height: 58.33333333333333vw;
        justify-content: center;
        gap: unset;
        min-width: unset;
        border-radius: 6.666666666666667vw;
        padding: 2.222222222222222vw 1px;
    }
    .compatibility__columns-wrapper {
        flex-direction: row;
        gap: 12.22222222222222vw;
        min-width: unset;
    }
    .compatibility__col {
        height: 7.777777777777778vw;
    }
    .compatibility__products-text {
        max-width: 100%;
        border-radius: 6.666666666666667vw;
        padding:2.222222222222222vw;
    }
    .compatibility__content {
        min-height: 36.11111111111111vw;
        gap: 3.333333333333333vw;
        border-radius: 4.444444444444444vw;
        padding: 3.333333333333333vw 6.666666666666667vw;
    }
    .compatibility__content-text {
        font-size: 3.055555555555556vw;
        line-height: 3.888888888888889vw;
    }

    .compatibility__product-slider {
        height: 46.11111111111111vw;
    }
    .compatibility__product-slide .compatibility__slide-img {
        max-width: unset;
    }
    .compatibility__slider-button {
        display: none;
    }

    .compatibility__connector {
        width: 4.444444444444444vw;
        height: 18.33333333333333vw;
    }
    .compatibility__product-left-connector {
        top: unset;
        right: 50%;
        bottom: -11.11111111111111vw;
        transform: translate(50%, 0) rotate(90deg);
    }
    .compatibility__products-text-left-connector {
        top: -11.11111111111111vw;
        left: 50%;
        transform: translate(-50%, 0) rotate(90deg);
    }
    .compatibility__products-text-right-connector {
        top: unset;
        right: 50%;
        bottom: -11.11111111111111vw;
        transform: translate(50%, 0) rotate(90deg);
    }
    .compatibility__product-right-connector {
        top: -11.11111111111111vw;
        left: 50%;
        transform: translate(-50%, 0) rotate(90deg);
    }

    .compatibility__select .mobile-burger {
        display: block;
    }
    .compatibility__select {
        position: absolute;
        bottom: 3.333333333333333vw;
        right: 3.333333333333333vw;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 12.22222222222222vw;
        height: 12.22222222222222vw;
        border-radius: 4.444444444444444vw;
        padding: 0;
        z-index: 3;
    }
    .compatibility__select.show {
        border-radius: 4.444444444444444vw;
    }
    .compatibility__select-btn {
        display: none;
    }
    .compatibility__select .arrow {
        display: none;
    }
    .compatibility__select-options-list.show {
        display: none;
    }
    .compatibility__select-options-mobile-list {
        display: none;
        position: absolute;
        top: 2.222222222222222vw;
        left: 1.944444444444444vw;
        width: calc(100% - 3.888888888888889vw);
        height: calc(100% - 4.444444444444444vw);
        background-color: var(--white);
        border-radius: 4.444444444444444vw;
        overflow-y: auto;
        z-index: 3;
        padding: 3.888888888888889vw 3.333333333333333vw;
    }
    .compatibility__select-options-mobile-list.show {
        display: block;
    }
    .compatibility__select-option {
        font-size: 3.055555555555556vw;
        line-height: 3.888888888888889vw;
    }
}
/* End */
/* /local/components/custom/compatibility/templates/.default/style.css?17696942389918 */