.elementor-973 .elementor-element.elementor-element-d1957da:not(.elementor-motion-effects-element-type-background), .elementor-973 .elementor-element.elementor-element-d1957da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://kissa.com.co/wp-content/uploads/2022/04/cover-tienda-kissa.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-973 .elementor-element.elementor-element-d1957da > .elementor-container{min-height:50vh;}.elementor-973 .elementor-element.elementor-element-d1957da{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-973 .elementor-element.elementor-element-d1957da > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-973 .elementor-element.elementor-element-efe960d > .elementor-container{max-width:1400px;}.elementor-973 .elementor-element.elementor-element-efe960d{padding:50px 0px 120px 0px;}.elementor-973 .elementor-element.elementor-element-07f88bc.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-973 .elementor-element.elementor-element-07f88bc.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-973 .elementor-element.elementor-element-ad1f389 > .elementor-element-populated{padding:40px 40px 40px 40px;}@media(max-width:1024px){.elementor-973 .elementor-element.elementor-element-07f88bc.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-973 .elementor-element.elementor-element-07f88bc.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for wc-archive-products, class: .elementor-element-07f88bc *//* Tokens de marca */
:root{
  --k-bg:#ffffff;
  --k-ink:#1f1f1f;
  --k-muted:#6B7280;
  --k-line:rgba(0,0,0,.08);
  --k-card:#fff;
  --k-accent:#3A3551;   /* morado */
  --k-accent-2:#D05D98; /* rosa */
  --k-r:16px;
}

/* === CONTEXTO EXACTO DEL LOOP === */
.woocommerce .elementor-element.elementor-products-grid ul.products{
  display:grid !important;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
  gap:22px !important;
  margin:0 !important; padding:0 !important; list-style:none !important;
}
.woocommerce .elementor-element.elementor-products-grid ul.products > li{
  width:auto !important; float:none !important; margin:0 !important; position:relative !important;
}

/* === CARD LIMPIA === */
.woocommerce .elementor-element.elementor-products-grid ul.products li.product{
  background:#fff !important;
  border:1px solid rgba(0,0,0,.08) !important;
  border-radius:16px !important;
  box-shadow:0 10px 22px rgba(0,0,0,.05) !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}
.woocommerce .elementor-element.elementor-products-grid ul.products li.product:hover{
  transform:translateY(-3px); border-color:rgba(0,0,0,.12); box-shadow:0 16px 34px rgba(0,0,0,.09);
}

/* === CONTENEDOR DE IMAGEN (evita estiramientos) === */
.woocommerce .elementor-element.elementor-products-grid ul.products li.product a.woocommerce-LoopProduct-link{
  display:flex !important;
  flex-direction:column !important;
}

/* El marco de la imagen toma altura fija y la imagen se centra sin deformarse */
.woocommerce .elementor-element.elementor-products-grid ul.products li.product a.woocommerce-LoopProduct-link img{
  width:100% !important;
  height:auto !important;
  aspect-ratio: 1 / 1 !important;       /* cuadrado consistente */
  object-fit: contain !important;        /* NO recortes agresivos */
  background:#f7f7f8 !important;         /* base neutra */
  border-bottom:1px solid rgba(0,0,0,.05) !important;
  display:block !important;
}

/* === TÍTULO (forzado visible) === */
.woocommerce .elementor-element.elementor-products-grid ul.products li.product .woocommerce-loop-product__title{
  display:block !important;              /* Elementor a veces lo oculta */
  visibility:visible !important; opacity:1 !important;
  margin:12px 14px 6px !important;
  font-size:.98rem !important; font-weight:600 !important;
  color:#1f1f1f !important; line-height:1.35 !important;
  display:-webkit-box !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important;
  overflow:hidden !important; min-height:2.6em !important; /* altura consistente */
}

/* === PRECIO (forzado visible) === */
.woocommerce .elementor-element.elementor-products-grid ul.products li.product .price{
  display:block !important;
  margin:0 14px 12px !important;
  font-weight:700 !important; font-size:1rem !important;
  color:#3A3551 !important;              /* morado Kissa */
}
.woocommerce .elementor-element.elementor-products-grid ul.products li.product .price del{
  color:#6B7280 !important; opacity:.85 !important; margin-right:6px !important;
}

/* === CTA === */
.woocommerce .elementor-element.elementor-products-grid ul.products li.product .button{
  display:block !important;              /* por si Elementor lo oculta */
  margin:auto 14px 14px !important;      /* empuja hacia abajo y deja aire */
  width:100% !important; text-align:center !important;
  background:#111 !important; color:#fff !important;
  border-radius:12px !important; padding:10px 14px !important;
  font-weight:600 !important; line-height:1 !important;
  transition:background .18s ease !important;
}
.woocommerce .elementor-element.elementor-products-grid ul.products li.product .button:hover{ background:#3a3a3a !important; }

/* === BADGE OFERTA (si existe) === */
.woocommerce .elementor-element.elementor-products-grid ul.products li.product .onsale{
  position:absolute !important; top:10px !important; left:10px !important;
  background:#D05D98 !important; color:#fff !important;
  padding:6px 10px !important; border-radius:10px !important;
  font-size:.75rem !important; font-weight:700 !important; z-index:2 !important;
}

/* === RESPONSiVE === */
@media (max-width:640px){
  .woocommerce .elementor-element.elementor-products-grid ul.products{
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
    gap:16px !important;
  }
  .woocommerce .elementor-element.elementor-products-grid ul.products li.product .woocommerce-loop-product__title{
    font-size:.95rem !important;
  }
}/* End custom CSS */