/* 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; }
}