.elementor-6305 .elementor-element.elementor-element-266805a0{--display:flex;--min-height:300px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:5%;--padding-bottom:5%;--padding-left:8%;--padding-right:8%;}.elementor-6305 .elementor-element.elementor-element-6928d8d1{text-align:center;}.elementor-6305 .elementor-element.elementor-element-6928d8d1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:65px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0em;color:#1C244B;}.elementor-6305 .elementor-element.elementor-element-49de70a7{text-align:center;}.elementor-6305 .elementor-element.elementor-element-49de70a7 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;word-spacing:0em;color:#324A6D;}.elementor-6305 .elementor-element.elementor-element-273a831c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;}.elementor-6305 .elementor-element.elementor-element-7bfa3919.elementor-wc-products ul.products li.product{text-align:left;}.elementor-6305 .elementor-element.elementor-element-7bfa3919.elementor-wc-products ul.products{grid-column-gap:10px;grid-row-gap:140px;}.elementor-6305 .elementor-element.elementor-element-7bfa3919.elementor-wc-products .attachment-woocommerce_thumbnail{margin-bottom:8px;}.elementor-6305 .elementor-element.elementor-element-7bfa3919.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#1C244B;}.elementor-6305 .elementor-element.elementor-element-7bfa3919.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#1C244B;}.elementor-6305 .elementor-element.elementor-element-7bfa3919.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-6305 .elementor-element.elementor-element-7bfa3919.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;}.elementor-6305 .elementor-element.elementor-element-7bfa3919.elementor-wc-products ul.products li.product .price{color:#1C244B;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;word-spacing:0em;}.elementor-6305 .elementor-element.elementor-element-7bfa3919.elementor-wc-products ul.products li.product .price ins{color:#1C244B;}.elementor-6305 .elementor-element.elementor-element-7bfa3919.elementor-wc-products ul.products li.product .price ins .amount{color:#1C244B;}.elementor-6305 .elementor-element.elementor-element-7bfa3919.elementor-wc-products ul.products li.product .price del{color:#1C244B;}.elementor-6305 .elementor-element.elementor-element-7bfa3919.elementor-wc-products ul.products li.product .price del .amount{color:#1C244B;}.elementor-6305 .elementor-element.elementor-element-7bfa3919.elementor-wc-products ul.products li.product .price del {font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:line-through;line-height:1.5em;letter-spacing:0px;word-spacing:0em;}.elementor-6305 .elementor-element.elementor-element-7bfa3919.elementor-wc-products ul.products li.product .button{color:#1C244B;background-color:#02010100;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:italic;text-decoration:underline;line-height:1em;letter-spacing:0px;padding:0px 0px 0px 0px;margin-top:0px;}.elementor-6305 .elementor-element.elementor-element-7bfa3919.elementor-wc-products .added_to_cart{color:#1C244B;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0em;}.elementor-6305 .elementor-element.elementor-element-7bfa3919 nav.woocommerce-pagination{margin-top:50px;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0em;}.elementor-6305 .elementor-element.elementor-element-7bfa3919 nav.woocommerce-pagination ul{border-color:#467FF7;}.elementor-6305 .elementor-element.elementor-element-7bfa3919 nav.woocommerce-pagination ul li{border-right-color:#467FF7;border-left-color:#467FF7;}.elementor-6305 .elementor-element.elementor-element-7bfa3919 nav.woocommerce-pagination ul li a, .elementor-6305 .elementor-element.elementor-element-7bfa3919 nav.woocommerce-pagination ul li span{padding:14px;}.elementor-6305 .elementor-element.elementor-element-7bfa3919 nav.woocommerce-pagination ul li a{color:#1C244B;background-color:#02010100;}.elementor-6305 .elementor-element.elementor-element-7bfa3919 nav.woocommerce-pagination ul li a:hover{color:#1C244B;background-color:#F3F5F8;}.elementor-6305 .elementor-element.elementor-element-7bfa3919 nav.woocommerce-pagination ul li span.current{color:#FFFFFF;background-color:#467FF7;}.elementor-6305 .elementor-element.elementor-element-7bfa3919.elementor-wc-products ul.products li.product span.onsale{display:block;color:#FFFFFF;background-color:#467FF7;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:30px;letter-spacing:0px;border-radius:0px;min-width:80px;min-height:30px;right:auto;left:0;margin:0px;}@media(max-width:1024px){.elementor-6305 .elementor-element.elementor-element-266805a0{--padding-top:10%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}.elementor-6305 .elementor-element.elementor-element-6928d8d1 .elementor-heading-title{font-size:45px;}.elementor-6305 .elementor-element.elementor-element-49de70a7 .elementor-heading-title{font-size:14px;}.elementor-6305 .elementor-element.elementor-element-273a831c{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-6305 .elementor-element.elementor-element-7bfa3919.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-6305 .elementor-element.elementor-element-7bfa3919.elementor-wc-products ul.products li.product .price{font-size:14px;}.elementor-6305 .elementor-element.elementor-element-7bfa3919.elementor-wc-products ul.products li.product .button{font-size:14px;}.elementor-6305 .elementor-element.elementor-element-7bfa3919.elementor-wc-products .added_to_cart{font-size:14px;}.elementor-6305 .elementor-element.elementor-element-7bfa3919 nav.woocommerce-pagination{font-size:14px;}.elementor-6305 .elementor-element.elementor-element-7bfa3919.elementor-wc-products ul.products li.product span.onsale{font-size:14px;line-height:2em;}}@media(min-width:768px){.elementor-6305 .elementor-element.elementor-element-266805a0{--content-width:1650px;}.elementor-6305 .elementor-element.elementor-element-273a831c{--content-width:1650px;}}@media(max-width:767px){.elementor-6305 .elementor-element.elementor-element-266805a0{--min-height:0px;--padding-top:15%;--padding-bottom:15%;--padding-left:5%;--padding-right:5%;}.elementor-6305 .elementor-element.elementor-element-6928d8d1 .elementor-heading-title{font-size:28px;line-height:1.1em;}.elementor-6305 .elementor-element.elementor-element-7bfa3919{width:100%;max-width:100%;}.elementor-6305 .elementor-element.elementor-element-7bfa3919.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-6305 .elementor-element.elementor-element-7bfa3919.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-6305 .elementor-element.elementor-element-7bfa3919.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:18px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-7bfa3919 *//* ===================================================================== 85lighting — Página "Tienda" · Tarjetas de categoría de producto Rediseño monocromo · número + icono / título / descripción / CTA Mismos colores, acabado más fino y limpio. ACTUALIZACIÓN: - Añadidas las categorías "Módulos y Lámparas LED" y "Downlight" (bloque 9) que faltaban. - Nuevo bloque 9b: orden y numeración fijos por categoría, para reordenar las tarjetas solo con CSS sin tocar WooCommerce. ===================================================================== */ /* --------------------------------------------------------------------- 0. VARIABLES DE COLOR (mismos tonos, centralizados para tocar 1 vez) --------------------------------------------------------------------- */ :root { --cat-line: #e4e4e4; /* bordes de la rejilla */ --cat-line-soft: #ededed; /* separador del CTA */ --cat-num: #d7d7d7; /* número en reposo */ --cat-num-hover: #1a1a1a; /* número al pasar el ratón */ --cat-title: #111; --cat-desc: #6e6e6e; --cat-cta: #9b9b9b; --cat-cta-hover: #111; --cat-surface: #fff; --cat-surface-h: #fafafa; /* fondo de tarjeta en hover */ --cat-pill-bg: #f1f1f1; --cat-pill-txt: #8a8a8a; } /* --------------------------------------------------------------------- 1. OCULTAR "SIN CATEGORIZAR" --------------------------------------------------------------------- */ li.product-category:has(a[href*="/categoria-producto/sin-categorizar/"]), li.product-category:has(a[href*="/categoria-producto/uncategorized/"]), li.product-category:has(a[href*="/product-category/uncategorized/"]) { display: none !important; } /* --------------------------------------------------------------------- 2. REJILLA — 3 columnas con bordes compartidos --------------------------------------------------------------------- */ ul.products.elementor-grid { counter-reset: cat-counter; display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 0 !important; margin: 0 !important; padding: 0 !important; list-style: none !important; border-top: 1px solid var(--cat-line); border-left: 1px solid var(--cat-line); } /* Evita que el clearfix del tema cree celdas fantasma en el grid */ ul.products.elementor-grid::before, ul.products.elementor-grid::after { display: none !important; content: none !important; } ul.products li.product-category { counter-increment: cat-counter; margin: 0 !important; padding: 0 !important; list-style: none !important; border-right: 1px solid var(--cat-line); border-bottom: 1px solid var(--cat-line); } /* --------------------------------------------------------------------- 3. TARJETA — grid interno (número/icono · título · descripción · CTA) --------------------------------------------------------------------- */ ul.products li.product-category > a { position: relative; display: grid !important; grid-template-areas: "number icon" "title title" "desc desc" "cta cta"; grid-template-columns: 1fr auto; grid-template-rows: 52px auto 1fr auto; align-items: start; height: 100%; min-height: 234px; padding: 26px 26px 22px; background: var(--cat-surface); text-decoration: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; transition: background .25s ease, box-shadow .25s ease; } ul.products li.product-category > a:hover, ul.products li.product-category > a:focus-visible { background: var(--cat-surface-h); /* fina franja superior de acento (sigue siendo monocromo) */ box-shadow: inset 0 2px 0 0 var(--cat-num-hover) !important; transform: none !important; outline: none; } /* --------------------------------------------------------------------- 4. NÚMERO — grande, arriba izquierda --------------------------------------------------------------------- */ ul.products li.product-category > a::before { content: counter(cat-counter, decimal-leading-zero); grid-area: number; align-self: center; font-size: 2.5rem; font-weight: 700; line-height: 1; letter-spacing: -.03em; color: var(--cat-num); transition: color .25s ease; } ul.products li.product-category > a:hover::before { color: var(--cat-num-hover); } /* --------------------------------------------------------------------- 5. ICONO — arriba derecha, tamaño fijo --------------------------------------------------------------------- */ ul.products li.product-category > a > img { grid-area: icon; align-self: center; justify-self: end; width: 46px !important; height: 46px !important; max-width: none !important; margin: 0 !important; object-fit: contain; background: transparent !important; filter: grayscale(100%) opacity(.5); transition: transform .25s ease, filter .25s ease; } ul.products li.product-category > a:hover > img { transform: scale(1.1); filter: grayscale(100%) opacity(.85); } /* --------------------------------------------------------------------- 6. TÍTULO --------------------------------------------------------------------- */ ul.products li.product-category h2.woocommerce-loop-category__title { grid-area: title; display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px; margin: 18px 0 10px !important; font-size: .92rem; font-weight: 700; line-height: 1.3; letter-spacing: .04em; text-transform: uppercase; color: var(--cat-title); } /* Contador de productos — pastilla discreta */ ul.products li.product-category h2.woocommerce-loop-category__title mark.count { display: inline-flex; align-items: center; justify-content: center; min-width: 22px; padding: 1px 8px; font-size: .68rem; font-weight: 600; line-height: 1.5; letter-spacing: .02em; color: var(--cat-pill-txt); background: var(--cat-pill-bg); border-radius: 999px; } /* --------------------------------------------------------------------- 7. DESCRIPCIÓN — estilo base --------------------------------------------------------------------- IMPORTANTE: esta regla SOLO pone estilo. El "content" real lo pone cada categoría en el bloque 9. Si una categoría no tiene su propia regla con "content" en el bloque 9, este ::after no se generará (sin content, no hay pseudo-elemento), y la tarjeta se queda sin descripción. Por eso TODAS las categorías deben tener su bloque 9. --------------------------------------------------------------------- */ ul.products li.product-category h2.woocommerce-loop-category__title::after { grid-area: desc; display: block; width: 100%; margin-top: 4px; font-size: .83rem; font-weight: 400; line-height: 1.6; letter-spacing: 0; text-transform: none; color: var(--cat-desc); } /* --------------------------------------------------------------------- 8. CTA "VER CATEGORÍA" --------------------------------------------------------------------- */ ul.products li.product-category > a::after { content: "Ver categoría \2192"; /* \2192 = flecha → */ grid-area: cta; align-self: end; margin-top: 20px; padding-top: 15px; border-top: 1px solid var(--cat-line-soft); font-size: .68rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--cat-cta); transition: color .25s ease; } ul.products li.product-category > a:hover::after { color: var(--cat-cta-hover); } /* --------------------------------------------------------------------- 9. ICONOS + DESCRIPCIONES POR CATEGORÍA (cada bloque: icono que reemplaza el placeholder + texto descriptivo) FIX aplicado: el content del ::after de cada categoría ahora se declara con !important para garantizar que se aplica siempre, sin importar el orden final en que el navegador / WordPress sirva las reglas CSS combinadas. --------------------------------------------------------------------- */ /* Alumbrado Público */ li.product-category:has(a[href*="/categoria-producto/alumbrado-publico/"]) img { content: url("https://staging.85lighting.com/wp-content/uploads/quirky-drawing-lamppost-260nw-50667943-e1737704512588.webp") !important; } li.product-category:has(a[href*="/categoria-producto/alumbrado-publico/"]) h2.woocommerce-loop-category__title::after { content: "Iluminación urbana eficiente para vías, plazas y espacios públicos." !important; display: block !important; } /* Apliques y Plafones */ li.product-category:has(a[href*="/categoria-producto/apliques-y-plafones/"]) img { content: url("https://staging.85lighting.com/wp-content/uploads/2024/06/iconossvg-02.svg") !important; } li.product-category:has(a[href*="/categoria-producto/apliques-y-plafones/"]) h2.woocommerce-loop-category__title::after { content: "Estilo y funcionalidad en iluminación decorativa para cada rincón." !important; display: block !important; } /* Carriles */ li.product-category:has(a[href*="/categoria-producto/carriles/"]) img { content: url("https://staging.85lighting.com/wp-content/uploads/2024/06/iconossvg-04.svg") !important; } li.product-category:has(a[href*="/categoria-producto/carriles/"]) h2.woocommerce-loop-category__title::after { content: "Soluciones versátiles para iluminación dinámica y adaptable." !important; display: block !important; } /* Deportivo */ li.product-category:has(a[href*="/categoria-producto/deportivo/"]) img { content: url("https://staging.85lighting.com/wp-content/uploads/2024/06/iconossvg-09.svg") !important; } li.product-category:has(a[href*="/categoria-producto/deportivo/"]) h2.woocommerce-loop-category__title::after { content: "Iluminación potente y uniforme para rendimiento y seguridad." !important; display: block !important; } /* Emergencias */ li.product-category:has(a[href*="/categoria-producto/emergencias/"]) img { content: url("https://staging.85lighting.com/wp-content/uploads/2024/06/Iconos-11.svg") !important; } li.product-category:has(a[href*="/categoria-producto/emergencias/"]) h2.woocommerce-loop-category__title::after { content: "Iluminación de emergencia fiable para evacuación y seguridad." !important; display: block !important; } /* Exterior */ li.product-category:has(a[href*="/categoria-producto/exterior/"]) img { content: url("https://staging.85lighting.com/wp-content/uploads/2024/06/iconossvg-01.svg") !important; } li.product-category:has(a[href*="/categoria-producto/exterior/"]) h2.woocommerce-loop-category__title::after { content: "Soluciones duraderas para iluminar y embellecer exteriores." !important; display: block !important; } /* Hospitales */ li.product-category:has(a[href*="/categoria-producto/hospitales/"]) img { content: url("https://staging.85lighting.com/wp-content/uploads/2024/06/iconossvg-03.svg") !important; } li.product-category:has(a[href*="/categoria-producto/hospitales/"]) h2.woocommerce-loop-category__title::after { content: "Luz especializada para hospitales: cuidados y confort." !important; display: block !important; } /* Industrial */ li.product-category:has(a[href*="/categoria-producto/industrial/"]) img { content: url("https://staging.85lighting.com/wp-content/uploads/2024/06/iconossvg-08.svg") !important; } li.product-category:has(a[href*="/categoria-producto/industrial/"]) h2.woocommerce-loop-category__title::after { content: "Robustez y eficiencia en iluminación para entornos exigentes." !important; display: block !important; } /* Oficinas */ li.product-category:has(a[href*="/categoria-producto/oficinas/"]) img { content: url("https://staging.85lighting.com/wp-content/uploads/2024/06/iconossvg-06.svg") !important; } li.product-category:has(a[href*="/categoria-producto/oficinas/"]) h2.woocommerce-loop-category__title::after { content: "Iluminación eficiente que potencia productividad y confort." !important; display: block !important; } /* Sistemas de Control ⚠ El icono es TEMPORAL (iconossvg-10, que no usa ninguna otra categoría visible). Sube un SVG propio de "control/automatización" y cambia la URL. */ li.product-category:has(a[href*="/categoria-producto/sistemas-de-control/"]) img { content: url("https://staging.85lighting.com/wp-content/uploads/2024/06/iconossvg-10.svg") !important; } li.product-category:has(a[href*="/categoria-producto/sistemas-de-control/"]) h2.woocommerce-loop-category__title::after { content: "Gestión inteligente de la luz: control, automatización y eficiencia." !important; display: block !important; } /* Spot */ li.product-category:has(a[href*="/categoria-producto/spot/"]) img { content: url("https://staging.85lighting.com/wp-content/uploads/2024/06/iconossvg-07.svg") !important; } li.product-category:has(a[href*="/categoria-producto/spot/"]) h2.woocommerce-loop-category__title::after { content: "Luz focalizada que realza detalles y ambientes." !important; display: block !important; } /* Tiras LED y Perfilería */ li.product-category:has(a[href*="/categoria-producto/tiras-led-y-perfileria/"]) img { content: url("https://staging.85lighting.com/wp-content/uploads/2024/06/iconossvg-05.svg") !important; } li.product-category:has(a[href*="/categoria-producto/tiras-led-y-perfileria/"]) h2.woocommerce-loop-category__title::after { content: "Iluminación flexible y moderna para espacios únicos." !important; display: block !important; } /* ----- CATEGORÍAS NUEVAS -------------------------------------------- */ /* Módulos y Lámparas LED ⚠ Icono PENDIENTE: sube un SVG propio (p. ej. iconossvg-modulos.svg) y deja aquí su URL. Hasta entonces el hueco del icono quedará vacío. Verifica que el slug real sea "modulos-y-lamparas-led". */ li.product-category:has(a[href*="/categoria-producto/modulos-y-lamparas-led/"]) img { content: url("https://staging.85lighting.com/wp-content/uploads/modulos.svg") !important; } li.product-category:has(a[href*="/categoria-producto/modulos-y-lamparas-led/"]) h2.woocommerce-loop-category__title::after { content: "Módulos y lámparas LED intercambiables de alto rendimiento y color fiel." !important; display: block !important; } /* Downlight */ li.product-category:has(a[href*="/categoria-producto/downlight/"]) img { content: url("https://staging.85lighting.com/wp-content/uploads/downlight.svg") !important; } li.product-category:has(a[href*="/categoria-producto/downlight/"]) h2.woocommerce-loop-category__title::after { content: "Empotrables y de superficie para una luz uniforme en cualquier techo." !important; display: block !important; } /* --------------------------------------------------------------------- 9b. ORDEN Y NUMERACIÓN POR CATEGORÍA --------------------------------------------------------------------- Reordena las tarjetas SOLO con CSS (sin tocar WooCommerce) mediante la propiedad `order` del grid. Como `order` cambia el orden VISUAL pero el contador del bloque 4 numera según el orden del DOM, aquí se fija TAMBIÉN el número de cada tarjeta para que coincida con el nuevo orden. Orden deseado: 01 Apliques y Plafones 08 Hospitales 02 Tiras LED y Perfilería 09 Industrial 03 Spot 10 Deportivo 04 Módulos y Lámparas LED 11 Exterior 05 Downlight 12 Emergencias 06 Carriles 13 Alumbrado Público 07 Oficinas 14 Sistemas de Control NOTA: si una categoría aún no existe/no tiene productos, WooCommerce no la mostrará y su número se "saltará" hasta que se importe. --------------------------------------------------------------------- */ /* 01 — Apliques y Plafones */ li.product-category:has(a[href*="/categoria-producto/apliques-y-plafones/"]) { order: 1 !important; } li.product-category:has(a[href*="/categoria-producto/apliques-y-plafones/"]) > a::before { content: "01" !important; } /* 02 — Tiras LED y Perfilería */ li.product-category:has(a[href*="/categoria-producto/tiras-led-y-perfileria/"]) { order: 2 !important; } li.product-category:has(a[href*="/categoria-producto/tiras-led-y-perfileria/"]) > a::before { content: "02" !important; } /* 03 — Spot */ li.product-category:has(a[href*="/categoria-producto/spot/"]) { order: 3 !important; } li.product-category:has(a[href*="/categoria-producto/spot/"]) > a::before { content: "03" !important; } /* 04 — Módulos y Lámparas LED */ li.product-category:has(a[href*="/categoria-producto/modulos-y-lamparas-led/"]) { order: 4 !important; } li.product-category:has(a[href*="/categoria-producto/modulos-y-lamparas-led/"]) > a::before { content: "04" !important; } /* 05 — Downlight */ li.product-category:has(a[href*="/categoria-producto/downlight/"]) { order: 5 !important; } li.product-category:has(a[href*="/categoria-producto/downlight/"]) > a::before { content: "05" !important; } /* 06 — Carriles */ li.product-category:has(a[href*="/categoria-producto/carriles/"]) { order: 6 !important; } li.product-category:has(a[href*="/categoria-producto/carriles/"]) > a::before { content: "06" !important; } /* 07 — Oficinas */ li.product-category:has(a[href*="/categoria-producto/oficinas/"]) { order: 7 !important; } li.product-category:has(a[href*="/categoria-producto/oficinas/"]) > a::before { content: "07" !important; } /* 08 — Hospitales */ li.product-category:has(a[href*="/categoria-producto/hospitales/"]) { order: 8 !important; } li.product-category:has(a[href*="/categoria-producto/hospitales/"]) > a::before { content: "08" !important; } /* 09 — Industrial */ li.product-category:has(a[href*="/categoria-producto/industrial/"]) { order: 9 !important; } li.product-category:has(a[href*="/categoria-producto/industrial/"]) > a::before { content: "09" !important; } /* 10 — Deportivo */ li.product-category:has(a[href*="/categoria-producto/deportivo/"]) { order: 10 !important; } li.product-category:has(a[href*="/categoria-producto/deportivo/"]) > a::before { content: "10" !important; } /* 11 — Exterior */ li.product-category:has(a[href*="/categoria-producto/exterior/"]) { order: 11 !important; } li.product-category:has(a[href*="/categoria-producto/exterior/"]) > a::before { content: "11" !important; } /* 12 — Emergencias */ li.product-category:has(a[href*="/categoria-producto/emergencias/"]) { order: 12 !important; } li.product-category:has(a[href*="/categoria-producto/emergencias/"]) > a::before { content: "12" !important; } /* 13 — Alumbrado Público */ li.product-category:has(a[href*="/categoria-producto/alumbrado-publico/"]) { order: 13 !important; } li.product-category:has(a[href*="/categoria-producto/alumbrado-publico/"]) > a::before { content: "13" !important; } /* 14 — Sistemas de Control */ li.product-category:has(a[href*="/categoria-producto/sistemas-de-control/"]) { order: 14 !important; } li.product-category:has(a[href*="/categoria-producto/sistemas-de-control/"]) > a::before { content: "14" !important; } /* --------------------------------------------------------------------- 10. RESPONSIVE --------------------------------------------------------------------- */ @media (max-width: 980px) { ul.products.elementor-grid { grid-template-columns: repeat(2, 1fr) !important; } } @media (max-width: 560px) { ul.products.elementor-grid { grid-template-columns: 1fr !important; } ul.products li.product-category > a { min-height: 168px; padding: 22px 20px 20px; grid-template-rows: 44px auto 1fr auto; } ul.products li.product-category > a::before { font-size: 2rem; } ul.products li.product-category > a > img { width: 38px !important; height: 38px !important; } /* la descripción se mantiene visible pero más compacta */ ul.products li.product-category h2.woocommerce-loop-category__title::after { font-size: .8rem; } }/* End custom CSS */