a.logo {
    height: 100%;
    position: relative;
}
.backdrop {
    z-index: 9!important;
}
.otc input[type="text"] {
    border: 1px solid #999 !important;
}
.owl-lazy {
    background-color: #f3f3f3;
}

.menu>div:nth-child(n+1):nth-last-child(n+1) span.show:not(.active) {
    background-color: rgb(255 255 255 / 65%);
    color: #000000f3 !important;
    padding: 11px 7px;
    height: 15px;
    border-radius: 6px;
    line-height: 0px;
    transition: max-width 0.5s ease;
    white-space: nowrap;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 104px;


}

span.show.active {
    background: #000000;
    background-image: linear-gradient(187deg, #565656, #000000);
    color: white;
    border-radius: 5px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(64, 64, 64, .4) !important;
    max-width: fit-content;
    padding: 3px 10px;
}


#p_complementarios.block-sale__body {
    height: 100vh;
}

.text_vc_placas {
    color: #000;
}

.taller_div.rarw {
    position: absolute;
    right: 30px;
}

.taller_div {
    color: #000;
}

.product-box .common-title span {
    font-weight: 600;
}

#iconos_access {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    display: block !important;
}

#iconos_access.visible {
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
}

.brand-sticky ul.staticIcons {
    position: fixed;
    z-index: 999;
    bottom: 72px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.brand-sticky ul.staticIcons.inn {
    transform: translate(0, -38%);
    list-style: none;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.brand-sticky ul.staticIcons>li {
    height: 52px;
    width: 52px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
}

.brand-sticky ul.staticIcons>li>a {
    line-height: 20px;
    transition: .3s;
    font-size: 14px;
    color: #fff;
    background: red;
    position: relative;
    z-index: 99;
    left: 0;
    top: 0;
    width: 180px;
    padding: 17px 0 17px 58px;
    display: block;
    text-decoration: none;
    text-align: initial
}

.brand-sticky ul.staticIcons>li>a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 67px;
    height: 67px;
    background: url(https://www.tvsmotor.com/assets/img/brands/sprite-sticky.png) 15px -50px no-repeat;
    display: inline-block;
    vertical-align: middle
}

.brand-sticky ul.staticIcons>li.price>a:before {
    content: "\f232";
    font-family: "FontAwesome";
    font-weight: 100;
    font-size: 25px;
    color: white;
    position: absolute;
    left: 18px;
    top: 12px;
    width: auto;
    height: auto;
    background: none;
}

.brand-sticky ul.staticIcons>li.storeLocator>a:before {
    content: "\f1ec";
    font-family: "FontAwesome";
    font-weight: 100;
    font-size: 25px;
    color: white;
    position: absolute;
    left: 18px;
    top: 12px;
    width: auto;
    height: auto;
    background: none;
}

.brand-sticky ul.staticIcons>li.toTop>a:before {
    content: "\f062";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 20px;
    color: white;
    position: absolute;
    left: 18px;
    top: 12px;
    width: auto;
    height: auto;
    background: none;
}

.brand-sticky ul.staticIcons>li.call>a:before {
    content: "\f133";
    font-family: "FontAwesome";
    font-weight: 100;
    font-size: 25px;
    color: white;
    position: absolute;
    left: 18px;
    top: 12px;
    width: auto;
    height: auto;
    background: none;
}

.brand-sticky ul.staticIcons>li:hover a {
    left: -115px;
    padding-left: 15px
}

.brand-sticky ul.staticIcons>li:hover a:before {
    left: 132px;
    right: 0
}

.brand-sticky ul.staticIcons>li:hover {
    overflow: initial
}

.brand-sticky ul.staticIcons {
    right: 0;
    bottom: inherit;
    top: 50%;
    transform: translate(100%, -50%);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

@media (max-width: 815px) {

    .overlay {
        height: 100%;
    }

    .brand-sticky ul.staticIcons {
        padding-left: 0;
        border: 0;
        top: 50%;
        z-index: 99999;
        position: fixed;
        left: 0;
        max-width: 260px;
        bottom: 72px;
        top: inherit;
        transform: translate(0, 0);
        max-width: inherit;
        width: 52px !important;
        transition: inherit
    }

    .brand-sticky ul.staticIcons>li.price>a:before {
        content: "\f232";
        font-family: "FontAwesome";
        font-weight: 100;
        font-size: 25px;
        color: white;
        position: absolute;
        left: 18px;
        top: 12px;
        width: auto;
        height: auto;
        background: none;
    }

    .brand-sticky ul.staticIcons>li.storeLocator>a:before {
        content: "\f1ec";
        font-family: "FontAwesome";
        font-weight: 100;
        font-size: 25px;
        color: white;
        position: absolute;
        left: 18px;
        top: 12px;
        width: auto;
        height: auto;
        background: none;
    }

    .brand-sticky ul.staticIcons>li.toTop>a:before {
        content: "\f062";
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        font-size: 20px;
        color: white;
        position: absolute;
        left: 18px;
        top: 12px;
        width: auto;
        height: auto;
        background: none;
    }

    .brand-sticky ul.staticIcons>li.call>a:before {
        content: "\f133";
        font-family: "FontAwesome";
        font-weight: 100;
        font-size: 25px;
        color: white;
        position: absolute;
        left: 18px;
        top: 12px;
        width: auto;
        height: auto;
        background: none;
    }

    .brand-sticky ul.staticIcons>li:hover a {
        left: 0;
        padding-left: 58px
    }

    .text_vc_placas p {
        display: none;
    }

    .mkdf-btn.mkdf-btn-predefined {
        display: none;
    }



}


@media (min-width: 768px) and (max-width: 1024px) {
    .text_vc_placas p {
        display: none;
    }

    .mkdf-btn.mkdf-btn-predefined {
        display: none;
    }

    .product-box h2 {
        line-height: 2;
    }

}

@media (min-width: 1025px) and (max-width: 1280px) {
    .text_vc_placas p {
        display: none;
    }

    .mkdf-btn.mkdf-btn-predefined {
        display: none;
    }

    .product-box h2 {
        line-height: 2;
    }
}

@media (min-width: 1281px) and (max-width: 1440px) {
    .text_vc_placas p {
        display: none;
    }

    .mkdf-btn.mkdf-btn-predefined {
        display: none;
    }

    .product-box h2 {
        line-height: 2;
    }
}

#asl-storelocator.asl-p-cont.asl-bg-0 .search_filter>p:first-child {
    color: #ffffff !important;
}

ul.block-features__list.list_calc {
    padding: 0;
    display: flex;
    width: auto;
    align-items: center;
    border-bottom: 0;
    padding-bottom: 10px;
}

.container.list_calc {
    padding: 0;
}

.block-features__list.list_calc li {
    padding-left: 0;
}

.block-features__item-icon img {
    width: 150px;
}

.backdrop {
    z-index: 99;
}

.otc input[type="text"] {
    border: 1px solid #ededed;
}

#otpModal {
    display: flex;
    align-content: center;
    align-items: center;
}

.ag-base_btn-wrap button[disabled],
.ag-base_btn-wrap input[type="submit"][disabled],
.ag-base_btn-wrap input[type="button"][disabled] {
    background-color: #b5b5b5 !important;
    color: #1e1e1e !important;
}

.ag-calculators-block {
    padding-top: 0px !important;
}

.ag-calculator_input-wrap {
    padding: 15px 24px;
}

.ag-calculator_input-wrap .rangeslider--horizontal {
    margin-top: 15px;
}

.ag-calculator_results-box {
    padding: 0px 24px 10px;
    min-height: 0;
}

.accordion-button {
    padding: 10px 1.25rem;
}

.ag-calculator_results-info {
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: space-evenly;
    align-content: center;
}

.us-form .js-calculator_input-wrap:nth-of-type(2),
.us-form .ag-calculator_input-wrap:nth-of-type(2) {
    margin-top: -20px;
}

.groups {
    margin: -18px 0px 20px 0px;
}

#headingOne .accordion-button {
    border-radius: 3px 0 0 0;
}

.accordion-item h2 {
    margin: 0;
}

img.logo_el_poder_elegir.lazyloaded {
    max-height: fit-content;
}

div#logo_wrapper {
    padding: 40px 0;
}

#elpoder_logo {
    width: 180px;
}

.st0 {
    fill: currentColor;
}

.st1 {
    stroke: #ed1c24;
    stroke-width: 1.34px;
}

.st1,
.st2 {
    fill: none;
    stroke-miterlimit: 10;
}

.st2 {
    stroke: url(#linear-gradient);
    stroke-width: .6px;
}


.st3 {
    fill: currentColor;
}

img.logo_el_poder_elegir.lazyloaded {
    max-height: fit-content;
}


.circular-slider {
    background-image: url("../img_home_test/viewport/raphael5.jpeg");
    background-size: cover;
    height: 80vh;
    min-height: 80vh;
    padding: 1em 2em 0 2em;
    color: #fff;
    position: relative;
    overflow: hidden;
    text-align: center;
    transition: background-image 1s ease, filter 1s ease;
    width: 100%;
    background-position-y: bottom;

}

.slider {
    position: relative;
    bottom: -170px;
    zoom: 90%;
    display: flex;
    align-items: center;
    height: 100%;
    z-index: 1;
    justify-content: center;
}

.max_height {
    min-height: 100%;
    height: 100%;
}

.slider .img {
    width: 50vw;
    height: 50vw;
    max-width: 530px;
    max-height: 530px;
    background-image: url("../img_home_test/viewport/m6.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: 300ms;
    margin-top: -230px;
    transition: transform 0.8s ease, filter 0.8s ease;
    filter: blur(0px);
}

.indicator {
    position: absolute;
    left: 50%;
    top: 300px;
    transform: translate(-50%, -50%);
    width: 50vw;
    height: 50vw;
    max-width: 680px;
    max-height: 680px;
    transition: transform 0.15s ease;
    z-index: -1;
    width: 50vw;
    height: 50vw;
    max-width: 545px;
    max-height: 545px;
    border-radius: 50%;
    border: 2px solid white !important;
    outline: 2px solid #ffffff !important;
    outline-offset: 10px !important;
}

.insideIndicator {
    display: none !important;
}


.indicator::before {
    content: "";
    position: absolute;
    top: -22px;
    left: 50%;
    transform: translateX(-50%);
    width: 1em;
    height: 1em;
    background-color: #ff0000;
    border-radius: 50%;
}


@keyframes pulse {
    0% {
        transform: translateX(-50%) scale(1);
    }

    50% {
        transform: translateX(-50%) scale(1.5);
    }

    100% {
        transform: translateX(-50%) scale(1);
    }
}

.indicator.pulse::before {
    animation: pulse 0.3s ease-in-out;
}

@keyframes nudge-left {
    0% {
        left: 50%;
    }

    50% {
        left: 45%;
    }

    100% {
        left: 50%;
    }
}

.indicator.nudge::before {
    animation: nudge-left 1.2s ease-in-out;
}

.indicator.nudge::before {
    animation: nudge-left 0.8s ease-in-out;
}

#menu_categorias,
#menu_categorias div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50vw;
    height: 50vw;
    max-width: 720px;
    max-height: 720px;
    border-radius: 50%;
    z-index: 3;
    color: #fff;
    background-color: transparent;
    box-shadow: none !important;
    font-size: 15px;
    line-height: 26px;
}

#menu_categorias span {
    position: absolute;
    top: -1em;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
    text-align: center;
    text-shadow: 0 1px 3px rgba(255, 255, 255, 0.2);
    color: #ffffff9f;

    white-space: nowrap;

}

#menu_categorias span:hover {
    color: #ffffff;
}

@keyframes text-bump {
    0% {
        transform: scale(1);
    }

    30% {
        transform: scale(1.3);
    }

    50% {
        transform: scale(1);
    }
}

span.active.show {
    transition: 300ms;
    text-shadow: 1px 1px 3px #000000e3 !important;
    color: rgb(255, 255, 255) !important;
    display: inline-block;
    width: 100%;
}

span.active.show.bump {
    animation: text-bump 0.3s ease-in-out;
}




#menu_categorias div:nth-child(1) {
    transform: translate(-50%, -50%) rotate(-58deg);
}

#menu_categorias div:nth-child(2) {
    transform: translate(-50%, -50%) rotate(-32deg);
}

#menu_categorias div:nth-child(3) {
    transform: translate(-50%, -50%) rotate(0deg);
}

#menu_categorias div:nth-child(4) {
    transform: translate(-50%, -50%) rotate(32deg);
}

#menu_categorias div:nth-child(5) {
    transform: translate(-50%, -50%) rotate(58deg);
}


.decorated_paper {
    position: absolute;
    z-index: 0;
    bottom: 40px;
    max-height: 144px;
    background-image: url("../img_home_test/viewport/papel_Cortado.png");
    height: 80px;
    content: "";
    width: 103vw;
    left: -10px;
    background-position: top;
    background-size: initial;
    background-repeat: repeat-x;
}

.bg_bottom {
    position: absolute;
    z-index: 0;
    bottom: 0;
    max-height: 80px;
    background-color: #fff;
    height: 80px;
    content: "";
    width: 103vw;
    left: -10px;
}

.category-parents {
    margin-bottom: 1em;
}

.category-parents button {
    background: transparent;
    border: 1px solid #ffffff00;
    color: #000;
    padding: 0.2em 1em;
    margin: 0 0.5em;
    cursor: pointer;
    border-radius: 8px;
    font-size: 14px;
    background-color: rgb(255 255 255 / 65%);
}

#controls {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 15px;
    z-index: 10;
}

#controls .btn-prev {
    float: left;
}

#controls .btn-next {
    float: right;
}

#controls button {
    border: none;
    width: 50px;
    height: 34px;
    cursor: pointer;
    font-size: 60px;
    line-height: 0;
    text-align: center;
    transition: background-color 0.3s ease;
    user-select: none;
    border-radius: 8px;
    padding-bottom: 19px;
    border-radius: 5px;
    text-shadow: 1px 1px 3px #000000e3 !important;
    backdrop-filter: saturate(174%) blur(2px);
    background-color: hsla(0, 0%, 100%, .8) !important;
    border: solid 1px #fff;
    color: #333;
}

#controls button:hover,
.bg_bottombutton {
    transition: background-color 0.3s ease;
}

#controls button:hover {
    color: #FF0000;
}

.category-parents {
    padding-left: 35px;
}


.category-parents button:hover {
    background: #000000;
    background-image: linear-gradient(187deg, #565656, #000000);
    color: white;
    border-radius: 8px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(64, 64, 64, .4) !important;
}

.category-parents button.active {
    background: #ff0000;
    background-image: linear-gradient(195deg, #ff1500, #e53935);
    color: white;
    border-radius: 8px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(64, 64, 64, .4) !important;
}

#background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-size: cover;
    background-position: center;
    filter: blur(8px);
    transition: background-image 1s ease, filter 1s ease;
    z-index: 0;
}

.owl-nav {
    display: none;
}

.text_vc_solvenza {
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 20px;
    z-index: -1;
}

.prod-inner.d-flex.align-items-end {
    width: 100%;
    bottom: 0;
}

.d-flex.justify-content-around.align-items-end.p-4 a {
    position: absolute;
    right: 5%;
}

section.elementor-section.elementor-top-section.elementor-element.elementor-element-a2f37cf.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default {
    min-height: 100%;
    display: flex;
    align-items: center;
	padding: 100px 0;
}

#menu_categorias span:hover {
    background: #000000;
    color: #fff !important;
    background-image: linear-gradient(187deg, #565656, #000000);
	width:auto;
}





@media (min-width: 200px) and (max-width: 360px) {
	.block-products-carousel__carousel .owl-carousel {
        padding: 0px 30px 0px 27px!important;
    }
    #mi_promo_mm {
        height: 100vh !important;
    }
    .title_card.__carouseltitle_card {
        min-height: 360px !important;
    }
	.block-products-carousel__cell {
        width: 95%;
       
    }
	.block-products-carousel .block-products-carousel__cell {
    	width: 100%;
    	padding-left: 0;
    	max-height: 400px;
	}

	.block-products-carousel .block-products-carousel__carousel .title_card{
        /*min-height: 390px !important;
        height: 390px !important;*/
	}
    div#suggestion_promo {
       /* background-position: center !important;
        background-size: cover !important;*/
    }
	.section.section_viewport_motos.bs-movil.mi_calc {
    	height: 104vh !important;
	}
	.ag-calculators-block {
    	padding: 0 !important;
	}
	.ag-calculators-block {
    	padding-left: 0px !important;
	}

}
/* móvil de Paty */
@media (min-width: 361px) and (max-width: 411px) {
	.block-products-carousel__carousel .owl-carousel {
        padding: 0px 30px 0px 27px!important;
    }
	.ag-calculators-block {
    	padding: 0 10px !important;
	}
	.ag-calculators-block {
    	padding-left: 0px !important;
	}
	.title_card.__carouseltitle_card {
        min-height: 360px !important;
    }
	.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-8946611.content-width-left.content-width1 {
    	zoom: 90%;
	}
	.insideSection.insideSection_moto {
    	height: 83vh;
	}
	.one_col {
    	padding: 40px 20px;
	}
	.ag-format-container {
        width: 91%;
    }
	div#cotiza_movil {
    	height: 130vh !important;
	}
	section.elementor-section.elementor-top-section.elementor-element.elementor-element-a2f37cf.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default {
	min-height: 130vh;}
}

@media (min-width: 412px) and (max-width: 667px) { 
	.ag-calculators-block {
    	padding: 0 !important;
	}
	.ag-calculators-block {
    	padding-left: 0px !important;
	}
}
/* Small devices (≥ 412px and < 915px) */
@media (min-width: 412px) and (max-width: 915px) {
	.block-products-carousel__carousel .owl-carousel {
        padding: 0px 30px 0px 20px!important;
    }
.ag-format-container {
    margin: 0 auto;
}
    #mi_promo_mm {
        height: 88vh !important;
    }
	.ag-calculators-block {
    	padding: 0 !important;
	}
	.ag-calculators-block {
    	padding-left: 0px !important;
	}

	.title_card.__carouseltitle_card {
        min-height: 380px !important;
    }
	.block-products-carousel__cell {
        width: 95%;
    }
    div#suggestion_promo {
        /*background-position: center !important;
        background-size: cover !important;*/
    }
	.block-products-carousel__carousel .title_card {
        min-height: 445px !important;
        height: 445px !important;
        padding: 0;
        min-width: 330px;
    }
	.section.section_viewport_motos.bs-movil.mi_calc {
    	height: 100vh !important;
	}
}
@media (max-width: 575.98px) {
    .circulo {
        color: #a1a1a1 !important;
        background-color: #00000016 !important;
    }

    .elementor-widget-autrics-title .elementor-widget-container p {
        padding-top: 0 !important;
    }

    .block-features__item-icon {
        margin-bottom: 0px !important;
        margin-right: 0 !important;
    }

    .block-features__item {
        width: 50% !important;
        padding: 0.5rem 0!important;
    }

    .feature-content p {
        padding: 0 !important;
        margin: 0 !important;
    }

    #elpoder_logo {
        width: 205px !important;
        padding-bottom: 40px;
    }

    div#logo_wrapper {
        padding: 0;
    }

    .menu>div:nth-child(n+3):nth-last-child(n+2) span.show:not(.active) {
        background-color: rgb(255 255 255 / 65%);
        color: #000000f3 !important;
        padding: 7px;
        height: 18px;
        border-radius: 6px;
        line-height: 5px;
        font-size: 14px;
    }

    span.show.active {
        background: #000000;
        background-image: linear-gradient(187deg, #565656, #000000);
        color: white;
        border-radius: 5px;
        box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(64, 64, 64, .4) !important;
        max-width: fit-content;
        padding: 2px 13px;
    }

    #menu_categorias,
    #menu_categorias div {
        line-height: normal !important;
        font-size: 10px !important;
        top: 100vw !important;
        width: 80vw !important;
        height: 200vw !important;
        max-width: 800px !important;
        max-height: 800px !important;
    }

    .slider {
        bottom: -129px !important;
     	height: 100%!important;
    }


    #controls {
        bottom: 35px !important;
    }

    .sh-desktop {
        display: block !important;
        height: 100%!important;
    }

    #menu_categorias,
    #menu_categorias div {
        font-size: 8px;
        line-height: 30px;
    }

    .category-parents {
        display: flex;
        align-items: stretch;
        justify-content: center;
        margin: 0;
        width: 100%;
        padding: 0;
    }

    .indicator {
        width: 146vw !important;
        height: 105vw !important;
        max-width: 555px;
        max-height: 555px;
        top: 60vw !important;

        border: 2px solid white !important;
        outline: 2px solid #ffffff !important;
        outline-offset: 10px !important;
    }

    .indicator::before {
        content: "";
        position: absolute;
        top: -22px;
        left: 50%;
        transform: translateX(-50%);
        width: 1em;
        height: 1em;
        background-color: #ff0000;
        border-radius: 50%;
    }

    #menu_categorias span {
        top: -2em;
    }

    span.active.show {
        font-size: 15px;
        padding-bottom: 4px;
    }

    .insideIndicator {
        width: 139vw !important;
        height: 93vw !important;
        display: none !important;
    }

    .slider .img {
        width: 140vw;
        height: 140vw;
        max-width: 530px;
        max-height: 530px;
        max-width: 900px;
        max-height: 900px;
        min-width: 540px;
        margin-top: -265px !important;
    }

    .circular-slider {
        height: 72% !important;
        min-height: 72vh !important;
        background-position: bottom;
        background-size: auto;
    }

    .decorated_paper {
        bottom: 50px;
    }

    .col-md-2.col-sm-12.col-xs-12.fix.two_col {
        display: none;
    }


    #scrollView .section-header .block-products-carousel__column .block-products-carousel__cell .product-card .title_card {
        min-height: 275px !important;
        border: 2px solid #fff;
    }

    .d-block .mkdf-st-button {
        background: linear-gradient(66deg, #FF0000 0%, #990000 100%) !important;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {


    #elpoder_logo {
        width: 180px !important;
    }

.sh-desktop {
    height: 100%!important;
}

    .slider {
        bottom: -150px !important;
    }

    .indicator {
        top: 300px;
    }

    #menu_categorias,
    #menu_categorias div {
        line-height: 26px;
        font-size: 11px !important;
        top: 44%;
        width: 100vw !important;
        height: 60vw !important;
        max-width: 650px !important;
        max-height: 650px !important;
    }

    .slider .img {
        margin-top: -303px;
    }

}

/* Tablets */
/* Galaxy Tab S4 10.5 (1600 x 2560 | 10.5 in) */
@media (min-width: 768px) and (max-width: 991.98px) {
    #elpoder_logo {
        width: 180px !important;
    }


    .slider {
        bottom: -484px;
        width: 100vw !important;
        height: 100vw !important;
        max-width: 760px !important;
        max-height: 699px !important;
    }

    .indicator {
        top: 555px;
        width: 134vw !important;
        height: 123vw !important;
        max-width: 696px !important;
        max-height: 785px !important;
    }

    #menu_categorias,
    #menu_categorias div {
        line-height: 26px;
        font-size: 15px;
        top: 60% !important;
        width: 100vw !important;
        height: 100vw !important;
        max-width: 660px !important;
        max-height: 745px !important;
    }

    .slider .img {
        width: 100vw;
        height: 70vw;
        max-width: 787px;
        max-height: 515px;
        margin-top: 0px !important;
    }

}

/* iPads con 9.7" y 7.9" (768 x 1024) */
@media screen and (min-width: 768px) and (max-width: 768px) and (min-height: 1024px) and (max-height: 1024px) and (orientation: portrait) {
    .slider {
        bottom: -170px;
    }
}

@media screen and (orientation: portrait) and (min-width: 1000px) and (max-width: 1100px) and (min-height: 1300px) and (max-height: 1400px) {

    .slider {
        bottom: -368px;
    }

    .indicator {
        top: 515px;
        width: 80vw;
        height: 80vw;
        max-width: 680px;
        max-height: 680px;
    }

    #menu_categorias,
    #menu_categorias div {
        width: 100vw;
        height: 100vw;
        max-width: 777px;
        max-height: 777px;
        border-radius: 50%;
        top: 46%;
    }

    .slider .img {
        width: 100vw;
        height: 100vw;
        max-width: 765px;
        max-height: 765px;
        margin-top: -410px;
    }
}

@media screen and (orientation: portrait) and (min-width: 820px) and (max-width: 850px) and (min-height: 1180px) and (max-height: 1200px) {
    .slider {
        bottom: -270px;
    }

}

@media screen and (orientation: portrait) and (min-width: 920px) and (max-width: 940px) and (min-height: 1230px) and (max-height: 1250px) {
    .slider {
        bottom: -300px;
    }
}


/* Laptop */
/* Desktop 1366 x 768 (1366 x 768 ) Desktop 1280 x 800 (1280 x 800 )*/
@media (min-width: 1200px) and (max-width: 1399.98px) and (max-height: 677px) {

    #elpoder_logo {
        width: 20px !important;
        padding-bottom: 0;
    }

    #menu_categorias,
    #menu_categorias div {
        top: 43%;
    }

    .slider {
        bottom: -90px !important;
        zoom: 80%;
    }

    .indicator {
        top: 234px !important;
    }

    .slider .img {
        margin-top: -370px;
        max-width: 620px;
    }
}

/* Desktop 1366 x 768 (1366 x 768 ) Desktop 1280 x 800 (1280 x 800 )*/
@media (min-width: 1200px) and (max-width: 1399.98px) {

    #elpoder_logo {
        width: 180px !important;
    }

    .slider {
        bottom: -90px;
    }

    .indicator {
        top: 300px;
        max-width: 630px;
        max-height: 630px;
    }

    #menu_categorias,
    #menu_categorias div {
        top: 47%;
    }

    .slider .img {
        max-width: 700px;
        max-height: 700px;
        margin-top: -355px;
    }

}

/* 11-inch MacBook Air (1366 × 768 ) */
@media screen and (width: 1366px) and (height: 768px) {
    #elpoder_logo {
        width: 20px !important;
    }
}


/* 13" MacBook Air & Pro (1440x900) */
@media screen and (width: 1440px) and (height: 900px) {
    .slider {
        bottom: -140px;
    }

    .indicator {
        top: 340px;
        max-width: 630px;
        max-height: 630px;
    }

    #menu_categorias,
    #menu_categorias div {
        top: 47%;
    }

    .slider .img {
        max-width: 700px;
        max-height: 700px;
        margin-top: -355px;
    }
}

/* 13" MacBook Pro (1280x800) y otras 1280x800 pantallas */
@media screen and (width: 1280px) and (height: 800px) {
    .slider {
        bottom: -90px;
    }

    .indicator {
        top: 340px;
        max-width: 630px;
        max-height: 630px;
    }

    #menu_categorias,
    #menu_categorias div {
        top: 50%;
        width: 55vw;
        height: 55vw;
        max-width: 730px;
        max-height: 730px;
    }

    .slider .img {
        max-width: 700px;
        max-height: 700px;
        margin-top: -320px;
    }
}

/* 14" MacBook Pro (1512x982) */
@media screen and (orientation: landscape) and (min-width: 1500px) and (max-width: 1530px) and (min-height: 970px) and (max-height: 990px) {
    .slider {
        bottom: -144px;
    }

    .indicator {
        top: 418px;
        max-width: 630px;
        max-height: 630px;
    }

    #menu_categorias,
    #menu_categorias div {
        top: 50%;
        width: 55vw;
        height: 55vw;
        max-width: 730px;
        max-height: 730px;
    }

    .slider .img {
        max-width: 700px;
        max-height: 700px;
        margin-top: -320px;
    }

}


/* 16" MacBook Pro (1792x1120) */
@media screen and (width: 1792px) and (height: 1120px) {
    .slider {
        bottom: -210px;
        zoom: 100%;
    }

    .indicator {
        top: 430px;
        max-width: 630px;
        max-height: 630px;
    }

    #menu_categorias,
    #menu_categorias div {
        top: 50%;
        width: 55vw;
        height: 55vw;
        max-width: 730px;
        max-height: 730px;
    }

    .slider .img {
        max-width: 700px;
        max-height: 700px;
        margin-top: -320px;
    }
}

/* 21" iMac (1920x1080) */
@media screen and (width: 1920px) and (height: 1080px) {
    .slider {
        bottom: -180px;
        zoom: 100%;
    }

    .indicator {
        top: 417px;
        max-width: 630px;
        max-height: 630px;
    }

    #menu_categorias,
    #menu_categorias div {
        top: 50%;
        width: 55vw;
        height: 55vw;
        max-width: 730px;
        max-height: 730px;
    }

    .slider .img {
        max-width: 700px;
        max-height: 700px;
        margin-top: -320px;
    }
}

/* 27" iMac (2560x1440) */
@media screen and (width: 2560px) and (height: 1440px) {
    .slider {
        bottom: -330px;
        zoom: 100%;
    }

    .indicator {
        top: 547px;
        max-width: 630px;
        max-height: 630px;
    }

    #menu_categorias,
    #menu_categorias div {
        top: 50%;
        width: 55vw;
        height: 55vw;
        max-width: 730px;
        max-height: 730px;
    }

    .slider .img {
        max-width: 700px;
        max-height: 700px;
        margin-top: -320px;
    }

}

/* Desktop 1024x768 */
@media screen and (width: 1024px) and (height: 768px) {
    .slider {
        bottom: -13px;
    }

    .indicator {
        top: 374px;
    }

    .slider .img {
        margin-top: -140px;
    }

    #menu_categorias,
    #menu_categorias div {
        top: 53%;
        height: 56vw;
        max-width: 737px;
        max-height: 744px;
    }
}

/* Desktop 1280x1024 (aspect ratio 5:4) */
@media screen and (width: 1280px) and (height: 1024px) {
    .slider {
        bottom: -146px;
    }

    .indicator {
        top: 488px;
    }

    .slider .img {
        margin-top: -140px;
    }

    #menu_categorias,
    #menu_categorias div {
        top: 52%;
        height: 54vw;
        max-width: 743px;
        max-height: 746px;
    }
}

/* Desktop 1280x720 (HD, 16:9) */
@media screen and (width: 1280px) and (height: 720px) {
    .slider {
        bottom: 20px;
    }

    .indicator {
        top: 380px;
    }

    .slider .img {
        margin-top: -140px;
    }

    #menu_categorias,
    #menu_categorias div {
        top: 55%;
        height: 54vw;
        max-width: 746px;
        max-height: 755px;
    }
}

/* Desktop 1280x800 (16:10) */
@media screen and (width: 1280px) and (height: 800px) {
    /* Ya está cubierto arriba */
}

/* Desktop 1600x900 (HD+) */
@media screen and (width: 1600px) and (height: 900px) {
    .slider {
        bottom: -82px;
    }

    .indicator {
        top: 382px;
    }

    #menu_categorias,
    #menu_categorias div {
        top: 51%;
        height: 45vw;
        max-width: 656px;
        max-height: 656px;
    }

    .slider .img {
        max-width: 700px;
        max-height: 700px;
        margin-top: -243px;
    }
}

/* Desktop 1920x1080 (Full HD, 16:9) */
@media screen and (width: 1920px) and (height: 1080px) {
    /* Estilos específicos */
}



/* PANTALLA VERTICAL CASA*/
@media (max-aspect-ratio: 1.5) {

    #elpoder_logo {
        width: 180px;
    }

    .slider {
        bottom: -195px;
    }


    #menu_categorias,
    #menu_categorias div {
        line-height: 26px;
        font-size: 15px;
        top: 43%;
        width: 80vw;
        height: 80vw;
        max-width: 664px;
        max-height: 664px;
    }

    .slider .img {
        max-width: 745px;
        max-height: 470px;
        margin-top: -436px;
        width: 70vw;
        height: 70vw;
    }

    .category-parents button {
        font-size: 14px;
    }

    .category-parents {
        margin-top: 0px;
    }

    #controls {
        bottom: 15px;
    }

    span.active.show {
        margin-top: -20px;
    }
}

/* LAPTOP CASA */
@media (min-aspect-ratio: 2/1) {
    #elpoder_logo {
        width: 180px;
    }

    .slider {
        bottom: -90px;
    }

    .indicator {
        top: 250px;
    }

    .circular-slider {
        height: 76vh;
        min-height: 76vh;
    }

    #menu_categorias,
    #menu_categorias div {
        line-height: 20px;
        font-size: 13px;
        top: 47%;
        width: 41vw;
        height: 41vw;
        max-width: 650px;
        max-height: 650px;
    }

    .slider .img {
        max-width: 745px;
        max-height: 470px;
        margin-top: -285px;
    }

    .category-parents button {
        font-size: 12px;
    }

    .category-parents {
        margin-top: -10px;
    }

    #controls {
        bottom: 10px;
    }

    .section_viewport_1 ul.block-brands__list {
        zoom: 90%;
    }

    span.active.show {
        margin-top: -20px;
        font-size: 15px;
    }

    .decorated_paper {
        bottom: 0px;
    }

    .bg_bottom {
        height: 50px;
    }

}

/* PANTALLA SCRITORIO UHD CASA */
@media screen and (min-width: 1900px) and (max-width: 1950px) and (min-aspect-ratio: 2/1) {

    #elpoder_logo {
        width: 180px !important;
    }

    .slider {
        bottom: -170px;
    }

    .indicator {
        top: 300px;
    }

    #menu_categorias,
    #menu_categorias div {
        top: 46%;
    }

}

.p-left10 {
    padding: 3px 20px;
}

.suggestions__product-image img {
    max-width: 40px;
}

.suggestions__product-image img {
    max-width: 40px;
}

.suggestions__product-price del {
    color: #bfbfbf;
    font-size: 12px;
    font-weight: 100;
}

ins {
    text-decoration: none;
}

.suggestions__product-price {
    text-align: right;
    display: flex;
    flex-direction: column;
}

:root {
    --chat--color-primary: #1ba94a !important;
    --chat--color-primary-shade-50: #1ba94a !important;
    --chat--color-primary-shade-100: #1ba94a !important;
    --chat--color-secondary: #20b69e;
    --chat--color-secondary-shade-50: #1ca08a;
    --chat--color-white: #ffffff;
    --chat--color-light: #f2f4f8;
    --chat--color-light-shade-50: #e6e9f1;
    --chat--color-light-shade-100: #c2c5cc;
    --chat--color-medium: #d2d4d9;
    --chat--color-dark: #0066a1 !important;
    --chat--color-disabled: #777980;
    --chat--color-typing: #404040;

    --chat--spacing: 1rem;
    --chat--border-radius: 0.25rem;
    --chat--transition-duration: 0.15s;

    --chat--window--width: 400px;
    --chat--window--height: 600px;

    --chat--header-height: auto;
    --chat--header--padding: var(--chat--spacing);
    --chat--header--background: var(--chat--color-dark);
    --chat--header--color: var(--chat--color-light);
    --chat--header--border-top: none;
    --chat--header--border-bottom: none;
    --chat--header--border-bottom: none;
    --chat--header--border-bottom: none;
    --chat--heading--font-size: 2em;
    --chat--header--color: var(--chat--color-light);
    --chat--subtitle--font-size: inherit;
    --chat--subtitle--line-height: 1.8;

    --chat--textarea--height: 50px;

    --chat--message--font-size: 1.5rem !important;
    --chat--message--padding: var(--chat--spacing);
    --chat--message--border-radius: var(--chat--border-radius);
    --chat--message-line-height: 1.8;
    --chat--message--bot--background: var(--chat--color-white);
    --chat--message--bot--color: var(--chat--color-dark);
    --chat--message--bot--border: none;
    --chat--message--user--background: var(--chat--color-secondary);
    --chat--message--user--color: var(--chat--color-white);
    --chat--message--user--border: none;
    --chat--message--pre--background: rgba(0, 0, 0, 0.05);

    --chat--toggle--background: var(--chat--color-primary);
    --chat--toggle--hover--background: var(--chat--color-primary-shade-50);
    --chat--toggle--active--background: var(--chat--color-primary-shade-100);
    --chat--toggle--color: var(--chat--color-white);
    --chat--toggle--size: 64px;

    .chat-window-toggle {
        /* border-radius: 0px !important; */
        width: 52px !important;
        height: 52px !important;
        background-image: linear-gradient(187deg, #565656, #000000) !important;
    }

    .chat-window-wrapper.n8n-chat {
        right: 1px;
        bottom: 5px;
        /* top: 64.5%; */
        z-index: 1;
    }

    .chat-window-toggle:hover {
        width: 52px !important;
        height: 52px !important;
    }

    .chat-layout .chat-header h1 {
        font-size: 18px;
    }

    .chat-layout .chat-header p {
        font-size: 14px;
        line-height: normal;
    }

    .chat-header {
        max-height: 120px;
    }

    .chat-message>.chat-message-markdown>*:last-child {
        margin-bottom: 0;
        font-size: 14px;
    }

    .chat-layout .chat-header {
        background-image: linear-gradient(187deg, #565656, #000000) !important;
    }

    .chat-window-wrapper .chat-window {
        max-height: 470px;
    }


}


.site__header {
  transition: all 0.5s ease; /* suaviza cualquier cambio */
}

.site__header.hidden {
  opacity: 0;
  transform: translateY(-100%);
  pointer-events: none; /* opcional: evita clicks cuando está oculto */
}

    .elementor-37 .elementor-element.elementor-element-a2f37cf:not(.elementor-motion-effects-element-type-background){    
        background: linear-gradient(to bottom, #fff, #e4e4e4) !important;
    }


@media (max-width: 575.98px) {
        span#ir_moto_test{display: block;}
        .display_on_movil{display: block;}
        .section_viewport_1 {height: 100vh;}
        .block-products-carousel__cell {width: 100%;}
        .block-products-carousel .section-header__arrows, .mkdf-custom-pagination-holder {display: block !important;}
        .section-header__body {display: none;}
        #mi_promo_mm{height: 100%!important;}
        #prd_complem{height: 100%!important;}
        div#p_complementarios {padding-top: 40px;}
        .block-finder__body.container.container--max--xl.home_slider_viewport_2.rever {top: 130px;}
        #p_complementarios .block-finder__image {background-image: url("https://www.motomundohn.com/wp-content/themes/autoparts-child/HomePage_MM_2025/img_home_test/background_movil/motociclista.jpg");
            background-repeat: no-repeat;
            filter: contrast(0.5);
            opacity: 0.3;
            z-index: 0;
            top: 131px;
        }

   } 
   @media (min-width: 576px) and (max-width: 767.98px) {
    span#ir_moto_test{display: block;}
    
   }
   
   .display_on_movil{display: none;}




div#mi_promo_mm {
    height: 100%;
    padding-top: 40px;
    align-items: center;
	justify-content: center;
    align-content: space-between;
}

div#moto_test {
    height: 100%;
	min-height: 100vh;
    display: flex;
    justify-content: center;
    align-content: space-between;
    align-items: center;
}

div#prd_complem {
    height: 100%;
    padding-top: 40px;
}
div#nuestros_Servicios {
    height: 100%;
    min-height: 100vh;
    padding-top: 40px;
    padding-bottom: 100px;
    justify-content: center;
    align-content: space-between;
    align-items: center;
}

.insideSection_moto::before {height: 100%!important;}
.insideSection_tmi::before {height: 100%!important;}
.insideSection_tricimotos::before {height: 100%!important;}
.section_service_::before{height: 100%!important;}


@media (max-width: 575.98px) {

	div#moto_test {
    	height: 100%;
    	padding-top: 20px;
    	padding-bottom: 60px;
	}
    span.block-banners__item-details.mayus.iten_one {
        text-transform: capitalize;
    }
	span.mkdf-btn-text {
    	font-size: 13px;
    	line-height: normal;
	}
	.block-products-carousel__cell .product-card {
    	width: 100%;
    	margin-left:10px;
	}
	.block-products-carousel__cell {
    	justify-content: center;
	}
    div#moto_test {
        padding-top: 0;
        padding-bottom: 30px;
    }
	div#mi_promo_mm {
    	padding-top: 0px;
    	padding-bottom: 50px;
	}
	.block-banners__item {padding: 40px 35px;}

	div#cotiza_movil_uno {
    	height: 100%;
    	min-height: 100vh;
    	zoom: 95%;
	}
	div#cotiza_movil_dos {
    	height: 100%;
    	min-height: 100%;
	}

}

.owl-carousel .block-products-carousel__cell:before {width: fit-content !important;}

/* Calculadora */
.mm_calc{display:none}
.elementor-37 .elementor-element.elementor-element-2bbbc80 .title-section-area .section-title {
    color: #545353;
    text-align: left;
}
.container.display-flex {
    display: flex;
}
.col-lg-6.col-sm-12.col-xs-12.flex-center {
    display: flex;
    justify-content: center;
    padding-top: 60px;
}
	div#mi_promo_mm{min-height: 100dvh;}
	div#cotiza_movil_dos{min-height: 100dvh;}
	div#prd_complem{
   	 min-height: 100dvh;
     display: grid;

	}

	.bg_top_overlay{background: linear-gradient(to bottom, #fff, #e4e4e4) !important;}
	section.elementor-section.elementor-top-section.elementor-element.elementor-element-a2f37cf.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default {
    	min-height: 100dvh;
	}
@media (max-width:767px) {
	div#mi_promo_mm{min-height: fit-content;}
	div#cotiza_movil_dos{min-height: fit-content;}
	div#prd_complem{min-height: fit-content;}
	
	.elementor-widget-container p:nth-of-type(-n+2) {
    	text-align: justify;
	}
	.container.display-flex {
    	flex-direction: column;
	}
	.mm_calc {
 	   display: block;
	}	
	.elementor-37 .elementor-element.elementor-element-2bbbc80 .title-section-area .section-title {
    	text-align: center;
	}
	.col-lg-6.col-sm-12.col-xs-12.flex-center {
    	padding-top:50px;
	}
	.mm_calc img {
    	zoom: 70%;
	}
	.img_solvenza.mm_calc {
    	padding-top: 30px !important;
	}
	.container.list_calc.mm_calc {
    	padding-bottom: 30px;
	}
	.elementor-37 .elementor-element.elementor-element-2bbbc80>.elementor-widget-container {
    	margin: 0px 0px 0px 0px;
	}
}