.elementor-5447 .elementor-element.elementor-element-1198133{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5447 .elementor-element.elementor-element-b63a0ed{--spacer-size:50px;}.elementor-5447 .elementor-element.elementor-element-4f9330a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5447 .elementor-element.elementor-element-3d713ec{text-align:center;}.elementor-5447 .elementor-element.elementor-element-877c1ac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5447 .elementor-element.elementor-element-38d800e{text-align:center;}.elementor-5447 .elementor-element.elementor-element-0070baf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5447 .elementor-element.elementor-element-e5d8a32{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-5447 .elementor-element.elementor-element-e5d8a32 .elementor-divider-separator{width:100%;}.elementor-5447 .elementor-element.elementor-element-e5d8a32 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-5447 .elementor-element.elementor-element-8f4c114{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5447 .elementor-element.elementor-element-be001a4.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-5447 .elementor-element.elementor-element-be001a4.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-5447 .elementor-element.elementor-element-44f9b75{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-5447 .elementor-element.elementor-element-be001a4.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-5447 .elementor-element.elementor-element-be001a4.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for wc-archive-products, class: .elementor-element-be001a4 *//* ===== Estilos Generales de la Tienda ===== */
.woocommerce ul.products {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin: 0 auto !important;
  padding: 0 !important;
}

.woocommerce ul.products li.product {
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 15px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
  list-style: none;
}

.woocommerce ul.products li.product:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 15px rgba(0,0,0,0.1);
}

/* Títulos */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  margin: 10px 0;
  color: #222;
  min-height: 40px;
}

/* Precio */
.woocommerce ul.products li.product .price {
  font-size: 15px;
  font-weight: 500;
  color: #003A83;
  text-align: center;
  margin-bottom: 10px;
}

/* ===== Botón Agregar al Carrito ===== */
.woocommerce ul.products li.product .button {
  display: block;
  width: 100%;
  text-align: center;
  padding: 12px;
  border-radius: 8px;
  background-color: #003A83 !important;
  color: #fff !important;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: all 0.3s ease;
}

.woocommerce ul.products li.product .button:hover {
  background-color: #00285c !important;
  transform: scale(1.03);
}

/* ===== Badge de oferta ===== */
.woocommerce span.onsale {
  background-color: #003A83;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  border-radius: 30px;
  padding: 5px 12px;
  top: 10px;
  left: 10px;
}

/* ===== Responsive ===== */

/* --- Escritorio (3 o 4 columnas) --- */
@media (min-width: 1025px) {
  .woocommerce ul.products li.product {
    width: calc(25% - 20px);
  }
}

/* --- Tablets (2 columnas bien alineadas) --- */
@media (max-width: 1024px) and (min-width: 768px) {
  .woocommerce ul.products li.product {
    width: calc(50% - 20px);
  }

  .woocommerce ul.products li.product img {
    max-height: 230px;
    object-fit: contain;
  }

  .woocommerce ul.products li.product .button {
    font-size: 14px;
  }
}

/* --- Móviles (1 columna centrada) --- */
@media (max-width: 767px) {
  .woocommerce ul.products li.product {
    width: 100%;
    margin-bottom: 20px;
  }

  .woocommerce ul.products li.product img {
    max-height: 200px;
    object-fit: contain;
  }

  .woocommerce ul.products li.product .button {
    font-size: 13px;
    padding: 10px;
  }
}/* End custom CSS */