/* Milar 2026 · CWV (6-nov-2026): hojas heredadas del listado en una sola petición. Unión, en el mismo orden en que se cargaban, de: Milar/normalize.css, Milar/full-loading.css, Milar/redesign/milar2026-legacy-plp.css, Milar/redesign/milar2026-legacy-plp-nuevoListado.css, Milar/redesign/milar2026-legacy-plp-style.css. No editar a mano: si cambia alguna de ellas, volver a unirlas (ver docs/milar2026-paso-a-produccion.md). */ /* ===== Milar/normalize.css ===== */ article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;} /* ===== Milar/full-loading.css ===== */ .full-loading { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .8); align-items: center; justify-content: center; font-size: 14px; color: #ffffff; z-index: 99999; } .full-loading-activo .full-loading { display: flex; color: green; } .wrap-loading { width: 400px; max-width: 90vw; padding: 15px 30px; background: #ffffff; display: flex; align-items: center; flex-direction: column; } .full-loading img { width: 80px; height: 100px; margin-right: 15px; margin-bottom: 20px; } /* ===== Milar/redesign/milar2026-legacy-plp.css ===== */ /* Generado por tools/node/css_poda.mjs a partir de 5 páginas (escritorio y móvil). NO editar a mano. */ /* ===== /estaticos/css/Milar/redesign/custom.css ===== */ .limpiar { clear: both; display: block; } .wrap { width: 100%; max-width: 1200px; margin: 0px auto; min-width: 280px; } .responsive { display: none; } .filtros { margin-top: 5px; } .listadoHeader { padding-bottom: 1.5rem; border-bottom: 1px solid rgb(195, 195, 196); margin-bottom: 10px; } .listadoHeader .filtros { color: rgb(0, 0, 0); font-size: 1.3rem; float: left; } .listadoHeader .holder { float: right; font-size: 1.4rem; margin-top: 1em; } .listadoHeader .holder a { border-left: 1px solid rgb(204, 204, 204); padding: 0px 0.5em; } .listadoHeader .holder a:first-child { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; } .verCodigoOcultableResponsive { display: none; } @media (max-width: 789px) { .verCodigoOcultableResponsive { display: block; } } .checkListado label { cursor: pointer; display: inline-block; font-size: 14px; padding-left: 0px; position: relative; } .checkListado input[type="checkbox"] { height: 1.25rem; width: 1.25rem; border-width: 2px; --tw-border-opacity: 1; border-color: rgb(3 7 18 / var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgb(3 7 18 / var(--tw-text-opacity)); border-radius: 2px; } .checkListado label a { display: block; padding-top: 3px; color: rgb(67, 116, 183); } .checkListado label a:hover { color: rgb(96, 173, 227); text-decoration: none; } #itemContainer { width: 74%; margin-left: 1%; float: left; } #itemContainer li { margin-bottom: 5px; } .footerHeader.listadoHeader { border-width: 1px medium medium; border-style: solid none none; border-color: rgb(195, 195, 196) currentcolor currentcolor; border-image: none; padding-bottom: 5rem; } .footerHeader.listadoHeader .holder { margin-top: 15px; } .ocu { display: none; } .ocu_important { display: none !important; } select { border-radius: 2px; } @media (max-width: 769px) { .responsive { display: block; } .wrap { overflow: hidden; } li:hover, ul:hover, a:hover { background: none; } #buscadorHeader:target { top: 0px; } .listadoHeader { background: none 0px 0px repeat scroll rgb(239, 244, 249); } .listadoHeader .wrap { padding: 10px 1%; box-sizing: border-box; } #itemContainer { float: none; margin: 0px 1%; width: 98%; } .footerHeader.listadoHeader { margin-bottom: 0px; padding-bottom: 10px; } } @media (max-width: 320px) { .listadoHeader .wrap { padding: 10px 4%; } .listadoHeader .holder { margin-top: 16px; } } .hidden { display: none !important; } .visible { display: block; } /* ===== /estaticos/css/Milar/redesign/custom_new.css ===== */ @font-face { font-family: Milar2024; src: url("https://www.milar.es/estaticos/fonts/Milar/din-Condensed.woff") format("woff"), url("https://www.milar.es/estaticos/fonts/Milar/din-Condensed.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } .wrap { overflow: initial; } p:empty { display: none; } * { box-sizing: border-box; } .milar { background: rgb(247, 248, 248); } .milar .wrap { max-width: 1400px; } @media (max-width: 425px) { .milar #capaResultadoListadoProductos { } } .milar #capaResultadoListadoProductos { margin-bottom: 19px; background-color: rgb(247, 248, 248); } .milar #capaResultadoListadoProductos .listadoHeader { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .milar #capaResultadoListadoProductos .listadoHeader .wrap .borde { padding: 17px; background: white; } .milar #capaResultadoListadoProductos .listadoHeader { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .milar #capaResultadoListadoProductos .listadoHeader .holder, .milar #capaResultadoListadoProductos .listadoHeader .filtros { display: inline-block; text-align: right; margin-top: 1em; font-size: 14px; font-family: "Open Sans"; } .milar #capaResultadoListadoProductos .listadoHeader .holder select, .milar #capaResultadoListadoProductos .listadoHeader .filtros select { appearance: menulist; } .milar #capaResultadoListadoProductos .listadoHeader .filtros .filtro-ordenar select { appearance: none; border: 0px; text-align: center; text-indent: 25px; background: white; } .milar .layout-reponsive { display: none; } .milar #capaResultadoListadoProductos .listadoHeader .holder label, .milar #capaResultadoListadoProductos .listadoHeader .filtros label { margin-right: 30px; } .milar #capaResultadoListadoProductos .listadoHeader .filtros .filtro-resultados, .milar #capaResultadoListadoProductos .listadoHeader .holder { } .milar #capaResultadoListadoProductos .listadoHeader .filtros .filtro-ordenar { border: 1px solid rgb(204, 204, 204); padding: 10px; } .milar #capaResultadoListadoProductos .listadoHeader .filtros .filtro-ordenar-icon { display: inline-block; vertical-align: middle; width: 24px; height: 24px; padding-right: 5px; } .milar #capaResultadoListadoProductos .listadoHeader .holder { width: 98%; font-size: 14px; text-align: right; margin-top: 35px; } .milar #capaResultadoListadoProductos .listadoHeader .holder a { text-decoration: none; color: rgb(80, 186, 0) !important; border-color: rgb(80, 186, 0) !important; } .milar #capaResultadoListadoProductos .listadoHeader .holder a:hover { color: rgb(144, 201, 255); } .milar #capaResultadoListadoProductos .listadoHeader .filtros { width: 100%; text-align: right; } .milar .wrap .filtrosLaterales .expandirContraerCSS { display: block; color: rgb(0, 138, 28); font-size: 14px; margin-right: 40px; margin-left: 4px; padding-top: 0.15em; text-align: left; } @media (max-width: 789px) { .milar .wrap .filtrosLaterales .expandirContraerCSS { display: none; } } .milar #capaResultadoListadoProductos .listadoBody #itemContainer li { margin-bottom: 60px; margin-top: 30px; width: 19%; display: inline-block; vertical-align: top; position: relative; } .milar #capaResultadoListadoProductos .listadoBody #itemContainer li:not(:nth-child(6n)) { margin-right: 10px; } .price-filter__text { font-size: 14px; } .price-filter__min { font-size: 14px; width: 58px; text-align: right; height: 36px; padding: 10px 5px; border: 1px solid rgb(0, 138, 28); border-radius: 5px; margin: 0px 8px; } .price-filter__max { font-size: 14px; width: 58px; text-align: right; height: 36px; padding: 10px 5px; border: 1px solid rgb(0, 138, 28); border-radius: 5px; margin-left: 8px; } .price-filter__container { margin: 20px 0px 30px; } .price-filter__slider { cursor: pointer; opacity: 1; background-color: rgb(191, 194, 198) !important; height: 3px !important; } .price-filter__slider span { background-color: rgb(255, 255, 255) !important; border: 3px solid rgb(0, 12, 26) !important; border-radius: 19px !important; top: -8px !important; cursor: pointer !important; } .price-filter__slider div { background-color: rgb(0, 138, 28) !important; height: 6px !important; top: -1px !important; } .filtros_summarized_delete { margin: 20px 0px 0px; font-size: 16px; } .filtros_summarized_delete a { color: rgb(0, 0, 0); text-decoration: underline; font-weight: 600; font-size: 12px; display: inline-flex; gap: 2px; } .brand-section { background-color: rgb(222, 223, 223); border-radius: 1.375rem; width: max-content; padding: 10px 20px; color: rgb(0, 12, 26); line-height: 16px; margin: 10px 0px; font-weight: 700; } .brand-section__name { margin-right: 10px; } .brand-section__delete { margin-left: 20px; cursor: pointer; } .brand-section__delete-logo { float: right; margin-top: 2px; filter: invert(1); } .milar #capaResultadoListadoProductos .listadoHeader .filtros { width: 100%; } @media (max-width: 769px) { .milar #capaResultadoListadoProductos .listadoHeader .filtros .filtro-ordenar, .milar #capaResultadoListadoProductos .listadoHeader .filtros-lateral .filtros.responsive { width: 100%; display: inline-block; margin-right: 0px; font-size: 14px; border: 1px solid rgb(204, 204, 204); height: 42px; vertical-align: top; padding: 10px; } } @media (max-width: 1172px) { .milar #capaResultadoListadoProductos .listadoBody #itemContainer li { width: 30%; } .milar #capaResultadoListadoProductos .listadoBody #itemContainer li:not(:nth-child(3n)) { margin-right: 25px; } } @media (min-width: 767px) and (max-width: 769px) { .total_prod { margin-top: 10px; background: rgb(243, 243, 243); padding-top: 12px; padding-left: 10px; } .total_prod p { color: rgb(100, 101, 108); font-size: 13px; } .filtros-lateral .icon-close-menu { width: 20px; height: 20px; position: absolute; top: 10px; right: 27px; cursor: pointer; display: inline-block !important; } .milar #capaResultadoListadoProductos .wrap .filtrosLaterales + .listadoBody { width: initial !important; } .milar #capaResultadoListadoProductos .wrap .filtrosLaterales + .listadoBody { width: 100%; } .milar #capaResultadoListadoProductos .listadoHeader .filtros .filtro-ordenar select { width: 70%; } .layout-responsive-icon { width: 50%; display: inline-block; text-align: right; } .icon-layout { width: 24px; height: 24px; display: inline-block; cursor: pointer; } .icon-layout-normal-white { display: none; margin-right: 0px; } .icon-layout-grid-grey { display: none; margin-right: 10px; } .icon-layout-grid-white { margin-right: 10px; } .milar #capaResultadoListadoProductos .listadoHeader .wrap .borde { padding: 0px; border: 0px; overflow: visible; } .milar #capaResultadoListadoProductos .listadoHeader .filtros { font-size: 0px; } .milar #capaResultadoListadoProductos { background-color: rgb(255, 255, 255); } .milar #capaResultadoListadoProductos .listadoHeader .wrap { padding: 0px; } .milar #capaResultadoListadoProductos .listadoHeader .wrap .borde { padding: 0px; border: 0px; overflow: visible; } .milar #capaResultadoListadoProductos .listadoHeader .filtros .filtro-ordenar, .milar #capaResultadoListadoProductos .listadoHeader .filtros-lateral.responsive { width: 50%; display: inline-block; margin-right: 0px; font-size: 14px; border: 1px solid rgb(204, 204, 204); height: 42px; vertical-align: top; padding: 10px; } .milar #capaResultadoListadoProductos .listadoHeader .filtros-lateral.responsive span { display: inline-block; vertical-align: middle; } .milar #capaResultadoListadoProductos .listadoHeader .filtros-lateral.responsive { border-left: 0px; } .milar #capaResultadoListadoProductos .listadoHeader .filtros label { float: none; display: none; } .listadoHeader .filtros { float: none; } .filtros-lateral .icon-close-menu { display: inline-block; width: 20px; height: 20px; position: absolute; top: 10px; right: 27px; cursor: pointer; } .milar #capaResultadoListadoProductos .listadoBody #itemContainer li:not(:nth-child(3n)) { margin-right: 25px; } } @media (max-width: 800px) { .milar #capaResultadoListadoProductos .listadoHeader .filtros { width: auto; } .milar #capaResultadoListadoProductos .listadoHeader .holder { width: 21%; } } @media (max-width: 769px) { .total_prod { margin-top: 10px; background: rgb(243, 243, 243); padding-top: 5px; padding-left: 5px; padding-bottom: 0px; } .total_prod p { color: rgb(100, 101, 108); font-size: 12px; } .listadoHeader .holder { float: none; display: inline-block; } .listadoHeader { margin-bottom: 0px; padding-bottom: 0px !important; } .milar #capaResultadoListadoProductos .listadoHeader .wrap .borde { padding: 10px; width: 100%; overflow: hidden; } .milar #capaResultadoListadoProductos .listadoHeader { background: rgb(255, 255, 255); } .milar #capaResultadoListadoProductos .filtrosLaterales .filtros-lateral { display: none; width: 85%; position: fixed; top: 0px; left: 15%; height: 100vh; z-index: 20; background-color: rgb(255, 255, 255); overflow: auto; } .sticky { position: fixed; bottom: 0px; background-color: rgb(255, 255, 255); z-index: 10; width: 100%; } .sticky p { display: none !important; } .milar #capaResultadoListadoProductos .filtrosLaterales .filtros-lateral #accordion { padding: 20px; } .milar #capaResultadoListadoProductos .listadoHeader .holder, .milar #capaResultadoListadoProductos .listadoHeader .filtros { width: 100%; display: block; } .milar #capaResultadoListadoProductos .listadoHeader .filtros { text-align: center; } .breadcrumb { display: none; } } @media (max-width: 600px) { .milar #capaResultadoListadoProductos .listadoHeader .filtros label { display: block; width: 100%; text-align: left; } .milar #capaResultadoListadoProductos .listadoHeader .filtros label:first-child { margin-bottom: 10px; } } .collapsible { font-size: 16px; font-weight: bold; margin-bottom: 10px; margin-top: 30px; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; text-align: left; } .filtros_summarized_delete.mobile { display: none; } @media (max-width: 789px) { .space { margin-top: 40px !important; } .filtros_summarized_delete.mobile { display: flex; text-align: center; justify-content: center; flex-direction: row; align-items: center; } .filtros_summarized_delete { display: none; } .filtrosLaterales .checkListado label a { font-size: 14px; } .collapsible { background-color: white; color: black; font-weight: 600; cursor: pointer; width: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; text-align: left; outline: none; font-size: 14px; margin-top: 12px; margin-bottom: 0px; } .collapsible::after { content: ""; height: 15px; width: 20px; float: right; background-image: url("https://www.milar.es/estaticos/images/Milar/chevron-down-solid.svg"); background-repeat: no-repeat; background-size: contain; } .active { margin: 8px 0px; } .active::after { content: ""; height: 15px; width: 20px; float: right; background-image: url("https://www.milar.es/estaticos/images/Milar/chevron-up-solid.svg"); background-repeat: no-repeat; } .content-collapsible { max-height: 0px; overflow: hidden; transition: max-height 0.2s ease-out; background-color: white; padding: 0px 8px; margin-bottom: 10px; } .border-line { border-bottom: 1px solid rgba(170, 170, 170, 0.5); } } @media (max-width: 480px) { .milar #capaResultadoListadoProductos .filtrosLaterales .filtros-lateral { width: 100%; left: 0px; } } @media (max-width: 400px) { .icon-layout-grid-white { display: none !important; } } .filtros-lateral .icon-close-menu { display: none; } .filtros-lateral .ui-slider .ui-slider-range { margin-top: 0px; } .milar #capaResultadoListadoProductos .wrap .filtrosLaterales + .listadoBody { width: 80%; } .listadonuevo { font-size: 0px; } .milar .wrap { } .milar .wrap .filtrosLaterales { width: 20%; display: inline-block; vertical-align: top; } .milar .wrap .filtrosLaterales .checkListado label a { color: rgb(0, 0, 0); text-decoration: none; margin-bottom: 0px; font-weight: 400; font-family: "Open Sans", sans-serif; padding: 0px; line-height: 14px; font-size: 13px; } .milar .wrap .filtrosLaterales .checkListado label::before { border-radius: 0px; border: 1px solid rgb(169, 169, 169); } .milar .wrap .listadoBody { width: 80%; display: inline-block; } .milar .wrap .listadoBody #itemContainer { width: 100%; } @media (max-width: 766px) { .milar .wrap .filtrosLaterales .checkListado label a { font-size: 16px; font-weight: 100; } .milar .wrap .filtrosLaterales .expandirContraerCSS { text-align: left; font-size: 16px; } .milar .layout-reponsive { display: block; width: 90%; margin: 10px auto; font-size: 0px; } .milar #capaResultadoListadoProductos .wrap .filtrosLaterales + .listadoBody { width: 100%; } .milar #capaResultadoListadoProductos .listadoHeader .filtros .filtro-ordenar select { width: 80%; } .layout-responsive-icon { width: 50%; display: inline-block; text-align: right; } .icon-layout { width: 24px; height: 24px; display: inline-block; cursor: pointer; } .icon-layout-normal-white { display: none; margin-right: 0px; } .icon-layout-grid-grey { display: none; margin-right: 10px; } .icon-layout-grid-white { margin-right: 10px; } .milar #capaResultadoListadoProductos .listadoHeader .filtros { font-size: 0px; } .milar #capaResultadoListadoProductos { background-color: rgb(243, 243, 243); } .milar #capaResultadoListadoProductos .listadoHeader .wrap { padding: 0px; } .milar #capaResultadoListadoProductos .listadoHeader .wrap .borde { padding: 0px; border: 0px; overflow: visible; } .filtros-lateral .icon-close-menu { display: inline-block; width: 20px; height: 20px; position: absolute; top: 10px; right: 27px; cursor: pointer; } .milar #capaResultadoListadoProductos .listadoHeader .holder { text-align: center; } .milar #capaResultadoListadoProductos .listadoHeader .filtros .filtro-ordenar, .milar #capaResultadoListadoProductos .listadoHeader .filtros-lateral.responsive { width: 50%; display: inline-block; margin-right: 0px; font-size: 14px; border: 1px solid rgb(204, 204, 204); height: 50px; vertical-align: top; padding: 10px; } .milar #capaResultadoListadoProductos .listadoHeader .filtros-lateral.responsive span { display: inline-block; vertical-align: middle; } .milar #capaResultadoListadoProductos .listadoHeader .filtros-lateral.responsive { border-left: 0px; } .milar #capaResultadoListadoProductos .listadoHeader .filtros label { float: none; } .listadoHeader .filtros { float: none; } .milar .wrap .listadoBody, .milar .wrap .filtrosLaterales { width: 100%; } .milar .wrap .listadoBody #itemContainer { margin: 0px; } .milar #capaResultadoListadoProductos .listadoBody #itemContainer li { width: 96%; display: block; background-color: rgb(255, 255, 255); margin: 10px auto !important; } .milar #capaResultadoListadoProductos .listadoBody #itemContainer li:not(:nth-child(4n)) { margin: 0px; } } .milar #capaResultadoListadoProductos .wrap .listadoBody { width: 100%; } .milar .footerHeader.listadoHeader .holder { display: block; margin: 30px auto; float: none; text-align: center; } .milar .footerHeader.listadoHeader .holder a { border: 0px; color: rgb(0, 0, 0); text-decoration: none; } .milar .footerHeader.listadoHeader .holder a.jp-current { color: rgb(255, 255, 255); background: rgb(0, 0, 0); border-radius: 0.275rem; padding: 1px 6px; } @keyframes amount-shadow { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } #defaultZipCodeFormTextId::before { content: ""; background-image: url("https://www.milar.es/estaticos/images/Milar/ubicacion-milar.svg"); background-repeat: no-repeat; height: 24px; position: absolute; width: 30px; opacity: 1; z-index: 0; margin-left: -28px; margin-top: 1px; background-size: 23px auto; } .carga-img { width: 100%; height: 150px; border-radius: 6px; margin-bottom: 10px; background: linear-gradient(90deg, rgb(238, 238, 238) 25%, rgb(221, 221, 221) 50%, rgb(238, 238, 238) 75%) 0% 0% / 200% 100%; animation: 1.5s ease 0s infinite normal none running shimmer; } .carga-text { height: 15px; border-radius: 4px; margin-bottom: 8px; background: linear-gradient(90deg, rgb(238, 238, 238) 25%, rgb(221, 221, 221) 50%, rgb(238, 238, 238) 75%) 0% 0% / 200% 100%; animation: 1.5s ease 0s infinite normal none running shimmer; } .carga-text-lg { width: 80%; } .carga-text.carga-text-lg.title { height: 30px; margin-bottom: 30px; } .carga-text.carga-text-sm.subtitle { height: 30px; margin-bottom: 30px; width: 25%; } .carga-text-sm { width: 50%; } #cargas { min-height: 1000px; position: absolute; margin-top: 0px; z-index: 10000; background: rgb(247, 248, 248); width: 100%; } #cargas.fade-out { opacity: 0; transition: opacity 0.1s; pointer-events: none; } @keyframes shimmer { 0% { background-position: -200% 0px; } 100% { background-position: 200% 0px; } } /* ===== Milar/redesign/milar2026-legacy-plp-nuevoListado.css ===== */ /* Generado por tools/node/css_poda.mjs a partir de 8 páginas (escritorio y móvil): /lavavajillas-cocina.html /lavavajillas-cocina/de-bosch.html /televisores.html?orden=precioAsc /lavadoras-cocina.html /microondas-cocina.html /ordenadores-portatiles.html /freidora-de-aire-cocina.html /cafeteras-capsulas.html NO editar a mano: regenerar. */ /* 6-nov · fuera el @import de Google Fonts «Open Sans Condensed»: ninguna regla usa esa fuente y era una petición bloqueante a otro dominio */ .milar #capaResultadoListadoProductos { float: left; width: 100%; } .milar #capaResultadoListadoProductos .listadoHeader { padding-bottom: 0px; margin-bottom: 0px; } .milar #capaResultadoListadoProductos .listadoHeader.sinMarca { margin: 0px; } .milar #capaResultadoListadoProductos .listadoHeader .wrap .borde { margin: 0px; padding: 0px; overflow: hidden; background: transparent; } .milar #capaResultadoListadoProductos .listadoHeader .filtros-listado-productos { display: flex; align-items: flex-start; background-color: white; position: relative; overflow: hidden; padding: 0px 15px; } .milar #capaResultadoListadoProductos .listadoHeader .filtros-listado-productos .wrap { display: flex; align-items: center; padding: 0px; background-color: white; background-image: url("https://www.milar.es/estaticos/images/Milar/banner-listado-milar.svg"); background-repeat: no-repeat; background-position: left center; background-size: cover; z-index: 1; } .milar #capaResultadoListadoProductos .listadoHeader .filtros-listado-productos::before { width: 50%; content: ""; background-color: rgb(80, 186, 0); position: absolute; top: 0px; left: 0px; height: 100%; } .milar #capaResultadoListadoProductos .listadoHeader .position { position: relative; } .milar #capaResultadoListadoProductos .listadoHeader .filtros-listado-productos.sin-fondo { width: 70%; position: absolute; top: 0px; right: 0px; background-color: initial; } @media (max-width: 768px) { .milar #capaResultadoListadoProductos .listadoHeader .filtros-listado-productos.sin-fondo { width: 100%; position: fixed; background-color: transparent; z-index: 1; margin: auto; bottom: 10px; top: auto; } } .milar #capaResultadoListadoProductos .listadoHeader .filtros-listado-productos.sin-fondo .wrap.sin-imagen { background-color: initial; } @media (max-width: 768px) { .milar #capaResultadoListadoProductos .listadoHeader .filtros-listado-productos.sin-fondo .wrap.sin-imagen { justify-content: flex-end; } } .milar #capaResultadoListadoProductos .listadoHeader .searchPromotionCode { flex: 0 0 30%; max-width: 30%; padding: 15px 0px; } .milar #capaResultadoListadoProductos .listadoHeader .filtros-listado-productos .wrap.sin-imagen { display: flex; align-items: center; background-color: white; background-image: none; } .milar #capaResultadoListadoProductos .listadoHeader .sin-fondo.filtros-listado-productos::before { display: none; } .milar #capaResultadoListadoProductos .listadoHeader .wrap-filtros { flex: 0 0 70%; max-width: 70%; padding: 0px; } .milar #capaResultadoListadoProductos .listadoHeader.footerHeader .wrap-filtros { flex: 0 0 100%; max-width: 100%; padding-left: 0px; } .milar #capaResultadoListadoProductos .listadoHeader .wrap-filtros .filtros { margin-top: 0px; display: flex; align-items: center; justify-content: flex-end; margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); float: none; } .milar #capaResultadoListadoProductos .listadoHeader .wrap-filtros .filtros label { margin: 0px 0px 0px 15px; display: flex; align-items: center; height: 40px; border: 1px solid rgb(169, 169, 169); line-height: 1; padding: 0px 10px; background-color: white; border-radius: 0.385rem; } .milar #capaResultadoListadoProductos .listadoHeader .wrap-filtros .filtros label img { flex: 0 0 25px; max-width: 25px; height: 15px; padding-right: 5px; } .milar #capaResultadoListadoProductos .listadoHeader .wrap-filtros .filtros label select { flex: 0 0 calc(100% - 20px); max-width: calc(100% - 20px); padding: 0px; height: 20px; border-radius: 0px; font-size: 14px; text-indent: 0px; } .milar #capaResultadoListadoProductos .holder { text-align: right; margin-top: 20px; width: 100%; } .milar .filtrosLaterales .total_prod { margin-bottom: 15px; float: left; display: block; background: rgb(255, 255, 255); width: 100%; border-radius: 4px; padding: 10px; font-size: 12px; line-height: 14px; border: 1px solid rgb(213, 213, 213); margin-top: 10px; } .milar .wrap .listadoBody #itemContainer { padding-left: 0px; display: flex; flex-wrap: wrap; margin: 0px -10px; width: calc(100% + 20px); } .milar #capaResultadoListadoProductos .wrap-listadonuevo { display: flex; align-items: flex-start; flex-wrap: wrap; margin: 0px -10px; } .milar #capaResultadoListadoProductos .wrap-listadonuevo .container.search_tags { padding: 0px; } .milar #capaResultadoListadoProductos .wrap-listadonuevo .filtrosLaterales { flex: 0 0 20%; max-width: 20%; padding: 0px 10px; border-radius: 0.385rem; box-shadow: rgba(17, 24, 39, 0.18) 0px 8px 24px; background: rgb(255, 255, 255); } .milar #capaResultadoListadoProductos .wrap-listadonuevo .filtrosLaterales .checkListado { height: 35px; align-items: center; display: inline-flex; width: 100%; } .milar #capaResultadoListadoProductos .wrap-listadonuevo .listadoBody { flex: 0 0 80%; max-width: 80%; padding: 0px 10px; } .milar #capaResultadoListadoProductos .listadoBody #itemContainer li { padding: 0px; flex: 0 0 23%; max-width: 23%; margin: 0% 1% 5% !important; } .milar #capaResultadoListadoProductos .listadoBody #itemContainer li .producto { position: relative; overflow: hidden; max-height: 675px; border-radius: 0.375rem; box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 76px 6px; border: 1px solid var(--Border-Interactive-Card-Enabled, #bfc2c6); } @media (max-width: 425px) { .milar #capaResultadoListadoProductos .listadoBody #itemContainer li .producto { max-height: 750px; min-height: 100%; } } @media (max-width: 425px) { .milar #capaResultadoListadoProductos .listadoHeader .filtros-listado-productos .wrap { background-size: 230% 140px !important; } } .milar #capaResultadoListadoProductos .listadoHeader .holder a { border-left: 1px solid; } .milar #capaResultadoListadoProductos .listadoHeader .holder a:first-child { border-left: 0px; } @media (max-width: 1230px) { .wrap { padding: 0px 15px; } } @media (max-width: 1199px) { .milar #capaResultadoListadoProductos .listadoBody #itemContainer li { flex: 0 0 33.3333%; max-width: 33.3333%; } } @media (max-width: 769px) { .milar .listadoCategoriasHead { margin: 0px; } .milar #capaResultadoListadoProductos .listadoHeader .filtros-listado-productos { flex-wrap: wrap; padding: 0px; } .milar #capaResultadoListadoProductos .listadoHeader .filtros-listado-productos .wrap { padding: 0px 15px; background-size: 120% 140px; flex-wrap: wrap; background-position: center top; } .milar #capaResultadoListadoProductos .listadoHeader .searchPromotionCode { flex: 0 0 100%; max-width: 100%; margin: 0px 0px 15px; } .milar #capaResultadoListadoProductos .listadoHeader .filtros-listado-productos.sin-fondo .searchPromotionCode { padding: 0px; margin: 0px; } .milar #capaResultadoListadoProductos .listadoHeader .wrap-filtros { flex: 0 0 100%; max-width: 100%; padding: 0px; margin-left: -15px; } .milar #capaResultadoListadoProductos .listadoHeader .wrap-filtros .filtros { margin: 0px; width: auto; } .milar #capaResultadoListadoProductos .listadoHeader .wrap-filtros .filtros { width: 100%; padding: 0px; z-index: 10; transition: bottom 0.3s ease-in-out; } .milar #capaResultadoListadoProductos .listadoHeader .wrap-filtros .filtros.sticky { position: fixed; bottom: 0px; } .milar #capaResultadoListadoProductos .listadoHeader .wrap-filtros .filtros label { margin: 0px; height: 50px; border-color: rgb(140, 146, 152); justify-content: center; width: 49%; border-radius: 0.375rem; } .milar #capaResultadoListadoProductos .listadoHeader .wrap-filtros .filtros label img { flex: 0 0 30px; max-width: 30px; height: 20px; padding-right: 10px; margin-left: 35px; } .milar #capaResultadoListadoProductos .filtrosLaterales .filtros-lateral { z-index: 9999; } .milar #capaResultadoListadoProductos .listadoHeader .wrap-filtros .filtros label select { background: none; flex: 0 0 calc(100% - 20px); max-width: calc(100% - 20px); width: auto; text-align: left; text-indent: 0px; text-transform: uppercase; color: rgb(255, 255, 255); line-height: 12px; } .milar #capaResultadoListadoProductos .listadoHeader .wrap-filtros .filtros-lateral { border-width: 0px 0px 0px 1px; border-style: solid; border-color: rgb(140, 146, 152) rgb(140, 146, 152) rgb(140, 146, 152) rgb(107, 105, 105); border-image: none; border-top-right-radius: 50px; margin: 0px; width: 50%; background-color: rgb(37, 37, 37); border-bottom-right-radius: 50px; } .milar #capaResultadoListadoProductos .listadoHeader .wrap-filtros .filtros label img, .milar #capaResultadoListadoProductos .listadoHeader .wrap-filtros .filtros-lateral img { filter: invert(1); } .milar #capaResultadoListadoProductos .listadoHeader .wrap-filtros .filtros-lateral img { filter: invert(1); } .milar #capaResultadoListadoProductos .listadoHeader .wrap-filtros .filtros label { border: 0px solid rgb(140, 146, 152); border-radius: 50px 0px 0px 50px; margin: 0px; width: 50%; background-color: rgb(37, 37, 37); } .milar #capaResultadoListadoProductos .listadoHeader .wrap-filtros .filtros-lateral img { flex: 0 0 20px; max-width: 20px; } .milar #capaResultadoListadoProductos .listadoHeader .wrap-filtros .filtros-lateral span { flex: 0 0 calc(100% - 20px); max-width: calc(100% - 20px); padding: 3px 10px; text-align: left; color: rgb(255, 255, 255); } .milar #capaResultadoListadoProductos .wrap-listadonuevo { margin: 0px -15px; } .milar #capaResultadoListadoProductos .wrap-listadonuevo .filtrosLaterales { flex: 0 0 100%; max-width: 100%; padding: 0px 15px; margin: 0px 0px 15px; } .milar #capaResultadoListadoProductos .wrap-listadonuevo .listadoBody { flex: 0 0 100%; max-width: 100%; padding: 0px 15px; } } @media (max-width: 767px) { .milar #capaResultadoListadoProductos .listadoHeader .wrap-filtros .filtros label select { background: none; } .milar #capaResultadoListadoProductos .listadoBody #itemContainer li { flex: 0 0 100%; max-width: 100%; background: none; } .milar #capaResultadoListadoProductos .listadoBody #itemContainer li .producto { background: rgb(255, 255, 255); } } @media (max-width: 575px) { .milar .layout-reponsive { display: none; } .milar #capaResultadoListadoProductos .listadoBody #itemContainer li { flex: 0 0 100%; max-width: 100%; z-index: 0; } } .related_filters_info_text { color: rgb(0, 0, 0); font-family: Arial; font-size: 16px; font-weight: bold; letter-spacing: 0px; line-height: 18px; margin: 10px 0px; } .listadoBody .search_tags .item { float: left; margin-top: 5px; margin-right: 5px; border-radius: 10px; } .pad15 { background-color: rgb(222, 223, 223); border-radius: 35px; height: 30px; font-weight: 700; } .pad15 p { color: black; padding: 4px 10px; font-size: 12px; border-radius: 10px; } .pad15 p:hover { border: 0px solid rgb(79, 187, 2); color: rgb(79, 187, 2); } .pad15 a { text-decoration: none; } .milar-more { --milar-lime: #8cc63f; --milar-dark: #0a130e; --milar-muted: rgba(255, 255, 255, .8); width: 100%; height: 100%; min-height: 240px; container-type: inline-size; position: relative; overflow: hidden; background: linear-gradient(160deg, rgb(18, 33, 26) 0%, rgb(10, 19, 14) 100%); color: rgb(255, 255, 255); font-family: Poppins, system-ui, sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: clamp(12px, 3.4cqi, 22px); padding: clamp(16px, 7cqi, 20px); } .milar-more__badge { display: inline-flex; align-items: center; gap: 7px; background: rgba(140, 198, 63, 0.18); color: var(--milar-lime); font-weight: 700; font-size: clamp(16px, 3.4cqi, 16px); padding: 6px 13px; border-radius: 999px; } .milar-more__badge::before { content: ""; width: 0.55em; height: 0.55em; border-radius: 50%; background: var(--milar-lime); } .milar-more__count { font-size: clamp(40px, 18cqi, 66px); font-weight: 800; line-height: 1; color: var(--milar-lime); } .milar-more__count-label { font-size: clamp(12px, 3.6cqi, 15px); font-weight: 600; color: var(--milar-muted); margin-top: 0.4em; } .milar-more__text { margin: 0px; font-size: clamp(12px, 3.4cqi, 14px); line-height: 1.55; color: var(--milar-muted); max-width: 40ch; } .milar-more__btn { width: 100%; max-width: 340px; cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: var(--milar-lime); color: var(--milar-dark); font-family: inherit; font-weight: 800; font-size: clamp(13px, 3.6cqi, 15px); padding: clamp(12px, 3.2cqi, 16px) 16px; border-radius: 12px; display: flex; align-items: center; justify-content: center; gap: 9px; transition: transform 0.12s, filter 0.2s; } .milar-more__btn svg { flex: 0 0 auto; stroke: var(--milar-dark); } .milar-more__btn:hover { filter: brightness(1.05); } .milar-more__btn:active { transform: scale(0.97); } .milar-more__done { width: 100%; max-width: 340px; display: flex; align-items: center; gap: 10px; text-align: left; background: rgba(140, 198, 63, 0.16); border: 1px solid rgba(140, 198, 63, 0.5); border-radius: 12px; padding: 12px 14px; animation: 0.35s ease 0s 1 normal none running milarPopIn; } .milar-more__check { width: 26px; height: 26px; border-radius: 50%; background: var(--milar-lime); display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; } .milar-more__check svg { stroke: var(--milar-dark); } .milar-more__done-text { font-size: clamp(11px, 3cqi, 12.5px); font-weight: 600; color: rgb(223, 240, 196); } .milar-more__done-text a { color: rgb(255, 255, 255); text-decoration: underline; cursor: pointer; } @keyframes milarPopIn { 0% { transform: scale(0.6); opacity: 0; } 60% { transform: scale(1.12); } 100% { transform: scale(1); opacity: 1; } } .milar-more[data-applied="false"] .milar-more__done { display: none; } @keyframes amount-shadow { 0% { box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px; transform: scale(1); } 50% { box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 4px; transform: scale(1.05); } 100% { box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px; transform: scale(1); } } .expandirContraerCSS button { background-color: transparent; color: rgb(0, 12, 26); font-size: 14px; border: 0px; font-weight: 700; } .expandirContraerCSS button:hover { background-color: transparent; color: rgb(0, 0, 0); text-decoration: underline; } #itemContainer .check-box { font-size: 12px; text-transform: uppercase; font-weight: 600; margin-top: 15px; } #itemContainer .check-box input { margin-right: 8px; cursor: pointer; } .comparator_button_action { text-align: center; } .comparator_button_action_button { position: fixed; bottom: 0px; left: 0px; width: 100%; z-index: 10; background-color: rgba(0, 138, 28, 0.898); color: white; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 50px; padding: 10px 30px; font-weight: 700; font-size: 18px; text-align: center; text-transform: uppercase; } .comparator_button_action_button:hover { background: rgb(47, 112, 0); } #modal { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 1000; background-color: rgba(216, 225, 232, 0.98); display: flex; justify-content: center; align-items: center; } .modal__window { width: 95%; height: 95%; position: relative; background-color: white; padding: 4em 2em; overflow: scroll; } .hidden-popup { visibility: hidden; opacity: 0; } @media (max-width: 450px) { .modal__window { width: 98%; height: 98%; padding: 4em 0px; overflow-x: hidden; } } .product_comparator_result { display: flex; place-content: center; flex-wrap: wrap; font-family: Milarfont; font-size: 14px; } .boxdescMilar { width: 100%; float: left; background-color: rgb(255, 255, 255); padding-top: 20px; } .boxdescMilar .rowdescMilar .left, .boxdescMilar .rowdescMilar .right { width: 50%; float: left; } .boxdescMilar .left img, .boxdescMilar .right img { width: 100%; height: auto; padding: 5%; } .boxdescMilar .left p, .boxdescMilar .right p { font-size: 16px; line-height: 24px; padding: 0% 5% 5%; font-family: Milarfont; } .boxdescMilar .left li, .boxdescMilar .right li { font-size: 14px; line-height: 24px; padding: 0% 5% 12px; margin-left: 20px; } .boxdescMilar .left li::before, .boxdescMilar .right li::before { content: ""; background-image: url("https://www.milar.es/estaticos/images/Milar/descripciones/check.svg"); background-repeat: no-repeat; height: 22px; position: absolute; width: 20px; opacity: 1; z-index: 0; margin-left: -25px; margin-top: 6px; } .boxdescMilar .rowdescMilar { float: left; } @media (max-width: 600px) { .boxdescMilar .rowdescMilar { display: grid; } .boxdescMilar .rowdescMilar .left, .boxdescMilar .rowdescMilar .right { width: 100%; float: left; } .boxdescMilar .rowdescMilar.par .left { order: 1; } .boxdescMilar .rowdescMilar.par .right { order: 2; } } .fast_delivery p::before { content: ""; background-image: url("https://www.milar.es/estaticos/images/Milar/Time.svg"); background-repeat: no-repeat; height: 20px; position: absolute; width: 20px; opacity: 1; z-index: 0; margin-left: -22px; background-size: 20px auto; margin-top: 1px; } .fast_delivery p { padding-left: 30px; } button.fast_delivery { border: 0px; background: none; cursor: pointer; } .carga-card { width: 250px; padding: 10px; margin: 10px; border-radius: 8px; display: inline-block; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px; } .carga-img { width: 100%; height: 150px; border-radius: 6px; margin-bottom: 10px; background: linear-gradient(90deg, rgb(238, 238, 238) 25%, rgb(221, 221, 221) 50%, rgb(238, 238, 238) 75%) 0% 0% / 200% 100%; animation: 1.5s ease 0s infinite normal none running shimmer; } .carga-text { height: 15px; border-radius: 4px; margin-bottom: 8px; background: linear-gradient(90deg, rgb(238, 238, 238) 25%, rgb(221, 221, 221) 50%, rgb(238, 238, 238) 75%) 0% 0% / 200% 100%; animation: 1.5s ease 0s infinite normal none running shimmer; } .carga-text-lg { width: 80%; } .carga-text.carga-text-lg.title { height: 30px; margin-bottom: 30px; } .carga-text.carga-text-sm.subtitle { height: 30px; margin-bottom: 30px; width: 25%; } .carga-text-sm { width: 50%; } #cargas { min-height: 1000px; position: absolute; margin-top: 0px; z-index: 10000; background: rgb(247, 248, 248); width: 100%; } #cargas.fade-out { opacity: 0; transition: opacity 0.1s; pointer-events: none; } @keyframes shimmer { 0% { background-position: -200% 0px; } 100% { background-position: 200% 0px; } } .our-brands { padding: 0px 0px 0.5rem; } .our-brands .row { overflow: hidden; } .our-brands .item { float: left; margin-top: 5px; margin-right: 5px; border-radius: 10px; } /* ===== Milar/redesign/milar2026-legacy-plp-style.css ===== */ /* Generado por tools/node/css_poda.mjs a partir de 8 páginas (escritorio y móvil): /lavavajillas-cocina.html /lavavajillas-cocina/de-bosch.html /televisores.html?orden=precioAsc /lavadoras-cocina.html /microondas-cocina.html /ordenadores-portatiles.html /freidora-de-aire-cocina.html /cafeteras-capsulas.html NO editar a mano: regenerar. */ *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #ffffff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #ffffff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } *, ::before, ::after { box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 231, 235); } ::before, ::after { --tw-content: ''; } html, :host { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: "Open Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; } body { margin: 0px; line-height: inherit; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } small { font-size: 80%; } button, input, optgroup, select, textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0px; padding: 0px; } button, select { text-transform: none; } button, input:where([type="button"]), input:where([type="reset"]), input:where([type="submit"]) { appearance: button; background-color: transparent; background-image: none; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [type="search"] { appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration { appearance: none; } ::-webkit-file-upload-button { appearance: button; font: inherit; } summary { display: list-item; } blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0px; } fieldset { margin: 0px; padding: 0px; } legend { padding: 0px; } ol, ul, menu { list-style: none; margin: 0px; padding: 0px; } input::placeholder, textarea::placeholder { opacity: 1; color: rgb(156, 163, 175); } button, [role="button"] { cursor: pointer; } :disabled { cursor: default; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } [hidden] { display: none; } [type="text"], input:where(:not([type])), [type="email"], [type="url"], [type="password"], [type="number"], [type="date"], [type="datetime-local"], [type="month"], [type="search"], [type="tel"], [type="time"], [type="week"], [multiple], textarea, select { appearance: none; background-color: rgb(255, 255, 255); border-color: rgb(107, 114, 128); border-width: 1px; border-radius: 0px; padding: 0.5rem 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000; } [type="text"]:focus, input:where(:not([type])):focus, [type="email"]:focus, [type="url"]:focus, [type="password"]:focus, [type="number"]:focus, [type="date"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="week"]:focus, [multiple]:focus, textarea:focus, select:focus { outline: transparent solid 2px; outline-offset: 2px; --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #ffffff; --tw-ring-color: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: rgb(37, 99, 235); } input::placeholder, textarea::placeholder { color: rgb(107, 114, 128); opacity: 1; } ::-webkit-datetime-edit-fields-wrapper { padding: 0px; } ::-webkit-date-and-time-value { min-height: 1.5em; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-top: 0px; padding-bottom: 0px; } select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; print-color-adjust: exact; } [multiple], [size]:where(select:not([size="1"])) { background-image: initial; background-position: initial; background-repeat: unset; background-size: initial; padding-right: 0.75rem; print-color-adjust: unset; } [type="checkbox"], [type="radio"] { appearance: none; padding: 0px; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-color: rgb(107, 114, 128); border-width: 1px; --tw-shadow: 0 0 #0000; } [type="checkbox"] { border-radius: 2px; } [type="radio"] { border-radius: 100%; height: 1.25rem; width: 1.25rem; border-width: 2px; --tw-border-opacity: 1; border-color: rgb(3 7 18 / var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgb(3 7 18 / var(--tw-text-opacity)); } [type="checkbox"]:focus, [type="radio"]:focus { outline: transparent solid 2px; outline-offset: 2px; --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #ffffff; --tw-ring-color: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } [type="checkbox"]:checked, [type="radio"]:checked { border-color: transparent; background-color: currentcolor; background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; } [type="checkbox"]:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); } @media (forced-colors: active) { [type="checkbox"]:checked { appearance: auto; } } [type="radio"]:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); } @media (forced-colors: active) { [type="radio"]:checked { appearance: auto; } } [type="checkbox"]:checked:hover, [type="checkbox"]:checked:focus, [type="radio"]:checked:hover, [type="radio"]:checked:focus { border-color: transparent; background-color: currentcolor; } [type="checkbox"]:indeterminate { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); border-color: transparent; background-color: currentcolor; background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; } @media (forced-colors: active) { [type="checkbox"]:indeterminate { appearance: auto; } } [type="checkbox"]:indeterminate:hover, [type="checkbox"]:indeterminate:focus { border-color: transparent; background-color: currentcolor; } html { --tw-bg-opacity: 1; background-color: rgb(247 248 248 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(3 7 18 / var(--tw-text-opacity)); } body { margin-left: auto; margin-right: auto; width: 100%; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); font-family: "Open Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5rem; --tw-text-opacity: 1; color: rgb(3 7 18 / var(--tw-text-opacity)); -webkit-font-smoothing: antialiased; } @font-face { font-family: "Open Sans"; src: url("../../../../estaticos/fonts/OpenSans-Regular.woff") format("woff"), url("../../../../estaticos/fonts/OpenSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Open Sans"; src: url("../../../../estaticos/fonts/OpenSans-Semibold.woff") format("woff"), url("../../../../estaticos/fonts/OpenSans-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Open Sans"; src: url("../../../../estaticos/fonts/OpenSans-Bold.woff") format("woff"), url("../../../../estaticos/fonts/OpenSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: milar-icons; src: url("../../../../estaticos/fonts/Milar/redesign/milar/milar.woff") format("woff"), url("../../../../estaticos/fonts/Milar/redesign/milar/milar.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } .container { width: 100%; margin-right: auto; margin-left: auto; padding-right: 1rem; padding-left: 1rem; } @media (min-width: 640px) { .container { max-width: 640px; padding-right: 2rem; padding-left: 2rem; } } @media (min-width: 768px) { .container { max-width: 768px; } } @media (min-width: 1024px) { .container { max-width: 1024px; padding-right: 4rem; padding-left: 4rem; } } @media (min-width: 1280px) { .container { max-width: 1280px; padding-right: 4rem; padding-left: 4rem; } } @media (min-width: 1320px) { .container { max-width: 1320px; padding-right: 4rem; padding-left: 4rem; } } .container { max-width: 100%; } @media (min-width: 640px) { .container { max-width: 100%; } } @media (min-width: 768px) { .container { max-width: 100%; } } @media (min-width: 1024px) { .container { max-width: 100%; } } @media (min-width: 1280px) { .container { max-width: 1328px; } } @media (min-width: 1320px) { .container { max-width: 1328px; } } .visible { visibility: visible; } .fixed { position: fixed; } .my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .hidden { display: none; } .justify-evenly { justify-content: space-evenly; } .gap-2 { gap: 0.5rem; } .divide-x > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } .divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } .divide-neutral-800 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(51 61 72 / var(--tw-divide-opacity)); } .text-2xl { font-size: 1.5rem; line-height: 2rem; } .font-bold { font-weight: 700; } .text-black { --tw-text-opacity: 1; color: rgb(3 7 18 / var(--tw-text-opacity)); } .shadow-thin { --tw-shadow: 0px 1px 10px 0px rgb(0, 0, 0, 0.1); --tw-shadow-colored: 0px 1px 10px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .display-flex { display: flex; } .display-hidden { display: none; } footer { position: relative; overflow: hidden; line-height: 1.25rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } footer > * { position: relative; z-index: 1; } footer::before, footer::after { content: url("/estaticos/images/Milar/isotype.svg"); position: absolute; z-index: 0; } footer::before { right: -12rem; top: -7rem; --tw-rotate: 30deg; --tw-scale-x: .75; --tw-scale-y: .75; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @media (min-width: 1024px) { footer::before { right: unset; left: -8rem; top: -6rem; --tw-rotate: -45deg; --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } } footer::after { bottom: -9rem; right: -10rem; display: none; --tw-rotate: 135deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @media (min-width: 1024px) { footer::after { display: block; } } footer .footer-title { display: flex; flex-direction: column; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; letter-spacing: 0.05em; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } footer .footer-title::after { content: ""; margin-top: 0.75rem; margin-bottom: 0.75rem; display: block; height: 0.125rem; width: 2rem; --tw-bg-opacity: 1; background-color: rgb(31 255 76 / var(--tw-bg-opacity)); } footer a { display: inline-block; --tw-text-opacity: 1; color: rgb(212 214 212 / var(--tw-text-opacity)); text-underline-offset: 4px; } footer a:hover { text-decoration-line: underline; } footer .noResp { display: none; } [type="text"], [type="email"], [type="url"], [type="password"], [type="number"], [type="date"], [type="datetime-local"], [type="month"], [type="search"], [type="tel"], [type="time"], [type="week"], [multiple], textarea, select { height: 3rem; border-radius: 0.5rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(3 7 18 / var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgb(0 15 3 / var(--tw-text-opacity)); } [type="text"]::placeholder, [type="email"]::placeholder, [type="url"]::placeholder, [type="password"]::placeholder, [type="number"]::placeholder, [type="date"]::placeholder, [type="datetime-local"]::placeholder, [type="month"]::placeholder, [type="search"]::placeholder, [type="tel"]::placeholder, [type="time"]::placeholder, [type="week"]::placeholder, [multiple]::placeholder, textarea::placeholder, select::placeholder { --tw-placeholder-opacity: 1; color: rgb(102 111 104 / var(--tw-placeholder-opacity)); } [type="text"], [type="email"], [type="url"], [type="password"], [type="number"], [type="date"], [type="datetime-local"], [type="month"], [type="search"], [type="tel"], [type="time"], [type="week"], [multiple], textarea, select { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } [type="text"]:focus, [type="email"]:focus, [type="url"]:focus, [type="password"]:focus, [type="number"]:focus, [type="date"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="week"]:focus, [multiple]:focus, textarea:focus, select:focus { --tw-border-opacity: 1; border-color: rgb(0 112 23 / var(--tw-border-opacity)); --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: none; } [type="text"], [type="email"], [type="url"], [type="password"], [type="number"], [type="date"], [type="datetime-local"], [type="month"], [type="search"], [type="tel"], [type="time"], [type="week"] { border: 1.5px solid rgb(64, 73, 83); } .breadcrumb { padding-top: 1rem; padding-bottom: 1rem; } @media (min-width: 1024px) { .breadcrumb { display: block; padding-bottom: 2rem; padding-top: 1rem; } } .breadcrumb a { display: none; padding-right: 0.5rem; font-size: 0.8rem; line-height: 1.25rem; text-decoration-line: underline; } .breadcrumb a:last-child { padding-right: 0px; } .breadcrumb a:hover { text-decoration-line: none; } @media (min-width: 1024px) { .breadcrumb a { display: inline; font-weight: 700; line-height: 1.5rem; } } .breadcrumb a.breadlast { display: inline; } .breadcrumb a.breadlast::before { content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy4wODkxIDQuNDEwODNDMTMuNDE0NSA0LjczNjI2IDEzLjQxNDUgNS4yNjM5IDEzLjA4OTEgNS41ODkzNEw4LjY3ODM1IDEwLjAwMDFMMTMuMDg5MSAxNC40MTA4QzEzLjQxNDUgMTQuNzM2MyAxMy40MTQ1IDE1LjI2MzkgMTMuMDg5MSAxNS41ODkzQzEyLjc2MzcgMTUuOTE0OCAxMi4yMzYgMTUuOTE0OCAxMS45MTA2IDE1LjU4OTNMNi45MTA1OCAxMC41ODkzQzYuNTg1MTQgMTAuMjYzOSA2LjU4NTE0IDkuNzM2MjYgNi45MTA1OCA5LjQxMDgzTDExLjkxMDYgNC40MTA4M0MxMi4yMzYgNC4wODUzOSAxMi43NjM3IDQuMDg1MzkgMTMuMDg5MSA0LjQxMDgzWiIgZmlsbD0iIzQwNDk1MyIvPgo8L3N2Zz4K"); margin-right: 0.5rem; display: inline-block; vertical-align: bottom; height: 1.25rem; width: 1.25rem; font-size: 1.25rem; line-height: 1.75rem; } @media (min-width: 1024px) { .breadcrumb a.breadlast::before { display: none; } } .breadcrumb a::after { content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjgyOTUgNC40NTQ1QzguMjY4ODQgNC4wMTUxNyA4Ljk4MTE2IDQuMDE1MTcgOS40MjA1IDQuNDU0NUwxNi4xNzA1IDExLjIwNDVDMTYuNjA5OCAxMS42NDM4IDE2LjYwOTggMTIuMzU2MiAxNi4xNzA1IDEyLjc5NTVMOS40MjA1IDE5LjU0NTVDOC45ODExNiAxOS45ODQ4IDguMjY4ODQgMTkuOTg0OCA3LjgyOTUgMTkuNTQ1NUM3LjM5MDE3IDE5LjEwNjIgNy4zOTAxNyAxOC4zOTM4IDcuODI5NSAxNy45NTQ1TDEzLjc4NCAxMkw3LjgyOTUgNi4wNDU1QzcuMzkwMTcgNS42MDYxNiA3LjM5MDE3IDQuODkzODQgNy44Mjk1IDQuNDU0NVoiIGZpbGw9IiM0MDQ5NTMiLz4KPC9zdmc+Cg=="); margin-left: 0.5rem; display: none; vertical-align: bottom; height: 1.5rem; width: 1.5rem; font-size: 1.5rem; line-height: 2rem; } @media (min-width: 1024px) { .breadcrumb a::after { display: inline-block; } } .breadcrumb a:last-child, .breadcrumb span:last-child { font-size: 0.8rem; font-weight: 400; text-decoration-line: none; } .breadcrumb a:last-child::after, .breadcrumb span:last-child::after { content: none; } .breadcrumb .breadseparator { display: none; } .breadcrumb .breadseparator + * { display: none; } @media (min-width: 1024px) { .breadcrumb .breadseparator + * { display: inline; } } .icon { font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-family: milar-icons !important; line-height: 1 !important; } .icon-location::before { content: ""; } @media (min-width: 768px) { .md\:divide-y-0 > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(0px * var(--tw-divide-y-reverse)); } .md\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; } } .filtros-lateral.openFiltro.responsive { position: relative; } #filtersBadgeMobile { display: none; } @media (max-width: 768px) { #filtersBadgeMobile { position: absolute; top: 0px; left: 45px; min-width: 18px; font-size: 12px; line-height: 4px; font-weight: 700; background: rgb(225, 29, 72); align-items: center; justify-content: center; border: 2px solid rgb(255, 255, 255); border-radius: 25px; color: rgb(255, 255, 255); height: 23px !important; padding: 8px 6px !important; } } .filters-badge:empty { display: none !important; } .filters-badge[hidden] { display: none !important; } .send24h { display: inline-flex; flex-flow: row; align-items: center; gap: 5px; font-weight: 900; } .milar-plpZipBanner__wrap { max-width: 100%; margin: 0px auto; display: inline-flex; align-items: center; place-content: center; gap: 24px; border-radius: 8px; padding: 5px 28px; box-shadow: rgba(0, 0, 135, 0.1) 0px 0px 10px 1px; border: 1px solid rgb(213, 213, 213); background: radial-gradient(rgb(254, 254, 254) 0%, rgb(254, 254, 254) 45%, rgb(197, 222, 153) 100%); width: 100%; flex-flow: row; min-height: 100px; } .milar-plpZipBanner__icon p { color: rgb(0, 0, 0); font-size: 14px; max-width: 300px; line-height: 16px; font-weight: 500; } .filtros_summarized { display: inline-block; } .nearest-store-info { position: relative; max-width: none; width: 100%; border: 1px solid rgb(226, 226, 226); border-radius: 10px; overflow: hidden; background: rgb(255, 255, 255); font-family: inherit; margin-top: 40px; } .nearest-store-info__image-wrap { position: absolute; inset: 0px; } .nearest-store-info__img { width: 100%; height: 100%; object-fit: cover; display: block; } .nearest-store-info__status { font-size: 10px; font-weight: 700; padding: 3px 7px; border-radius: 20px; line-height: 1; background: rgb(255, 255, 255); border: 1px solid rgb(46, 139, 61); color: rgb(30, 107, 43); } .nearest-store-info__status--closed { border-color: rgb(192, 57, 43); color: rgb(165, 48, 31); } .nearest-store-info__links { display: flex; gap: 6px; padding: 0px 10px 8px; } .nearest-store-info__link { flex: 1 1 0%; display: flex; align-items: center; justify-content: center; gap: 4px; height: 34px; border-radius: 8px; font-size: 11px; font-weight: 600; text-decoration: none; white-space: nowrap; } .nearest-store-info__link--whatsapp { background: rgb(122, 193, 66); color: rgb(22, 51, 10); } .nearest-store-info__link--directions { background: rgb(26, 36, 49); color: rgb(255, 255, 255); } .nearest-store-info__link--phone { background: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); color: rgb(26, 36, 49); } .ui-slider { position: relative; text-align: left; width: 93%; height: 15px; appearance: none; border-radius: 5px; background: rgb(211, 211, 211); outline: none; opacity: 0.7; transition: opacity 0.02s; margin: 15px 5px; } .ui-slider:hover { opacity: 1; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 18px; height: 18px; border-radius: 50%; border: 3px solid rgb(0, 0, 0); background: white; cursor: default; top: -2px; margin-left: -10px; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: 0.7em; display: block; border: 0px; background: 0px 0px rgb(0, 138, 28); height: 7px; border-radius: 20px; margin-top: 4px; } #defaultZipCodeContent { --zip-ink: #111111; --zip-muted: #4b5563; --zip-border: #d1d5db; --zip-selected-border: #111111; --zip-selected-bg: #f7fee7; --zip-badge-bg: #d9f99d; --zip-alert-bg: #fff4df; --zip-alert-border: #f0c77a; --zip-alert-ink: #5c3800; } #defaultZipCodeContent .zip-step2-only { display: none; } #defaultZipCodeContent.is-store-step .zip-step2-only { display: flex; } #defaultZipCodeContent.is-store-step .zip-step1-only { display: none !important; } .zip-store-picker { display: flex; flex-direction: column; gap: 16px; margin-top: 4px; } .zip-store-picker[hidden] { display: none; } .zip-store-picker__alert { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; background: var(--zip-alert-bg); border: 1px solid var(--zip-alert-border); border-radius: 10px; color: var(--zip-alert-ink); font-size: 14px; line-height: 1.4; } .zip-store-picker__alert-icon { flex-shrink: 0; margin-top: 1px; } .zip-store-picker__list { border: 0px; margin: 0px; padding: 0px; min-width: 0px; } .zip-store-picker__legend { padding: 0px; margin-bottom: 10px; font-size: 13px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--zip-muted); } .zip-store-picker__options { display: flex; flex-direction: column; gap: 10px; } .zip-store-picker__actions { position: sticky; bottom: 0px; display: flex; flex-direction: column; gap: 8px; padding: 12px 0px 8px; background: rgb(255, 255, 255); } .zip-store-picker__hint { font-size: 13px; color: var(--zip-muted); text-align: center; } .zip-store-toast { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 60; display: flex; align-items: center; gap: 12px; max-width: 520px; padding: 14px 16px; background: rgb(17, 17, 17); color: rgb(255, 255, 255); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.25) 0px 12px 32px; font-size: 14px; line-height: 1.4; } .zip-store-toast[hidden] { display: none; } .zip-store-toast span { flex-grow: 1; } .zip-store-toast__action { flex-shrink: 0; min-height: 44px; padding: 0px 14px; border: 2px solid rgb(217, 249, 157); border-radius: 10px; background: transparent; color: rgb(217, 249, 157); font-weight: 700; cursor: pointer; } @media (min-width: 1024px) { .zip-store-toast { left: 24px; right: auto; bottom: 24px; } }