/* Santa Catalina — Tienda (archive Woo / Blocksy con estilo del demo .ti-*) */ /* ====== fondo blanco general en tienda / categorías ====== */ body.woocommerce-shop, body.post-type-archive-product, body.tax-product_cat, body.tax-product_tag, body.woocommerce-shop #main-container, body.post-type-archive-product #main-container, body.tax-product_cat #main-container, body.tax-product_tag #main-container, body.woocommerce-shop .site-main, body.post-type-archive-product .site-main, body.tax-product_cat .site-main{ background:#fff !important; } /* ====== layout 2 columnas ====== */ #sc-shoprow{ max-width:1200px;margin:0 auto !important;padding:30px 28px 20px !important;background:#fff; } #sc-shoprow > .e-con-inner{ display:grid !important;grid-template-columns:238px minmax(0,1fr); gap:44px;align-items:start !important; } #sc-shoprow .e-con-inner > .elementor-element{ min-width:0;align-self:start;width:100% !important; } @media(max-width:900px){ #sc-shoprow{ padding:20px 18px 10px !important; } #sc-shoprow > .e-con-inner{ grid-template-columns:1fr;gap:0; } #sc-shoprow .elementor-element-arflt1{ display:none; } } /* ====== sidebar (sticky, no se va con el scroll) ====== */ #sc-shoprow .elementor-element-arflt1{ position:sticky;top:96px;align-self:start; } form.ti-side{ display:flex;flex-direction:column; } .ti-side__clearrow{ padding-bottom:16px;border-bottom:1px solid var(--linea-2,#EFE6E0); } .ti-side__clear{ display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--guinda,#7B0A0C);border:1px solid var(--linea,#E7DAD2);border-radius:999px;padding:8px 16px;text-decoration:none; } .ti-side__clear:hover{ background:var(--crema,#F9F0EC); } .ti-side__block{ padding-block:20px;border-bottom:1px solid var(--linea-2,#EFE6E0); } .ti-side__block:first-of-type{ padding-top:0; } .ti-side__h{ font-family:var(--font-display,'Bebas Neue',sans-serif);font-size:19px;line-height:1;letter-spacing:.03em;color:var(--guinda,#7B0A0C);margin:0 0 14px;text-transform:uppercase; } .ti-side__list{ display:flex;flex-direction:column;gap:1px; } .ti-opt{ display:flex;align-items:center;gap:10px;padding:7px 4px;font-size:14px;color:var(--fg2,#6b5b52);cursor:pointer;border-radius:8px;user-select:none; } .ti-opt:hover{ color:var(--guinda,#7B0A0C); } .ti-opt__box{ width:17px;height:17px;flex:0 0 auto;border:1.5px solid var(--linea,#E7DAD2);border-radius:5px;background:#fff;display:grid;place-items:center;font-size:10px;color:transparent;line-height:1; } .ti-opt.is-on .ti-opt__box{ background:var(--guinda,#7B0A0C);border-color:var(--guinda,#7B0A0C);color:#fff; } .ti-opt.is-on{ color:var(--tinta,#2B1D1A);font-weight:700; } .ti-opt__count{ margin-left:auto;font-size:12px;color:var(--tinta-3,#9a8a83); } .ti-opt input{ position:absolute;opacity:0;pointer-events:none; } .ti-colors{ display:flex;flex-wrap:wrap;gap:8px; } .ti-color{ width:24px;height:24px;border-radius:50%;cursor:pointer;border:1px solid rgba(43,29,26,.14);box-shadow:inset 0 0 0 2px #fff;outline:2px solid transparent;outline-offset:2px;transition:outline-color .15s,transform .15s;display:block;flex:0 0 auto; } .ti-color:hover{ transform:scale(1.09); } .ti-color.is-on{ outline-color:var(--guinda,#7B0A0C); } .ti-color input{ position:absolute;opacity:0;pointer-events:none; } .ti-price__values{ display:flex;justify-content:space-between;font-size:13px;font-weight:700;color:var(--tinta,#2B1D1A);margin-bottom:12px; } .ti-range{ position:relative;height:28px; } .ti-range__track{ position:absolute;top:12px;left:0;right:0;height:4px;border-radius:4px;background:var(--linea,#E7DAD2); } .ti-range__fill{ position:absolute;top:12px;height:4px;border-radius:4px;background:var(--guinda,#7B0A0C); } .ti-range input[type=range]{ position:absolute;top:0;left:0;width:100%;height:28px;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none; } .ti-range input[type=range]::-webkit-slider-thumb{ -webkit-appearance:none;appearance:none;width:17px;height:17px;border-radius:50%;background:#fff;border:2px solid var(--guinda,#7B0A0C);cursor:pointer;pointer-events:auto;box-shadow:0 2px 6px rgba(43,29,26,.18); } .ti-range input[type=range]::-moz-range-thumb{ width:17px;height:17px;border-radius:50%;background:#fff;border:2px solid var(--guinda,#7B0A0C);cursor:pointer;pointer-events:auto; } .ti-side__apply{ margin-top:20px;align-self:stretch;text-align:center; } /* ====== barra de resultados ====== */ #sc-shoprow .woocommerce-products-header, #sc-shoprow .term-description{ display:none; } #sc-shoprow .elementor-element-arwp01 .woocommerce{ position:relative;display:block;min-height:34px;padding-top:2px; } #sc-shoprow .woocommerce-result-count{ float:none !important;margin:0 !important;font-size:13.5px;color:var(--fg2,#6b5b52);font-family:var(--font-body,Lato,sans-serif);text-transform:none;letter-spacing:0; } #sc-shoprow .woocommerce-ordering{ float:none !important;margin:0 !important;position:absolute;right:0;top:0; } #sc-shoprow .woocommerce-ordering select, #sc-shoprow select.orderby{ border:1px solid var(--linea,#E7DAD2);border-radius:10px;min-height:40px;padding:6px 30px 6px 12px;background-color:#fff;font-family:var(--font-body,Lato,sans-serif);font-size:13.5px;color:var(--tinta,#2B1D1A); } @media(max-width:560px){ #sc-shoprow .woocommerce-ordering{ position:static;margin-top:8px !important; } } /* ====== grilla ====== */ #sc-shoprow ul.products{ display:grid !important;grid-template-columns:repeat(3,1fr);gap:38px 22px; margin:18px 0 0 !important;padding:0 !important;list-style:none !important; } @media(max-width:1100px){ #sc-shoprow ul.products{ grid-template-columns:repeat(2,1fr);gap:32px 18px; } } @media(max-width:700px){ #sc-shoprow{ padding:14px 10px 10px !important; } #sc-shoprow > .e-con-inner{ gap:0 !important; } #sc-shoprow ul.products{ gap:18px 10px !important; } #sc-shoprow ul.products li.product .price{ font-size:14px !important;white-space:nowrap;display:flex !important;align-items:baseline;justify-content:center;gap:5px;width:calc(100% - 36px) !important;text-align:center !important; } #sc-shoprow ul.products li.product .price del{ font-size:11px !important; } #sc-shoprow ul.products li.product .woocommerce-loop-product__title{ font-size:15px !important;line-height:1.25 !important; } } @media(max-width:900px){ body.sc-filters-open .ti-opt{ padding:4px 4px !important; } body.sc-filters-open .ti-side__list{ gap:0 !important; } body.sc-filters-open .ti-side__block{ padding-block:14px !important; } body.sc-filters-open .ti-opt__count{ background:var(--guinda,#7B0A0C) !important;color:#fff !important; font-weight:700 !important;border-radius:999px !important; min-width:22px;text-align:center;padding:2px 7px !important;font-size:11px !important; } } @media(max-width:480px){ #sc-shoprow ul.products{ gap:24px 12px; } } /* ====== TARJETA (ficha blanca) ====== */ #sc-shoprow ul.products li.product{ width:auto !important;margin:0 !important;padding:0 !important;float:none !important; display:flex !important;flex-direction:column;position:relative;text-align:left; background:#fff;border:0; } #sc-shoprow ul.products li.product::before, #sc-shoprow ul.products li.product::after{ content:none !important; } /* media */ #sc-shoprow ul.products li.product figure{ margin:0 !important;order:0; } #sc-shoprow ul.products li.product .ct-media-container, #sc-shoprow ul.products li.product > a:first-child{ position:relative;display:block;border-radius:16px;overflow:hidden; background:var(--crema,#F9F0EC);border:1px solid var(--linea,#E7DAD2); aspect-ratio:1/1; } #sc-shoprow ul.products li.product img{ width:100% !important;height:100% !important;object-fit:cover !important;display:block;margin:0 !important; border-radius:0 !important;aspect-ratio:1/1 !important;transition:transform .5s ease; } #sc-shoprow ul.products li.product:hover img{ transform:scale(1.04); } /* badge */ #sc-shoprow .ti-badge{ position:absolute;top:12px;left:12px;z-index:3;order:0;align-self:flex-start; font-family:var(--font-body,Lato,sans-serif);font-weight:700;font-size:10.5px;letter-spacing:.1em; text-transform:uppercase;padding:6px 11px;border-radius:999px;color:#fff; } #sc-shoprow .ti-badge--guinda{ background:var(--guinda,#7B0A0C); } #sc-shoprow .ti-badge--beige{ background:var(--beige,#C0A58A);color:var(--tinta,#2B1D1A); } #sc-shoprow .ti-badge--popular{ background:#5C0607; } /* cuerpo compacto */ #sc-shoprow ul.products li.product .entry-meta{ order:1;list-style:none;margin:13px 0 0 !important;padding:0 !important; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%; } #sc-shoprow ul.products li.product .entry-meta li{ margin:0;padding:0;display:inline; } #sc-shoprow ul.products li.product .entry-meta li:not(:first-child){ display:none; } #sc-shoprow ul.products li.product .entry-meta a{ font-family:var(--font-body,Lato,sans-serif);font-size:10.5px;font-weight:700;letter-spacing:.13em; text-transform:uppercase;color:var(--tinta-3,#9a8a83);text-decoration:none; } #sc-shoprow ul.products li.product .woocommerce-loop-product__title{ order:2;font-family:var(--font-display,'Bebas Neue',sans-serif) !important; color:var(--guinda,#7B0A0C) !important;text-transform:uppercase;letter-spacing:.015em; font-size:21px !important;line-height:1.02 !important;padding:5px 0 0 !important;margin:0 !important; } #sc-shoprow ul.products li.product .woocommerce-loop-product__title a{ color:inherit;text-decoration:none; } #sc-shoprow ul.products li.product .sc-stars{ order:3;display:flex;align-items:center;gap:7px;margin-top:7px; } #sc-shoprow ul.products li.product .sc-stars .sc-star{ width:13px;height:13px;color:#E8A23D; } #sc-shoprow ul.products li.product .sc-stars .sc-rnum{ font-size:12px;color:var(--fg2,#6b5b52); } #sc-shoprow ul.products li.product .star-rating{ order:3;margin:7px 0 0;font-size:12px;color:#E8A23D; } #sc-shoprow ul.products li.product .price{ order:4;color:var(--tinta,#2B1D1A) !important;font-family:var(--font-body,Lato,sans-serif) !important; font-weight:900 !important;font-size:17px !important;margin:7px 0 0 !important; } #sc-shoprow ul.products li.product .price del, #sc-shoprow ul.products li.product .price del .amount{ color:var(--tinta-3,#9a8a83) !important;font-weight:700;font-size:13px; } #sc-shoprow ul.products li.product .price ins{ text-decoration:none; } #sc-shoprow ul.products li.product .screen-reader-text{ position:absolute !important;left:-9999px; } #sc-shoprow .ti-card__dots{ order:5;display:flex;gap:6px;margin-top:9px;min-height:15px; } #sc-shoprow .ti-card__dot{ width:15px;height:15px;border-radius:50%;border:1px solid rgba(43,29,26,.12);box-shadow:inset 0 0 0 2px #fff;display:block; } /* add to cart -> pill blanca al hover sobre la imagen */ #sc-shoprow ul.products li.product .ct-woo-card-actions{ position:absolute;left:0;right:0;top:0;height:100%; display:flex;align-items:flex-end;justify-content:center;padding-bottom:16px; pointer-events:none;z-index:4;order:0;margin:0 !important; } #sc-shoprow ul.products li.product .ct-woo-card-actions a, #sc-shoprow ul.products li.product .ct-woo-card-actions .button{ pointer-events:auto;background:#fff !important;color:var(--guinda,#7B0A0C) !important;border:0 !important; border-radius:999px !important;padding:11px 24px !important;font-family:var(--font-body,Lato,sans-serif) !important; font-weight:700 !important;font-size:11px !important;letter-spacing:.1em !important;text-transform:uppercase !important; box-shadow:0 10px 26px rgba(43,29,26,.22) !important;opacity:0;transform:translateY(10px); transition:opacity .2s ease,transform .2s ease;white-space:nowrap;min-height:0 !important;line-height:1.1 !important; } #sc-shoprow ul.products li.product:hover .ct-woo-card-actions a, #sc-shoprow ul.products li.product:hover .ct-woo-card-actions .button{ opacity:1;transform:translateY(0); } /* ====== paginación ====== */ #sc-shoprow nav.woocommerce-pagination{ margin-top:46px;text-align:center; } #sc-shoprow nav.woocommerce-pagination ul{ border:0 !important;display:inline-flex;gap:8px;justify-content:center;padding:0;margin:0; } #sc-shoprow nav.woocommerce-pagination ul li{ border:0 !important;margin:0;overflow:visible; } #sc-shoprow nav.woocommerce-pagination ul li a, #sc-shoprow nav.woocommerce-pagination ul li span{ min-width:40px;height:40px;display:grid;place-items:center;border-radius:9px;padding:0 8px; font-family:var(--font-body,Lato,sans-serif);font-weight:700;font-size:14px;color:var(--fg2,#6b5b52);background:transparent;border:0; } #sc-shoprow nav.woocommerce-pagination ul li a:hover{ background:var(--crema,#F9F0EC);color:var(--guinda,#7B0A0C); } #sc-shoprow nav.woocommerce-pagination ul li span.current{ background:var(--guinda,#7B0A0C);color:#fff; } /* ==== v14: contener el ancho de la grilla (1fr necesita padre definido) ==== */ #sc-shoprow .elementor-element-arwp01, #sc-shoprow .elementor-element-arwp01 > .elementor-widget-container, #sc-shoprow .elementor-element-arwp01 .woocommerce, #sc-shoprow .elementor-element-arflt1, #sc-shoprow .elementor-element-arflt1 > .elementor-widget-container{ min-width:0 !important;width:100% !important;max-width:100% !important; } #sc-shoprow ul.products{ width:100% !important;max-width:100% !important;box-sizing:border-box; } #sc-shoprow ul.products li.product{ min-width:0 !important;max-width:100% !important; } #sc-shoprow ul.products li.product .ct-media-container, #sc-shoprow ul.products li.product > a:first-child{ width:100%;max-width:100%; } /* ==== v16: paginación Blocksy (.ct-pagination) estilo demo ==== */ #sc-shoprow .ct-pagination, #sc-shoprow nav.woocommerce-pagination{ margin:46px 0 0 !important;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;border:0 !important; } #sc-shoprow .ct-pagination .ct-hidden-sm{ display:flex !important;gap:8px;align-items:center; } #sc-shoprow .ct-pagination .page-numbers, #sc-shoprow nav.woocommerce-pagination .page-numbers{ min-width:40px;height:40px;display:inline-grid;place-items:center;border-radius:9px;padding:0 10px; font-family:var(--font-body,Lato,sans-serif);font-weight:700;font-size:14px;color:var(--fg2,#6b5b52); background:transparent;border:0 !important;text-decoration:none;transition:background .15s,color .15s; } #sc-shoprow .ct-pagination a.page-numbers:hover{ background:var(--crema,#F9F0EC);color:var(--guinda,#7B0A0C); } #sc-shoprow .ct-pagination span.page-numbers.current, #sc-shoprow nav.woocommerce-pagination span.current{ background:var(--guinda,#7B0A0C);color:#fff; } #sc-shoprow .ct-pagination a.next.page-numbers, #sc-shoprow .ct-pagination a.prev.page-numbers{ display:inline-flex !important; align-items:center !important; justify-content:center !important; width:40px !important; height:40px !important; min-width:40px !important; padding:0 !important; font-size:0 !important; line-height:0 !important; border:1px solid var(--linea,#E7DAD2) !important; border-radius:9px !important; box-sizing:border-box !important; } #sc-shoprow .ct-pagination a.next.page-numbers svg, #sc-shoprow .ct-pagination a.prev.page-numbers svg{ width:13px;height:13px; } /* ================= v17: ficha flotante + filtros compactos ================= */ /* --- tarjeta blanca flotante (demo "tipo Aruma") --- */ #sc-shoprow ul.products li.product{ background:#fff !important;border:1px solid var(--linea,#E7DAD2) !important; border-radius:16px !important;overflow:hidden !important; box-shadow:0 6px 20px rgba(43,29,26,.07) !important; padding:0 18px 20px !important;transition:box-shadow .25s ease,transform .25s ease; } #sc-shoprow ul.products li.product:hover{ box-shadow:0 16px 40px rgba(43,29,26,.13) !important;transform:translateY(-3px); } /* imagen a sangre arriba de la ficha */ #sc-shoprow ul.products li.product figure{ margin:0 -18px 0 !important; } #sc-shoprow ul.products li.product .ct-media-container, #sc-shoprow ul.products li.product > a:first-child{ border:0 !important;border-radius:0 !important;border-bottom:1px solid var(--linea,#E7DAD2) !important; aspect-ratio:1/1;background:var(--crema,#F9F0EC); } #sc-shoprow .ti-badge{ top:12px;left:12px; } /* cuerpo compacto */ #sc-shoprow ul.products li.product .entry-meta{ margin-top:14px !important; } #sc-shoprow ul.products li.product .woocommerce-loop-product__title{ font-size:20px !important;padding-top:4px !important; } #sc-shoprow ul.products li.product .sc-stars{ margin-top:6px !important; } #sc-shoprow ul.products li.product .price{ margin-top:6px !important;font-size:17px !important; } #sc-shoprow .ti-card__dots{ margin-top:9px !important; } /* el overlay de "añadir" debe respetar el borde redondeado superior */ #sc-shoprow ul.products li.product .ct-woo-card-actions{ left:-18px;right:-18px;height:calc(100% - 0px); } /* --- grilla un poco más junta --- */ #sc-shoprow ul.products{ gap:26px 22px !important; } /* --- FILTROS: compactos, letra más negra, contador en pastilla guinda --- */ #sc-shoprow .ti-side__block{ padding-block:16px !important; } #sc-shoprow .ti-side__block:first-of-type{ padding-top:0 !important; } #sc-shoprow form.ti-side label, #sc-shoprow form.ti-side .ti-opt{ margin:0 !important; } #sc-shoprow .ti-side__list{ gap:0 !important; } #sc-shoprow .ti-opt{ padding:5px 2px !important;line-height:1.25 !important;font-size:14px !important; color:var(--tinta,#2B1D1A) !important;font-weight:600 !important; } #sc-shoprow .ti-opt:hover{ color:var(--guinda,#7B0A0C) !important; } #sc-shoprow .ti-opt.is-on{ font-weight:800 !important; } #sc-shoprow .ti-opt__count{ margin-left:auto !important;min-width:22px;height:20px;padding:0 7px; background:var(--guinda,#7B0A0C);color:#fff !important;border-radius:999px; font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center; } #sc-shoprow .ti-side__h{ margin-bottom:12px !important;font-size:20px !important; } #sc-shoprow .ti-colors{ gap:8px !important; } #sc-shoprow .ti-price__values{ color:var(--tinta,#2B1D1A) !important; } /* ================= v18: recortar foto al marco + aclarar letra filtros ================= */ /* la ficha recorta TODO su contenido a las esquinas redondeadas */ #sc-shoprow ul.products li.product{ overflow:hidden !important;isolation:isolate; } #sc-shoprow ul.products li.product figure{ margin:0 -18px !important;overflow:hidden !important;line-height:0 !important; border-radius:16px 16px 0 0 !important;position:relative; } #sc-shoprow ul.products li.product .ct-media-container, #sc-shoprow ul.products li.product > a:first-child{ display:block !important;overflow:hidden !important;border-radius:16px 16px 0 0 !important; aspect-ratio:1/1 !important;width:100%;background:var(--crema,#F9F0EC);border:0 !important; border-bottom:1px solid var(--linea,#E7DAD2) !important; } #sc-shoprow ul.products li.product img, #sc-shoprow ul.products li.product .ct-media-container img{ width:100% !important;height:100% !important;object-fit:cover !important;object-position:center !important; aspect-ratio:1/1 !important;display:block !important;border-radius:0 !important;margin:0 !important; max-width:none !important; } /* letra de filtros: mismo color del demo pero peso normal (menos “negra”) */ #sc-shoprow .ti-opt{ color:#4a3d38 !important;font-weight:400 !important; } #sc-shoprow .ti-opt:hover{ color:var(--guinda,#7B0A0C) !important; } #sc-shoprow .ti-opt.is-on{ color:var(--tinta,#2B1D1A) !important;font-weight:700 !important; } /* ================= v19: media a ancho completo + botón AGREGAR sobre la foto ================= */ /* la ficha sin padding lateral; el texto se indenta con margin */ #sc-shoprow ul.products li.product{ padding:0 !important;overflow:hidden !important;position:relative; } #sc-shoprow ul.products li.product figure{ margin:0 !important;border-radius:16px 16px 0 0 !important;overflow:hidden !important;line-height:0 !important; } #sc-shoprow ul.products li.product .ct-media-container, #sc-shoprow ul.products li.product > a:first-child{ border-radius:0 !important;border:0 !important;border-bottom:1px solid var(--linea,#E7DAD2) !important;aspect-ratio:1/1 !important;width:100% !important;display:block !important;overflow:hidden !important; } #sc-shoprow ul.products li.product img{ width:100% !important;height:100% !important;object-fit:cover !important;aspect-ratio:1/1 !important;display:block !important;border-radius:0 !important;max-width:none !important; } /* texto del cuerpo con indent */ #sc-shoprow ul.products li.product .entry-meta, #sc-shoprow ul.products li.product .woocommerce-loop-product__title, #sc-shoprow ul.products li.product .sc-stars, #sc-shoprow ul.products li.product .star-rating, #sc-shoprow ul.products li.product .price, #sc-shoprow ul.products li.product .ti-card__dots{ margin-left:18px !important;margin-right:18px !important; } #sc-shoprow ul.products li.product .entry-meta{ margin-top:15px !important; } #sc-shoprow ul.products li.product .ti-card__dots{ margin-bottom:20px !important; } #sc-shoprow ul.products li.product .price{ margin-bottom:0 !important; } /* botón AGREGAR: pastilla blanca centrada SOBRE la foto, aparece al hover */ #sc-shoprow ul.products li.product .ct-woo-card-actions{ position:absolute !important;left:0 !important;right:0 !important;top:0 !important;bottom:auto !important; aspect-ratio:1/1;height:auto !important; display:flex !important;align-items:center !important;justify-content:center !important; padding:0 !important;margin:0 !important;pointer-events:none;z-index:6;background:rgba(123,10,12,.18); opacity:0;transition:opacity .2s ease; } #sc-shoprow ul.products li.product:hover .ct-woo-card-actions{ opacity:1; } #sc-shoprow ul.products li.product .ct-woo-card-actions a, #sc-shoprow ul.products li.product .ct-woo-card-actions .button{ pointer-events:auto;background:#fff !important;color:var(--guinda,#7B0A0C) !important;border:0 !important; border-radius:999px !important;padding:13px 30px !important;font-family:var(--font-body,Lato,sans-serif) !important; font-weight:700 !important;font-size:12px !important;letter-spacing:.12em !important;text-transform:uppercase !important; box-shadow:0 12px 30px rgba(43,29,26,.28) !important;white-space:nowrap;min-height:0 !important;line-height:1.1 !important; transform:translateY(8px);transition:transform .2s ease,background .15s ease; } #sc-shoprow ul.products li.product:hover .ct-woo-card-actions a, #sc-shoprow ul.products li.product:hover .ct-woo-card-actions .button{ transform:translateY(0); } #sc-shoprow ul.products li.product .ct-woo-card-actions a:hover, #sc-shoprow ul.products li.product .ct-woo-card-actions .button:hover{ background:var(--crema,#F9F0EC) !important; } /* ================= v20: paginación centrada (flechas en línea) ================= */ #sc-shoprow .ct-pagination{ display:flex !important;align-items:center !important;justify-content:center !important; gap:8px !important;flex-wrap:nowrap !important;margin:46px auto 0 !important;padding:0 !important; } #sc-shoprow .ct-pagination .ct-hidden-sm{ display:contents !important; } #sc-shoprow .ct-pagination > *, #sc-shoprow .ct-pagination .page-numbers{ float:none !important;margin:0 !important;vertical-align:middle; } #sc-shoprow .ct-pagination a.next.page-numbers, #sc-shoprow .ct-pagination a.prev.page-numbers{ display:inline-grid !important;place-items:center;width:40px;height:40px;padding:0 !important;font-size:0 !important; } #sc-shoprow .ct-pagination a.next.page-numbers svg, #sc-shoprow .ct-pagination a.prev.page-numbers svg{ width:13px;height:13px;display:block; } /* ================= v21: legibilidad de titulos de producto (punto 31 informe) ================= * Problema real detectado: el titulo pedia font-weight 600 pero Bebas Neue solo existe en * peso 400, asi que el navegador lo "engordaba" artificialmente (negrita falsa), sumado a * line-height casi 1 (lineas pegadas) y 6 reglas de tamano distintas peleando entre * sc-shop.css / sc-mobile.css / sc-ficha.css segun el navegador. Esta regla, al ir al final * del archivo, gana esa pelea de especificidad y deja un solo tamano/peso consistente. */ #sc-shoprow ul.products li.product .woocommerce-loop-product__title{ font-weight:400 !important; font-size:18px !important; line-height:1.2 !important; } @media(max-width:700px){ #sc-shoprow ul.products li.product .woocommerce-loop-product__title{ font-size:16px !important; line-height:1.2 !important; } } /* ================= Quitar "agregar rapido" desde la tarjeta de la tienda (obs. 1.4 / 7.1) ================= * El cliente pidio que tocar/hacer clic en la tarjeta lleve directo a la ficha del producto, sin un * paso intermedio de "agregar al carrito" superpuesto sobre la imagen (en movil causaba que el primer * toque solo mostrara el boton y recien el segundo toque abriera el producto). */ #sc-shoprow ul.products li.product .ct-woo-card-actions{ display:none !important; } /* refuerzo del selector de cantidad (obs. 2.4): evita que se superpongan los icono de flechas */ /* y el de +/- en Safari/iOS, que a veces no respeta bien el selector :is() del tema */ .quantity[data-type="type-2"] .ct-increase .ct-quantity-type-1, .quantity[data-type="type-2"] .ct-decrease .ct-quantity-type-1{ display:none !important; } .quantity[data-type="type-1"] .ct-increase .ct-quantity-type-2, .quantity[data-type="type-1"] .ct-decrease .ct-quantity-type-2{ display:none !important; } /* ================= obs. 1.3: alinear precios entre tarjetas de la misma fila ================= * Antes, el titulo solo ocupaba el alto del texto real (1 o 2 lineas segun el nombre del * producto), asi que si dos tarjetas de la misma fila tenian titulos de distinto largo, el * precio quedaba a distinta altura entre ellas. Se reserva siempre el alto de 2 lineas. */ #sc-shoprow ul.products li.product .woocommerce-loop-product__title{ min-height:43px !important; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } @media(max-width:700px){ #sc-shoprow ul.products li.product .woocommerce-loop-product__title{ min-height:39px !important; } }