/*
 Theme Name: Hello Elementor Child
 Template: hello-elementor
 Version: 1.0
*/
.cat-hero {padding:20px;border:1px solid #eee;border-radius:10px;background:#f8fafc;margin-bottom:16px}
.cat-hero--ref h1{margin:0 0 6px;font-size:1.6rem}
.cat-hero {padding:24px 18px;margin-bottom:16px;border:1px solid #eaeaec;border-radius:10px;background:#f8fafc}
.cat-hero--ref h1{margin:0 0 6px;font-size:1.6rem;line-height:1.2}
.cat-hero--ref p{margin:0;color:#374151}
@media(min-width:768px){.cat-hero--ref h1{font-size:2rem}}

/* ====== Tarjetas de producto en archivos (categorías/tienda) ====== */
.woocommerce ul.products { 
  gap: 28px !important;               /* separaciones más generosas */
}
.woocommerce ul.products li.product {
  background:#fff;
  border:1px solid #e9e9ee;
  border-radius:14px;
  box-shadow:0 2px 10px rgba(16,24,40,.06);
  padding:16px;
  display:flex;                        /* columna para “pegar” el botón abajo */
  flex-direction:column;
  transition:transform .15s ease, box-shadow .15s ease;
}
.woocommerce ul.products li.product:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 18px rgba(16,24,40,.10);
}

/* Contenedor de imagen con relación de aspecto consistente */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link img{
  width:100%; height:auto; display:block;
}
.woocommerce ul.products li.product .product-image,
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
  display:block;
}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{
  position:relative;
}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link > img{
  aspect-ratio: 4 / 3;                 /* mantiene proporción uniforme */
  object-fit: contain;                 /* que no se corte */
  background:#fff;
}

/* Título: 2 líneas, alturas consistentes */
.woocommerce-loop-product__title{
  font-size:16px!important;
  line-height:1.3;
  margin:10px 0 6px!important;
  min-height: 2.6em;                   /* ~2 líneas */
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}

/* Precio destacado */
.woocommerce ul.products li.product .price{
  font-weight:700;
  color:#111827;
  margin:4px 0 10px;
}

/* Empujar el botón al fondo y hacerlo ancho */
.woocommerce ul.products li.product .button{
  margin-top:auto;                     /* empuja hacia abajo */
  width:100%;
  text-align:center;
  border-radius:10px;
  padding:10px 14px;
}

/* Botón “Consultar existencias” (clase que generamos) */
a.consultar-existencias.button{
  background:#6b21a8;                  /* morado sitio */
  color:#fff !important;
  border:none;
}
a.consultar-existencias.button:hover{
  filter:brightness(1.05);
}

/* Paginación/orden más limpio */
.woocommerce .woocommerce-ordering select{
  border-radius:10px;
}

/* Responsive: 2 col en móvil, 3 en tablet (si el tema no lo hace ya) */
@media (max-width: 767px){
  .woocommerce ul.products{ gap:18px!important; }
}