/* Contenedor masonry */
  .products-masonry{
    column-count: 1;
    column-gap: 1rem;
  }
  @media (min-width: 576px){ .products-masonry{ column-count: 2; } }
  @media (min-width: 992px){ .products-masonry{ column-count: 3; } } /* máx 3 */

  /* Cada tarjeta */
  .product-item{
    break-inside: avoid;
    margin: 0 0 1rem;
    display: inline-block;
    margin-top: 1rem;
    margin-bottom: auto;
    width: 100%;
  }

  /* Asegura que la imagen se adapte y se vea limpia */
  .product-card{ border: 1px solid #e9ecef; border-radius: 6px; overflow: hidden; background:#fff; }
  .product-img{ position: relative; overflow: hidden; }
  .product-img img{
    width: 100%;
    height: auto;
    display: block;
    /* Si prefieres recorte elegante: descomenta las 2 líneas de abajo */
    /* height: 100%; aspect-ratio: 4/5; object-fit: cover; */
  }
  .product-info{ padding: .75rem .9rem;
    margin: auto;
    margin-bottom: 1.5rem;
 }
  .product-title{ font-size: 1rem; margin: 0; }


  .catalog-frame{
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 8px;
    background: #fff;
    box-shadow: var(--shadow-sm, 0 1px 2px rgba(0,0,0,.04));
    overflow: hidden;
    margin: 1rem;
    margin-top: auto;
  }