/* Tope universal: ninguna imagen de producto se sale de su tarjeta */
.product_index_page .content .case .img img{max-width:100% !important;max-height:100% !important;object-fit:contain;width:auto !important;height:auto !important}

/* =========================================================================
   productlist_responsive.css  —  Capa móvil del catálogo (productList.php)
   Se activa en pantallas menores al diseño de escritorio. No toca escritorio.
   ========================================================================= */

/* ===== Quitar el min-width:1280 del template (body + nav del catálogo) ===== */
@media screen and (max-width: 1279px) {
  body, .header, header.header, header .menu, .foot, .foot .content, .banner,
  .product_index_page nav { min-width: 0 !important; }
  html, body { overflow-x: hidden; }
  .product_index_page ul.nav { width: 100% !important; }
  .product_index_page .content { width: 100% !important; box-sizing: border-box; }
}

/* ===== Layout móvil (<=768px) ===== */
@media screen and (max-width: 768px) {
  .product_index_page .title { font-size: 6.4vw; line-height: 1.3; margin: 7vw 0 4vw; padding: 0 4%; }
  .product_index_page .subtitle { font-size: 4.4vw; padding: 0 4%; }

  /* Barra de categorías: scroll horizontal en lugar de encimarse */
  .product_index_page nav { height: auto !important; padding: 2.5vw 0; }
  .product_index_page ul.nav { flex-wrap: nowrap !important; overflow-x: auto; -webkit-overflow-scrolling: touch;
    justify-content: flex-start !important; gap: 5vw; padding: 0 4%; }
  .product_index_page ul.nav li { font-size: 3.8vw; white-space: nowrap; }

  /* Cuadrícula de productos: 2 columnas */
  .product_index_page .content { padding: 3vw 3% 8vw !important; }
  .product_index_page .content .con { justify-content: space-between; }
  .product_index_page .content .case { width: 48% !important; margin-right: 0 !important; margin-bottom: 5vw; }
  .product_index_page .content .case:nth-child(3n) { margin-right: 0 !important; }
  .product_index_page .content .case .img { width: 100% !important; height: 44vw !important; line-height: 44vw !important; }
  .product_index_page .content .case .img img { max-width: 84% !important; height: auto !important; vertical-align: middle; position: static !important; top: auto !important; }
  .product_index_page .content .case .subtitle { font-size: 4.2vw; line-height: 1.3; }
  .product_index_page .content .case .buyWrapper { margin-bottom: 5vw !important; }
  .product_index_page .content .case .buyWrapper .desc { font-size: 3.4vw; line-height: 1.35; }

  /* Footer en 2 columnas (igual que la home) */
  .foot_top { flex-wrap: wrap !important; padding: 0 4%; }
  .foot_top .link_list { width: 48% !important; margin-bottom: 7vw; }
  .copyright { flex-direction: column !important; text-align: center; gap: 2vw; padding: 5vw 3%; }
}