/* 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. */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300;700&display=swap");
.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; }