.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products .elementor-products-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8999 .elementor-element.elementor-element-ddac0e6.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-8999 .elementor-element.elementor-element-ddac0e6.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-8999 .elementor-element.elementor-element-ddac0e6.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-8999 .elementor-element.elementor-element-ddac0e6.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for wc-archive-products, class: .elementor-element-ddac0e6 *//*
 * =====================================================================
 * FRENOS CALI — CSS PERSONALIZADO TIENDA WOOCOMMERCE
 * Pegar en: WordPress Admin → Apariencia → Personalizar → CSS adicional
 * O en Elementor → Configuración del sitio → CSS personalizado
 * =====================================================================
 */

/* ── VARIABLES ── */
:root {
  --fc-naranja:    #FF5A00;
  --fc-naranja-o:  #cc4800;
  --fc-negro:      #0d0d0d;
  --fc-gris-os:    #161616;
  --fc-gris-card:  #1a1a1a;
  --fc-gris-borde: rgba(255,255,255,.08);
  --fc-blanco:     #ffffff;
  --fc-gris-txt:   #b0b0b0;
  --fc-wa:         #25D366;
  --fc-wa-o:       #1da851;
  --fc-font:       'Segoe UI', Arial, sans-serif;
  --fc-radius:     14px;
}

/* ── FONDO GENERAL DE LA TIENDA ── */
.woocommerce-page .site-main,
.woocommerce .site-main,
body.woocommerce-shop {
  background: var(--fc-negro);
}

/* =====================================================================
   BARRA SUPERIOR DE LA TIENDA (resultado + ordenar)
   ===================================================================== */
.woocommerce-products-header {
  text-align: center;
  padding: 40px 0 10px;
}
.woocommerce-products-header__title {
  font-size: 2rem;
  font-weight: 800;
  color: var(--fc-blanco);
  letter-spacing: -0.5px;
}

.woocommerce-result-count {
  font-size: .82rem;
  color: var(--fc-gris-txt);
  margin: 0 0 12px;
}

.woocommerce-ordering select {
  background: var(--fc-gris-card);
  color: var(--fc-blanco);
  border: 1px solid var(--fc-gris-borde);
  border-radius: 8px;
  padding: 8px 14px;
  font-size: .82rem;
  outline: none;
  cursor: pointer;
  transition: border-color .2s;
}
.woocommerce-ordering select:hover,
.woocommerce-ordering select:focus {
  border-color: var(--fc-naranja);
}

/* =====================================================================
   GRID DE PRODUCTOS
   ===================================================================== */
.woocommerce ul.products,
.woocommerce-page ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin: 0 !important;
  padding: 24px 0 !important;
  list-style: none !important;
}

@media (max-width: 1100px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 720px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
}
@media (max-width: 440px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: 1fr;
  }
}

/* =====================================================================
   TARJETA DE PRODUCTO
   ===================================================================== */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  background: var(--fc-gris-card) !important;
  border: 1px solid var(--fc-gris-borde) !important;
  border-radius: var(--fc-radius) !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  transition: transform .22s, box-shadow .22s, border-color .22s !important;
  position: relative;
}

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 40px rgba(255,90,0,.18) !important;
  border-color: rgba(255,90,0,.35) !important;
}

/* Badge de categoría (esquina) */
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .product-category a {
  color: var(--fc-naranja);
  font-size: .72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* ── Imagen ── */
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
  width: 100% !important;
  height: 190px !important;
  object-fit: contain !important;
  background: #111 !important;
  padding: 16px !important;
  display: block !important;
  transition: transform .3s !important;
}
.woocommerce ul.products li.product:hover a img {
  transform: scale(1.04) !important;
}

/* Contenedor del texto de la tarjeta */
.woocommerce ul.products li.product .fc-card-body,
.woocommerce ul.products li.product {
  position: relative;
}

/* ── Título del producto ── */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
  font-size: .82rem !important;
  font-weight: 600 !important;
  color: var(--fc-blanco) !important;
  line-height: 1.35 !important;
  padding: 12px 14px 4px !important;
  margin: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 48px !important;
}

/* ── Precio ── */
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
  color: var(--fc-naranja) !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  padding: 4px 14px 10px !important;
  margin: 0 !important;
  display: block !important;
}
.woocommerce ul.products li.product .price del {
  color: var(--fc-gris-txt) !important;
  font-size: .78rem !important;
  font-weight: 400 !important;
  margin-right: 6px;
  opacity: .7;
}

/* ── Botón "Añadir al carrito" / "Comprar por WhatsApp" ── */
.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button,
.woocommerce ul.products li.product a.button,
.woocommerce-page ul.products li.product a.button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  width: calc(100% - 28px) !important;
  margin: 0 14px 14px !important;
  padding: 10px 0 !important;
  background: var(--fc-wa) !important;
  color: var(--fc-blanco) !important;
  font-size: .82rem !important;
  font-weight: 800 !important;
  border: none !important;
  border-radius: 50px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: background .2s, transform .15s, box-shadow .2s !important;
  box-shadow: 0 4px 14px rgba(37,211,102,.25) !important;
  letter-spacing: .3px !important;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce-page ul.products li.product .button:hover {
  background: var(--fc-wa-o) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(37,211,102,.4) !important;
  color: var(--fc-blanco) !important;
}

/* Icono WhatsApp antes del texto del botón */
.woocommerce ul.products li.product .button::before,
.woocommerce-page ul.products li.product .button::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
}

/* ── Estrella de rating ── */
.woocommerce .star-rating {
  color: var(--fc-naranja) !important;
  font-size: .8rem !important;
  margin: 0 14px 4px !important;
}

/* =====================================================================
   SIDEBAR / FILTROS DE CATEGORÍAS
   ===================================================================== */
.woocommerce-sidebar,
.widget_product_categories,
.widget_layered_nav {
  background: var(--fc-gris-card) !important;
  border: 1px solid var(--fc-gris-borde) !important;
  border-radius: var(--fc-radius) !important;
  padding: 20px !important;
  margin-bottom: 20px !important;
}

.widget-title,
.widgettitle {
  color: var(--fc-blanco) !important;
  font-size: .88rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  border-bottom: 1px solid var(--fc-gris-borde) !important;
  padding-bottom: 10px !important;
  margin-bottom: 12px !important;
}

.product-categories li a,
.woocommerce-widget-layered-nav-list__item a {
  color: var(--fc-gris-txt) !important;
  font-size: .85rem !important;
  transition: color .18s !important;
  text-decoration: none !important;
}
.product-categories li a:hover,
.woocommerce-widget-layered-nav-list__item a:hover {
  color: var(--fc-naranja) !important;
}
.product-categories li.current-cat > a,
.woocommerce-widget-layered-nav-list__item--chosen a {
  color: var(--fc-naranja) !important;
  font-weight: 700 !important;
}

.count {
  color: var(--fc-gris-txt) !important;
  font-size: .75rem !important;
  opacity: .7;
}

/* =====================================================================
   PAGINACIÓN
   ===================================================================== */
.woocommerce nav.woocommerce-pagination ul,
.woocommerce-page nav.woocommerce-pagination ul {
  display: flex !important;
  gap: 6px !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  padding: 24px 0 40px !important;
  list-style: none !important;
  border: none !important;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce-page nav.woocommerce-pagination ul li a,
.woocommerce-page nav.woocommerce-pagination ul li span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 38px !important;
  height: 38px !important;
  padding: 0 10px !important;
  border-radius: 8px !important;
  font-size: .85rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: background .18s, color .18s !important;
  border: 1px solid var(--fc-gris-borde) !important;
  background: var(--fc-gris-card) !important;
  color: var(--fc-gris-txt) !important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: rgba(255,90,0,.15) !important;
  border-color: var(--fc-naranja) !important;
  color: var(--fc-naranja) !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: var(--fc-naranja) !important;
  border-color: var(--fc-naranja) !important;
  color: var(--fc-blanco) !important;
}

/* =====================================================================
   OCULTAR SOLO EL PRECIO EN LISTADO DE TIENDA
   ===================================================================== */
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price,
.woocommerce ul.products li.product span.price,
.woocommerce-page ul.products li.product span.price,
ul.products li.product .price { display: none !important; }

/* =====================================================================
   NOTIFICACIONES / MENSAJES WOOCOMMERCE
   ===================================================================== */
.woocommerce-message,
.woocommerce-info {
  background: var(--fc-gris-card) !important;
  border-top-color: var(--fc-naranja) !important;
  color: var(--fc-blanco) !important;
}
.woocommerce-error {
  background: var(--fc-gris-card) !important;
  border-top-color: #e55 !important;
  color: var(--fc-blanco) !important;
}

/* =====================================================================
   BREADCRUMBS
   ===================================================================== */
.woocommerce .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-breadcrumb {
  color: var(--fc-gris-txt) !important;
  font-size: .8rem !important;
  padding: 12px 0 !important;
  margin: 0 !important;
}
.woocommerce .woocommerce-breadcrumb a {
  color: var(--fc-gris-txt) !important;
  text-decoration: none !important;
  transition: color .18s !important;
}
.woocommerce .woocommerce-breadcrumb a:hover {
  color: var(--fc-naranja) !important;
}

/* =====================================================================
   BÚSQUEDA DE PRODUCTOS
   ===================================================================== */
.widget_product_search form,
.woocommerce-product-search {
  display: flex !important;
  gap: 8px !important;
}
.widget_product_search input[type="search"],
.woocommerce-product-search input[type="search"] {
  flex: 1 !important;
  background: var(--fc-negro) !important;
  border: 1px solid var(--fc-gris-borde) !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  color: var(--fc-blanco) !important;
  font-size: .85rem !important;
  outline: none !important;
  transition: border-color .2s !important;
}
.widget_product_search input[type="search"]:focus {
  border-color: var(--fc-naranja) !important;
}
.widget_product_search button,
.woocommerce-product-search button {
  background: var(--fc-naranja) !important;
  color: var(--fc-blanco) !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 10px 16px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: background .2s !important;
}
.widget_product_search button:hover {
  background: var(--fc-naranja-o) !important;
}

/* =====================================================================
   FILTRO DE PRECIO (SLIDER)
   ===================================================================== */
.price_slider_wrapper .ui-slider {
  background: var(--fc-gris-borde) !important;
}
.price_slider_wrapper .ui-slider .ui-slider-range {
  background: var(--fc-naranja) !important;
}
.price_slider_wrapper .ui-slider .ui-slider-handle {
  background: var(--fc-naranja) !important;
  border: none !important;
  border-radius: 50% !important;
}
.price_slider_amount .button {
  background: var(--fc-naranja) !important;
  color: var(--fc-blanco) !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 7px 16px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

/* =====================================================================
   RESPONSIVE MÓVIL — ajustes finos
   ===================================================================== */
@media (max-width: 600px) {
  .woocommerce ul.products li.product a img,
  .woocommerce-page ul.products li.product a img {
    height: 150px !important;
  }
  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: .78rem !important;
    min-height: 40px !important;
  }
  .woocommerce ul.products li.product .price {
    font-size: .92rem !important;
  }
  .woocommerce ul.products li.product .button {
    font-size: .76rem !important;
    padding: 9px 0 !important;
  }
}/* End custom CSS */