/* WooCommerce — La Familia */

/* Página de tienda */
.woo-wrap ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  margin: 0 !important;
}

.woo-wrap ul.products li.product {
  background: white !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 20px rgba(35,37,93,0.07) !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: transform 0.35s ease, box-shadow 0.35s ease !important;
}
.woo-wrap ul.products li.product:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 20px 52px rgba(35,37,93,0.13) !important;
}
.woo-wrap ul.products li.product img {
  width: 100% !important; height: 220px !important;
  object-fit: cover !important; margin: 0 !important;
  transition: transform 0.5s ease !important;
}
.woo-wrap ul.products li.product:hover img { transform: scale(1.05) !important; }

.woo-wrap ul.products li.product .woocommerce-loop-product__title {
  font-family: 'Playfair Display', serif !important;
  font-size: 1.05rem !important; font-weight: 700 !important;
  color: var(--azul) !important; padding: 16px 16px 4px !important;
}
.woo-wrap ul.products li.product .price {
  font-size: 1rem !important; font-weight: 600 !important;
  color: var(--azul) !important; padding: 4px 16px 8px !important;
  display: block !important;
}
.woo-wrap ul.products li.product .button {
  display: inline-flex !important; align-items: center !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 0.6rem !important; font-weight: 700 !important;
  letter-spacing: 0.18em !important; text-transform: uppercase !important;
  color: var(--azul) !important; background: transparent !important;
  border: 1.5px solid var(--azul) !important;
  border-radius: 100px !important;
  padding: 8px 20px !important; margin: 8px 16px 18px !important;
  transition: all 0.25s !important; box-shadow: none !important;
}
.woo-wrap ul.products li.product .button:hover {
  background: var(--rojo) !important;
  border-color: var(--rojo) !important;
  color: white !important;
}

/* Producto individual */
.woocommerce div.product .product_title {
  font-family: 'Playfair Display', serif !important;
  font-size: 2.2rem !important; color: var(--azul) !important;
}
.woocommerce div.product .price {
  font-size: 1.6rem !important; color: var(--rojo) !important; font-weight: 700 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-family: 'Jost', sans-serif !important; font-weight: 600 !important;
  letter-spacing: 0.1em !important; text-transform: uppercase !important;
  font-size: 0.75rem !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--azul) !important; }

/* Carrito y checkout */
.woocommerce .cart-collaterals .cart_totals h2,
.woocommerce-checkout h3 {
  font-family: 'Playfair Display', serif !important;
  color: var(--azul) !important;
}

/* Paginación */
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: var(--azul) !important; color: white !important;
}

/* Filtros de categoría */
.woocommerce .widget_product_categories ul li a {
  font-family: 'Jost', sans-serif !important; font-size: 0.85rem !important;
  color: var(--texto-s) !important; transition: color 0.2s !important;
}
.woocommerce .widget_product_categories ul li a:hover { color: var(--rojo) !important; }

/* Resultado de búsqueda */
.woocommerce-result-count {
  font-family: 'Jost', sans-serif !important;
  font-size: 0.78rem !important; color: var(--texto-s) !important;
}

/* Select de orden */
.woocommerce-ordering select {
  font-family: 'Jost', sans-serif !important; font-size: 0.78rem !important;
  border: 1px solid var(--crema3) !important; border-radius: 100px !important;
  padding: 8px 16px !important; color: var(--texto) !important;
  background: white !important;
}

@media (max-width: 768px) {
  .woo-wrap ul.products { grid-template-columns: repeat(2,1fr) !important; }
}
@media (max-width: 480px) {
  .woo-wrap ul.products { grid-template-columns: 1fr !important; }
}