### CSS actualizado

```css
/*
Theme Name: Unos Store Bell
Template: unos
Version: 1.1.1
Text Domain: unos-store-bell
Author: wpHoot
Theme URI: https://wphoot.com/themes/unos-store-bell/
*/

/************* Headings *************/
h1, h2, h3, h4, h5, h6, .title {
  font-weight: 500;
  color: #333333;
  line-height: 1.4em;
}
.titlefont { font-weight: 500; }

/************* Topbar / Header / Nav *************/
#topbar { border-bottom: solid 1px rgba(0,0,0,0.09); }
#header { border-bottom: solid 1px rgba(0,0,0,0.28); }
.menu-items > li > a {
  color: #333333;
  font-weight: 500;
  font-size: 1em;
  line-height: 1.2142em;
}

/************* Typography *************/
body { font-size: 14px; line-height: 1.71428571em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* ==================== BASE DE TARJETAS (TIENDA + WIDGETS + MARQUESINA) ==================== */
/* Grid contenedor para tienda y shortcodes */
ul.products,
.productos-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 20px;
  justify-content: center;
  padding: 10px;
}

/* Clase base compartida para todas las tarjetas */
.producto-card,
.card-producto-universal,
ul.products li.product,
ul.products li.tarjeta-tienda,
.producto-card.tarjeta-widget {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  padding: 12px;
  text-align: center;
  font-size: 0.85em;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 420px; /* altura uniforme */
  overflow: hidden;
}

/* Hover */
.producto-card:hover,
.card-producto-universal:hover,
ul.products li.product:hover,
ul.products li.tarjeta-tienda:hover {
  transform: scale(1.02);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Imagen (consistente en todas las tarjetas) */
.producto-img img,
.card-img img,
ul.products li.product img,
ul.products li.tarjeta-tienda img {
  width: 100%;
  height: 160px;
  object-fit: contain;
  border-radius: 10px;
  display: block;
}

/* Título */
.producto-titulo,
.card-titulo,
ul.products li.product .woocommerce-loop-product__title,
ul.products li.tarjeta-tienda .woocommerce-loop-product__title {
  margin-top: 8px;
  font-size: 0.9em;
  font-weight: 600;
  color: #222;
  line-height: 1.2;
  max-height: 2.4em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* Estrellas (usa el HTML de WooCommerce) */
.producto-rating,
.card-estrellas,
ul.products li.product .star-rating,
ul.products li.tarjeta-tienda .star-rating {
  margin: 6px 0;
  font-size: 1.2em;
  color: #ffc107;
  line-height: 1;
}

/* Precio COP / USD */
.producto-precio-cop,
.card-precio .cop,
ul.products li.product .price,
ul.products li.tarjeta-tienda .price {
  margin: 4px 0;
  font-weight: 700;
  font-size: 0.95em;
  color: #222;
}

.producto-precio-usd,
.card-precio .usd-destacado {
  margin: 2px 0 6px;
  font-weight: 600;
  font-size: 0.88em;
  color: #007bff;
}

/* Disponibilidad (categorías -> colores) */
.producto-disponibilidad,
.card-disponibilidad {
  margin-top: 8px;
  padding: 6px 10px;
  border-radius: 10px;
  font-size: 0.78em;
  font-weight: 700;
  line-height: 1.2;
  display: inline-block;
}

/* Colores por tipo */
.producto-disponibilidad.recuadro.rojo,
.card-disponibilidad.recuadro.rojo {
  background: #e53935;
  color: #fff;
}
.producto-disponibilidad.recuadro.azul,
.card-disponibilidad.recuadro.azul {
  background: #d1ecf1;
  color: #0c5460;
}
.producto-disponibilidad.recuadro.verde,
.card-disponibilidad.recuadro.verde {
  background: #d4edda;
  color: #155724;
}

/* Botón principal */
.btn-ir-producto,
.card-boton,
ul.products li.product .button,
ul.products li.tarjeta-tienda .button {
  margin-top: auto;
  padding: 8px 14px;
  font-size: 0.85em;
  background-color: #007bff;
  color: #fff;
  border-radius: 6px;
  text-decoration: none !important;
  transition: all 0.18s ease;
  font-weight: 600;
  display: inline-block;
  align-self: center;
}

/* Botón hover */
.btn-ir-producto:hover,
.card-boton:hover,
ul.products li.product .button:hover,
ul.products li.tarjeta-tienda .button:hover {
  background-color: #0056b3;
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 6px 12px rgba(0,0,0,0.12);
}

/* Fake review (reseña simulada) */
.fake-review {
  margin-top: 8px;
  font-style: italic;
  font-size: 0.82em;
  color: #555;
  opacity: 0;
  animation: fadeIn 0.9s forwards;
}

/* Animación fadeIn */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ==================== MARQUESINA / CARRUSEL ==================== */
.marquesina-contenedor {
  overflow: hidden;
  width: 100%;
  padding: 18px 0;
}

.marquesina-productos {
  display: flex;
  gap: 16px;
  align-items: stretch;
  /* si tienes JS para animar, lo mantiene; si no, se muestra como fila */
}

.card-producto-universal {
  flex: 0 0 220px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  padding: 10px;
  text-align: center;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 360px;
}

.card-producto-universal:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 8px 18px rgba(0,0,0,0.12);
}

.card-img img { width: 100%; height: 140px; object-fit: contain; border-radius: 8px; }
.card-titulo { margin-top: 8px; font-weight: 600; font-size: 0.9em; color: #222; line-height: 1.2; max-height: 2.4em; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; }
.card-estrellas { margin: 6px 0; color: #ffc107; font-size: 1.1em; }
.card-precio { margin: 6px 0; }
.card-precio .cop { display: block; font-weight: 700; color: #222; }
.card-precio .usd-destacado { display: block; color: #007bff; font-weight: 700; margin-top: 4px; }
.card-disponibilidad { margin: 6px 0; font-size: 0.78em; color: #555; }
.card-boton { margin-top: 8px; padding: 8px 12px; background: #007bff; color: #fff; border-radius: 6px; text-decoration: none; font-weight: 600; }

/* ==================== UTILIDADES Y RESPONSIVE ==================== */
@media (max-width: 1024px) {
  .marquesina-productos { gap: 12px; }
  .card-producto-universal { flex: 0 0 200px; min-height: 340px; }
}

@media (max-width: 768px) {
  ul.products,
  .productos-grid {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 12px;
  }
  .producto-card,
  .card-producto-universal,
  ul.products li.product,
  ul.products li.tarjeta-tienda,
  .producto-card.tarjeta-widget {
    font-size: 0.8em;
    padding: 8px;
    min-height: 360px;
  }
  .producto-img img,
  .card-img img,
  ul.products li.product img,
  ul.products li.tarjeta-tienda img {
    height: 120px;
  }
  .card-producto-universal { flex: 0 0 160px; min-height: 300px; }
}

/* ==================== POLÍTICAS (sin cambios) ==================== */
.politicas-lista { list-style: none; padding: 0; margin: 0; }
.politicas-lista li { margin: 6px 0; padding-left: 12px; position: relative; }
.politicas-lista li::before { content: "•"; position: absolute; left: 0; color: #007bff; font-weight: bold; }
.politicas-lista a { text-decoration: none; color: #333; font-size: 0.9em; transition: color 0.3s ease; }
.politicas-lista a:hover { color: #007bff; }

/* ==================== INFO TIENDA (sin fondo, animado) ==================== */
.info-tienda {
  padding: 0;
  font-size: 0.81em;
  line-height: 1.4;
  color: #444;
  animation: fadeInUp 0.9s ease;
}
.info-tienda h3 {
  margin: 0 0 6px 0;
  font-size: 0.9em;
  color: #007bff;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  animation: pulseColor 3s infinite;
}
.info-tienda p { margin: 3px 0; opacity: 0; animation: fadeIn 0.9s forwards; }
.info-tienda p:nth-child(2) { animation-delay: 0.2s; }
.info-tienda p:nth-child(3) { animation-delay: 0.4s; }
.info-tienda p:nth-child(4) { animation-delay: 0.6s; }
.info-tienda p:nth-child(5) { animation-delay: 0.8s; }
.info-tienda p:nth-child(6) { animation-delay: 1s; }
.info-tienda p:nth-child(7) { animation-delay: 1.2s; }
.info-tienda strong { color: #222; font-weight: 600; }
.info-tienda a { color: #007bff; text-decoration: none; transition: color 0.3s ease; }
.info-tienda a:hover { color: #0056b3; text-decoration: underline; }

@keyframes fadeInUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes pulseColor { 0% { color: #007bff; } 50% { color: #0056b3; } 100% { color: #007bff; } }
```
/* ==================== MARQUESINA: ANIMACIÓN INFINITA (opcional) ==================== */
/* Solo activar si quieres desplazamiento automático; ajusta duración según cantidad */
@keyframes marquesina-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Aplica la animación solo si el contenedor tiene la clase .auto-scroll */
.marquesina-productos.auto-scroll {
  animation: marquesina-scroll 60s linear infinite;
}

/* Pausar al pasar el ratón */
.marquesina-productos.auto-scroll:hover {
  animation-play-state: paused;
}

/* ==================== ACCESIBILIDAD Y AJUSTES FINOS ==================== */
/* Asegura contraste mínimo en botones y textos importantes */
.btn-ir-producto,
.card-boton,
ul.products li.product .button,
ul.products li.tarjeta-tienda .button {
  outline: none;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}
.btn-ir-producto:focus,
.card-boton:focus,
ul.products li.product .button:focus {
  box-shadow: 0 0 0 3px rgba(0,123,255,0.18);
}

/* Evita que títulos largos rompan el layout */
.producto-titulo,
.card-titulo,
ul.products li.product .woocommerce-loop-product__title {
  word-break: break-word;
}

/* Imágenes con carga diferida (si el theme soporta lazy-loading) */
.producto-img img,
.card-img img,
ul.products li.product img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 220px;
  object-fit: contain;
}

/* ==================== PRINT / IMPRESIÓN (opcional) ==================== */
@media print {
  .marquesina-contenedor,
  .marquesina-productos,
  .card-boton,
  .btn-ir-producto {
    display: none !important;
  }
  .producto-card,
  .card-producto-universal,
  ul.products li.product {
    box-shadow: none;
    border: 1px solid #ddd;
    page-break-inside: avoid;
  }
}

/* ==================== FALLBACKS Y COMPATIBILIDAD ==================== */
/* Si algún selector del theme sobrescribe, usar selectores más específicos */
body .productos-grid .producto-card,
body .marquesina-contenedor .card-producto-universal,
body ul.products li.tarjeta-tienda {
  /* Reafirmar estilos críticos */
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  padding: 12px;
  min-height: 360px;
}
/*====================MARQUESINA EN MOVIMIENTO==================*/
/* Marquesina: contenedor y track */
.marquesina-contenedor {
  overflow: hidden;
  width: 100%;
  padding: 18px 0;
  position: relative;
}

/* El track debe ser flex y sin wrap */
.marquesina-productos {
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
  align-items: stretch;
  will-change: transform;
  transform: translateX(0);
  transition: transform 0.05s linear;
}

/* Clones invisibles para debugging (opcional) */
.marquesina-productos .marq-clone {
  opacity: 1;
}

/* Ajustes visuales de cada tarjeta en la marquesina */
.card-producto-universal {
  flex: 0 0 220px;
  min-width: 220px;
  max-width: 220px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #fff;
  border-radius: 12px;
  padding: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

/* Pausa visual al hover (opcional) */
.marquesina-contenedor:hover .card-producto-universal {
  transform: translateY(-4px);
  transition: transform 0.25s ease;
}

/* Responsive: reducir ancho de cada tarjeta en pantallas pequeñas */
@media (max-width: 1024px) {
  .card-producto-universal { flex: 0 0 200px; min-width: 200px; max-width: 200px; }
}
@media (max-width: 768px) {
  .card-producto-universal { flex: 0 0 160px; min-width: 160px; max-width: 160px; }
}
/* ===== Widget Pagos — Proporcionales, Centrado y Animado (archivo físico) ===== */

.widget-pagos-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
  padding: 8px 12px;
}

.widget-pagos {
  display: flex !important;
  gap: 14px;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;                /* UNA FILA */
  overflow-x: auto;                 /* scroll horizontal en pantallas pequeñas */
  -webkit-overflow-scrolling: touch;
  padding: 6px 4px;
  margin: 0 auto;
  max-width: 1200px;                /* centra y limita ancho */
  width: 100%;
  white-space: nowrap;
}

/* Item: tamaño proporcional y consistente */
.widget-pagos .pago-item {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex: 0 0 auto;
  width: 120px;                     /* ancho base aumentado para mayor visibilidad */
  min-width: 96px;
  height: 104px;                    /* altura base */
  padding: 10px;
  border-radius: 10px;
  background: transparent;
  box-sizing: border-box;
  transition: transform .22s cubic-bezier(.2,.9,.2,1), box-shadow .22s ease;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  will-change: transform;
}

/* Figura que mantiene el área visible del logo; centra y escala proporcionalmente */
.widget-pagos .pago-figure {
  width: 78%;
  height: 60%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.widget-pagos .pago-figure img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  transition: transform .22s ease;
}

/* Label pequeño debajo del logo */
.widget-pagos .pago-label {
  margin-top: 6px;
  font-size: 0.72em;
  font-weight: 700;
  color: #222;
  text-align: center;
  line-height: 1;
  letter-spacing: .4px;
}

/* Tooltip (data-es) */
.widget-pagos .pago-item::after {
  content: attr(data-es);
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%) translateY(6px);
  background: rgba(0,0,0,0.82);
  color: #fff;
  padding: 6px 8px;
  border-radius: 6px;
  font-size: 0.72em;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .14s ease, transform .14s ease;
  z-index: 30;
}

/* Hover / Focus: animación y tooltip */
.widget-pagos .pago-item:hover,
.widget-pagos .pago-item:focus {
  transform: translateY(-8px) scale(1.04);
  box-shadow: 0 12px 30px rgba(0,0,0,0.10);
  outline: none;
}
.widget-pagos .pago-item:hover .pago-figure img,
.widget-pagos .pago-item:focus .pago-figure img {
  transform: scale(1.08);
}
.widget-pagos .pago-item:hover::after,
.widget-pagos .pago-item:focus::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* Touch: efecto táctil rápido (aplicado por JS con clase .pressed) */
.widget-pagos .pago-item.pressed {
  transform: translateY(-6px) scale(1.03) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,0.10) !important;
}

/* Animación sutil de base (stagger) */
.widget-pagos .pago-item { animation: suenosPagoFloat 4s ease-in-out infinite; }
.widget-pagos .pago-item:nth-child(2n) { animation-delay: .12s; }
.widget-pagos .pago-item:nth-child(3n) { animation-delay: .24s; }
@keyframes suenosPagoFloat {
  0% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-2px) scale(1.0); }
  100% { transform: translateY(0) scale(1); }
}

/* Responsive: ajustar tamaños y mantener una fila */
@media (max-width: 1024px) {
  .widget-pagos { gap: 12px; max-width: 1000px; }
  .widget-pagos .pago-item { width: 108px; height: 92px; }
  .widget-pagos .pago-figure { width: 72%; height: 56%; }
}
@media (max-width: 768px) {
  .widget-pagos { gap: 10px; padding: 8px 6px; }
  .widget-pagos .pago-item { width: 96px; height: 84px; }
  .widget-pagos .pago-figure { width: 70%; height: 54%; }
  .widget-pagos .pago-label { font-size: 0.66em; }
}
@media (max-width: 480px) {
  .widget-pagos { gap: 8px; padding: 6px 6px; }
  .widget-pagos .pago-item { width: 84px; height: 76px; }
  .widget-pagos .pago-figure { width: 66%; height: 52%; }
  .widget-pagos .pago-label { font-size: 0.62em; }

  /* Ocultar scrollbar visualmente pero mantener scroll táctil */
  .widget-pagos::-webkit-scrollbar { display: none; }
  .widget-pagos { -ms-overflow-style: none; scrollbar-width: none; }
}

/* Forzar prioridad frente a reglas del theme */
body .widget-pagos, body .widget-pagos * { min-width: 0 !important; box-sizing: border-box !important; }



/* ==================== Responsive: ajustar alturas y tamaños ==================== */
@media (max-width: 1024px) {
  .woocommerce ul.products li.tarjeta-tienda { min-height: 420px !important; }
  .woocommerce ul.products li.tarjeta-tienda img { height: 180px !important; max-height: 180px !important; }
}

@media (max-width: 768px) {
  .woocommerce ul.products { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important; gap: 14px !important; }
  .woocommerce ul.products li.tarjeta-tienda { min-height: 380px !important; padding: 10px !important; }
  .woocommerce ul.products li.tarjeta-tienda img { height: 140px !important; max-height: 140px !important; }
  .woocommerce ul.products li.tarjeta-tienda .woocommerce-loop-product__title { font-size: 0.9em !important; }
  .woocommerce ul.products li.tarjeta-tienda .button { padding: 8px 12px !important; }
}
/* ==================== FIN DEL CSS ==================== */
/* Guarda este bloque al final de tu archivo CSS para asegurar que estas reglas tengan prioridad. */

/* ======= TARJETAS TIENDA: BLOQUE CONSOLIDADO Y PRIORITARIO ======= */
/* Aplicar solo en páginas WooCommerce para no afectar home/widgets */
html body.woocommerce ul.products li.tarjeta-tienda,
html body.post-type-archive-product ul.products li.tarjeta-tienda,
html body.woocommerce-shop ul.products li.tarjeta-tienda {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  box-sizing: border-box !important;
  background: #fff !important;
  border-radius: 12px !important;
  padding: 12px !important;
  min-height: 440px !important;
  overflow: hidden !important;
  transition: none !important;
}

/* Grid contenedor solo en tienda */
html body.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
  gap: 20px !important;
  align-items: stretch !important;
}

/* Imagen: tamaño uniforme y proporcional */
html body.woocommerce ul.products li.tarjeta-tienda img {
  width: 100% !important;
  height: 200px !important;
  max-height: 200px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto 10px !important;
  border-radius: 8px !important;
}

/* Título: exactamente 2 líneas */
html body.woocommerce ul.products li.tarjeta-tienda .woocommerce-loop-product__title,
html body.woocommerce ul.products li.tarjeta-tienda .producto-titulo {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.15 !important;
  height: calc(1.15em * 2) !important;
  margin: 6px 0 8px !important;
  font-weight: 600 !important;
  color: #222 !important;
}

/* Estrellas centradas */
html body.woocommerce ul.products li.tarjeta-tienda .star-rating,
html body.woocommerce ul.products li.tarjeta-tienda .woocommerce-product-rating {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin: 6px 0 !important;
  font-size: 1.05em !important;
  color: #ffc107 !important;
}

/* Precio COP y USD en líneas separadas */
html body.woocommerce ul.products li.tarjeta-tienda .price,
html body.woocommerce ul.products li.tarjeta-tienda .producto-precio-cop {
  display: block !important;
  text-align: center !important;
  font-weight: 800 !important;
  font-size: 1.02em !important;
  margin: 6px 0 2px !important;
  color: #111 !important;
}
html body.woocommerce ul.products li.tarjeta-tienda .usd-destacado,
html body.woocommerce ul.products li.tarjeta-tienda .producto-precio-usd {
  display: block !important;
  text-align: center !important;
  font-weight: 600 !important;
  font-size: 0.88em !important;
  margin: 2px 0 8px !important;
  color: #007bff !important;
}

/* Disponibilidad por país en su línea */
html body.woocommerce ul.products li.tarjeta-tienda .producto-disponibilidad,
html body.woocommerce ul.products li.tarjeta-tienda .card-disponibilidad {
  display: block !important;
  text-align: center !important;
  margin: 6px 0 10px !important;
  padding: 6px 10px !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  font-size: 0.78em !important;
}

/* Botón: centrado y en su propia línea; empujado al fondo si hay espacio */
html body.woocommerce ul.products li.tarjeta-tienda .button,
html body.woocommerce ul.products li.tarjeta-tienda .btn-ir-producto {
  display: inline-block !important;
  margin: 12px auto 0 !important;
  padding: 10px 14px !important;
  border-radius: 8px !important;
  background: #007bff !important;
  color: #fff !important;
  font-weight: 700 !important;
  text-align: center !important;
}

/* Forzar estructura interna para que el botón pueda empujarse al fondo */
html body.woocommerce ul.products li.tarjeta-tienda .product-inner,
html body.woocommerce ul.products li.tarjeta-tienda .card-content,
html body.woocommerce ul.products li.tarjeta-tienda .woocommerce-loop-product__link {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

/* Si no existe .product-inner, asegurar margin-top auto en botón */
html body.woocommerce ul.products li.tarjeta-tienda .button { margin-top: auto !important; }

/* Evitar que reglas globales rompan la tarjeta */
html body.woocommerce ul.products li.tarjeta-tienda * { box-sizing: border-box !important; min-width: 0 !important; }

/* Responsive */
@media (max-width: 1024px) {
  html body.woocommerce ul.products li.tarjeta-tienda { min-height: 420px !important; }
  html body.woocommerce ul.products li.tarjeta-tienda img { height: 180px !important; max-height: 180px !important; }
}
@media (max-width: 768px) {
  html body.woocommerce ul.products { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important; gap: 14px !important; }
  html body.woocommerce ul.products li.tarjeta-tienda { min-height: 380px !important; padding: 10px !important; }
  html body.woocommerce ul.products li.tarjeta-tienda img { height: 140px !important; max-height: 140px !important; }
  html body.woocommerce ul.products li.tarjeta-tienda .woocommerce-loop-product__title { font-size: 0.9em !important; }
  html body.woocommerce ul.products li.tarjeta-tienda .button { padding: 8px 12px !important; }
}
/* ======= FIN BLOQUE TARJETAS ======= */