.elementor-52967 .elementor-element.elementor-element-433ed7f{margin-top:0px;margin-bottom:-42px;padding:0px 0px 0px 0px;z-index:10;}.elementor-52967 .elementor-element.elementor-element-871aceb > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-52967 .elementor-element.elementor-element-48948e1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-52967 .elementor-element.elementor-element-37dbe8c{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-52967 .elementor-element.elementor-element-b525fb8 > .elementor-container{max-width:1275px;}.elementor-52967 .elementor-element.elementor-element-b525fb8{margin-top:50px;margin-bottom:0px;padding:0px 100px 0px 100px;}.elementor-52967 .elementor-element.elementor-element-5a72858:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-52967 .elementor-element.elementor-element-5a72858 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F4F6;}.elementor-52967 .elementor-element.elementor-element-5a72858 > .elementor-element-populated, .elementor-52967 .elementor-element.elementor-element-5a72858 > .elementor-element-populated > .elementor-background-overlay, .elementor-52967 .elementor-element.elementor-element-5a72858 > .elementor-background-slideshow{border-radius:5px 5px 5px 5px;}.elementor-52967 .elementor-element.elementor-element-5a72858 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:15px 25px 15px 25px;}.elementor-52967 .elementor-element.elementor-element-5a72858 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-52967 .elementor-element.elementor-element-a7882a9 > .elementor-container{max-width:1275px;}.elementor-52967 .elementor-element.elementor-element-a7882a9{margin-top:45px;margin-bottom:45px;padding:0px 100px 0px 100px;}.elementor-52967 .elementor-element.elementor-element-b187a4d > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-52967 .elementor-element.elementor-element-a244a72.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-52967 .elementor-element.elementor-element-a244a72.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-52967 .elementor-element.elementor-element-a244a72.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-52967 .elementor-element.elementor-element-a244a72.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for section, class: .elementor-element-433ed7f */.elementor-52967 .elementor-element.elementor-element-433ed7f { position: relative; z-index: 10; min-height: 42px; margin-bottom: -42px !important; overflow: hidden; background: linear-gradient( 90deg, #F1F4F6 0%, #F1F4F6 42%, rgba(241,244,246,.96) 46%, rgba(241,244,246,.80) 50%, rgba(241,244,246,.45) 54%, rgba(241,244,246,.15) 58%, rgba(241,244,246,0) 62% ); } /* Alineación con BMW */ .elementor-52967 .elementor-element.elementor-element-433ed7f .mam-breadcrumb-content { padding-left: max( 30px, calc((100vw - 1275px) / 2) ) !important; padding-right: 30px !important; }/* End custom CSS */ /* Start custom CSS for sidebar, class: .elementor-element-eff66ae *//* ========================================================= MANGUITOS A MEDIDA BUSCADOR DE VEHÍCULO YMM ========================================================= */ /* ========================================================= DESKTOP ========================================================= */ @media (min-width: 768px) { /* ----------------------------------------------------- CONTENEDOR GENERAL ----------------------------------------------------- */ .elementor-52967 .elementor-element.elementor-element-eff66ae .ymm-horizontal { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; width: 100% !important; margin: 0 !important; padding: 0 !important; gap: 28px !important; } /* ----------------------------------------------------- TÍTULO ----------------------------------------------------- */ .elementor-52967 .elementor-element.elementor-element-eff66ae .ymm-horizontal .ymm-title { display: flex !important; align-items: center !important; flex: 0 0 auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; float: none !important; clear: none !important; white-space: nowrap !important; } .elementor-52967 .elementor-element.elementor-element-eff66ae .ymm-horizontal .widget-title { display: flex !important; align-items: center !important; gap: 9px !important; margin: 0 !important; padding: 0 !important; font-family: "Rajdhani", sans-serif !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1 !important; text-transform: uppercase !important; color: #172033 !important; } /* ----------------------------------------------------- ICONO COCHE ----------------------------------------------------- */ .elementor-52967 .elementor-element.elementor-element-eff66ae .ymm-horizontal .widget-title::before { content: ""; display: block; width: 21px; height: 21px; flex: 0 0 21px; background-color: #2863A0; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 13l2-5h14l2 5'/%3E%3Cpath d='M5 13h14a2 2 0 0 1 2 2v3H3v-3a2 2 0 0 1 2-2Z'/%3E%3Ccircle cx='7' cy='16' r='1'/%3E%3Ccircle cx='17' cy='16' r='1'/%3E%3Cpath d='M5 18v2M19 18v2'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 13l2-5h14l2 5'/%3E%3Cpath d='M5 13h14a2 2 0 0 1 2 2v3H3v-3a2 2 0 0 1 2-2Z'/%3E%3Ccircle cx='7' cy='16' r='1'/%3E%3Ccircle cx='17' cy='16' r='1'/%3E%3Cpath d='M5 18v2M19 18v2'/%3E%3C/svg%3E") center / contain no-repeat; } /* ----------------------------------------------------- PARTE DERECHA DEL TÍTULO Está vacía, no necesitamos que ocupe espacio ----------------------------------------------------- */ .elementor-52967 .elementor-element.elementor-element-eff66ae .ymm-horizontal .ymm-title-right { display: none !important; } /* ----------------------------------------------------- CLEAR QUE INTRODUCE YMM ENTRE TÍTULO Y CAMPOS ----------------------------------------------------- */ .elementor-52967 .elementor-element.elementor-element-eff66ae .ymm-horizontal > .ymm-clear { display: none !important; } /* ----------------------------------------------------- CONTENEDOR DE LOS CAMPOS ----------------------------------------------------- */ .elementor-52967 .elementor-element.elementor-element-eff66ae .ymm-horizontal .block-content { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; float: none !important; clear: none !important; } /* ----------------------------------------------------- CADA DESPLEGABLE ----------------------------------------------------- */ .elementor-52967 .elementor-element.elementor-element-eff66ae .ymm-horizontal .block-content > .level { flex: 1 1 0 !important; width: auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; float: none !important; clear: none !important; } /* ----------------------------------------------------- SELECT ----------------------------------------------------- */ .elementor-52967 .elementor-element.elementor-element-eff66ae .ymm-horizontal .level .ymm-select { display: block !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 46px !important; min-height: 46px !important; margin: 0 !important; padding: 0 38px 0 14px !important; float: none !important; box-sizing: border-box !important; border: 1px solid #DCE3E8 !important; border-radius: 4px !important; background-color: #FFFFFF !important; font-family: "Inter", sans-serif !important; font-size: 13px !important; font-weight: 400 !important; color: #172033 !important; box-shadow: none !important; transition: border-color .2s ease, box-shadow .2s ease !important; } /* Hover */ .elementor-52967 .elementor-element.elementor-element-eff66ae .ymm-horizontal .level .ymm-select:hover { border-color: #B8C5CE !important; } /* Focus */ .elementor-52967 .elementor-element.elementor-element-eff66ae .ymm-horizontal .level .ymm-select:focus { outline: none !important; border-color: #2863A0 !important; box-shadow: 0 0 0 2px rgba(40, 99, 160, .10) !important; } /* Select desactivado */ .elementor-52967 .elementor-element.elementor-element-eff66ae .ymm-horizontal .level .ymm-select:disabled { opacity: .55 !important; cursor: not-allowed !important; background-color: #F1F4F6 !important; } /* ----------------------------------------------------- CLEAR INTERNO QUE HACE SALTAR EL BOTÓN ----------------------------------------------------- */ .elementor-52967 .elementor-element.elementor-element-eff66ae .ymm-horizontal .block-content > .ymm-clear { display: none !important; } /* ----------------------------------------------------- EXTRA YMM ----------------------------------------------------- */ .elementor-52967 .elementor-element.elementor-element-eff66ae .ymm-horizontal .block-content > .ymm-extra { display: none !important; } /* ----------------------------------------------------- BOTÓN BUSCAR ----------------------------------------------------- */ .elementor-52967 .elementor-element.elementor-element-eff66ae .ymm-horizontal .ymm-submit-any-selection { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 120px !important; width: 120px !important; min-width: 120px !important; max-width: 120px !important; height: 46px !important; min-height: 46px !important; margin: 0 !important; padding: 0 18px !important; float: none !important; clear: none !important; box-sizing: border-box !important; border: 0 !important; border-radius: 4px !important; background: #2863A0 !important; color: #FFFFFF !important; font-family: "Rajdhani", sans-serif !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1 !important; text-transform: uppercase !important; box-shadow: none !important; cursor: pointer !important; transition: background-color .2s ease !important; } .elementor-52967 .elementor-element.elementor-element-eff66ae .ymm-horizontal .ymm-submit-any-selection:hover { background: #245A8D !important; } } /* ========================================================= MÓVIL ========================================================= */ @media (max-width: 767px) { /* Contenedor general */ .elementor-52967 .elementor-element.elementor-element-eff66ae .ymm-horizontal { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* Título */ .elementor-52967 .elementor-element.elementor-element-eff66ae .ymm-horizontal .ymm-title { display: block !important; width: 100% !important; margin: 0 0 14px !important; padding: 0 !important; float: none !important; } .elementor-52967 .elementor-element.elementor-element-eff66ae .ymm-horizontal .widget-title { display: flex !important; align-items: center !important; gap: 9px !important; margin: 0 !important; padding: 0 !important; font-family: "Rajdhani", sans-serif !important; font-size: 15px !important; font-weight: 700 !important; text-transform: uppercase !important; color: #172033 !important; } /* Icono coche */ .elementor-52967 .elementor-element.elementor-element-eff66ae .ymm-horizontal .widget-title::before { content: ""; display: block; width: 21px; height: 21px; flex: 0 0 21px; background-color: #2863A0; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 13l2-5h14l2 5'/%3E%3Cpath d='M5 13h14a2 2 0 0 1 2 2v3H3v-3a2 2 0 0 1 2-2Z'/%3E%3Ccircle cx='7' cy='16' r='1'/%3E%3Ccircle cx='17' cy='16' r='1'/%3E%3Cpath d='M5 18v2M19 18v2'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 13l2-5h14l2 5'/%3E%3Cpath d='M5 13h14a2 2 0 0 1 2 2v3H3v-3a2 2 0 0 1 2-2Z'/%3E%3Ccircle cx='7' cy='16' r='1'/%3E%3Ccircle cx='17' cy='16' r='1'/%3E%3Cpath d='M5 18v2M19 18v2'/%3E%3C/svg%3E") center / contain no-repeat; } /* Elementos que sobran */ .elementor-52967 .elementor-element.elementor-element-eff66ae .ymm-horizontal .ymm-title-right, .elementor-52967 .elementor-element.elementor-element-eff66ae .ymm-horizontal > .ymm-clear, .elementor-52967 .elementor-element.elementor-element-eff66ae .ymm-horizontal .block-content > .ymm-clear, .elementor-52967 .elementor-element.elementor-element-eff66ae .ymm-horizontal .ymm-extra { display: none !important; } /* Campos verticales */ .elementor-52967 .elementor-element.elementor-element-eff66ae .ymm-horizontal .block-content { display: flex !important; flex-direction: column !important; width: 100% !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; float: none !important; } .elementor-52967 .elementor-element.elementor-element-eff66ae .ymm-horizontal .block-content > .level { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; float: none !important; } .elementor-52967 .elementor-element.elementor-element-eff66ae .ymm-horizontal .level .ymm-select { display: block !important; width: 100% !important; max-width: none !important; height: 46px !important; margin: 0 !important; padding: 0 38px 0 14px !important; box-sizing: border-box !important; border: 1px solid #DCE3E8 !important; border-radius: 4px !important; background-color: #FFFFFF !important; font-family: "Inter", sans-serif !important; font-size: 13px !important; color: #172033 !important; box-shadow: none !important; } /* Botón ancho completo */ .elementor-52967 .elementor-element.elementor-element-eff66ae .ymm-horizontal .ymm-submit-any-selection { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: none !important; height: 46px !important; margin: 0 !important; padding: 0 18px !important; float: none !important; clear: none !important; box-sizing: border-box !important; border: 0 !important; border-radius: 4px !important; background: #2863A0 !important; color: #FFFFFF !important; font-family: "Rajdhani", sans-serif !important; font-size: 14px !important; font-weight: 700 !important; text-transform: uppercase !important; box-shadow: none !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-2682c45 *//* ========================================================== FILTROS DE PRODUCTOS ========================================================== */ .mam-filtros-productos { position: relative; width: 100%; display: flex; align-items: center; gap: 32px; margin: 0 0 24px; padding: 0; border-bottom: 1px solid #E9EEF2; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .mam-filtros-productos::-webkit-scrollbar { display: none; } /* FILTRO */ .mam-filtro { position: relative; display: flex; align-items: center; gap: 5px; flex: 0 0 auto; margin: 0; padding: 0 0 13px; font-family: "Rajdhani", sans-serif; font-size: 14px; font-weight: 600; line-height: 1; color: #657487; text-decoration: none !important; cursor: pointer; transition: color .18s ease; } .mam-filtro:hover { color: #172033; } /* ACTIVO */ .mam-filtro.activo { color: #2863A0; font-weight: 700; } .mam-filtro.activo::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: #2863A0; } /* CONTADOR */ .mam-filtro-numero { font-family: "Inter", sans-serif; font-size: 11px; font-weight: 500; color: #9AA4AE; } .mam-filtro.activo .mam-filtro-numero { color: #2863A0; } /* ========================================================== CARGA AJAX ========================================================== */ .mam-productos-categoria { position: relative; transition: opacity .18s ease; } .mam-productos-categoria.mam-cargando { opacity: .28; pointer-events: none; min-height: 250px; } .mam-productos-categoria.mam-cargando::after { content: ""; position: absolute; top: 100px; left: 50%; width: 30px; height: 30px; margin-left: -15px; border: 2px solid #DCE3E8; border-top-color: #2863A0; border-radius: 50%; animation: mamFiltroSpinner .65s linear infinite; z-index: 50; } @keyframes mamFiltroSpinner { to { transform: rotate(360deg); } } /* ========================================================== MÓVIL ========================================================== */ @media (max-width: 767px) { .mam-filtros-productos { gap: 24px; margin-bottom: 20px; } .mam-filtro { font-size: 13px; padding-bottom: 11px; } .mam-filtro-numero { font-size: 10px; } } /* ========================================================== INDICADOR DE SCROLL EN MÓVIL ========================================================== */ @media (max-width: 767px) { /* * Usamos máscara para difuminar realmente * el contenido, en lugar de poner una caja encima. */ .mam-filtros-productos.mam-fade-right { -webkit-mask-image: linear-gradient( to right, #000 0%, #000 88%, transparent 100% ); mask-image: linear-gradient( to right, #000 0%, #000 88%, transparent 100% ); } .mam-filtros-productos.mam-fade-left { -webkit-mask-image: linear-gradient( to right, transparent 0%, #000 12%, #000 100% ); mask-image: linear-gradient( to right, transparent 0%, #000 12%, #000 100% ); } /* * Cuando hay contenido tanto a izquierda * como a derecha. */ .mam-filtros-productos.mam-fade-left.mam-fade-right { -webkit-mask-image: linear-gradient( to right, transparent 0%, #000 12%, #000 88%, transparent 100% ); mask-image: linear-gradient( to right, transparent 0%, #000 12%, #000 88%, transparent 100% ); } }/* End custom CSS */