/* ==========================================================================
   Intersol — páginas de tienda (Tienda, categorías, búsqueda) y tarjetas de
   producto en cualquier listado de WooCommerce (incluye relacionados).
   Con y sin GP Premium. Usa los tokens de intersol.css.
   ========================================================================== */

/* ---------- Encabezado de venta ---------- */
.is-tienda .woocommerce-products-header{display:none}
.is-tienda .woocommerce-breadcrumb{margin-bottom:14px}
.is-tienda-cab{background:var(--is-azul-noche);color:#C7D2FF;border-radius:24px;padding:34px 38px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:30px;align-items:center;position:relative;overflow:hidden}
.is-tienda-cab::after{content:"";position:absolute;right:-70px;top:-70px;width:200px;height:200px;border-radius:50%;background:var(--is-amarillo);opacity:.95;pointer-events:none}
.is-tienda-cab::before{content:"";position:absolute;right:-110px;top:-110px;width:280px;height:280px;border-radius:50%;border:26px solid rgba(255,200,31,.14);pointer-events:none}
.is-tienda-cab-txt{position:relative;z-index:1;min-width:0}
.is-tienda-cab .is-eti{color:var(--is-amarillo);margin:0 0 10px}
.is-tienda .is-tienda-cab h1{color:#fff;font-family:var(--is-f-display);font-stretch:118%;font-weight:900;font-size:clamp(2rem,4vw,3.1rem);letter-spacing:-.035em;line-height:1;margin:0}
.is-tienda-cab-lead{margin:14px 0 0;max-width:52ch;font-size:1.02rem}
.is-tienda .is-tienda-beneficios{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative;z-index:1}
.is-tienda .is-tienda-beneficios li{margin:0;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px 14px;color:#fff;font-weight:600;font-size:.9rem;line-height:1.25}
.is-tienda-beneficios svg{width:22px;height:22px;flex-shrink:0;color:var(--is-amarillo)}

/* ---------- Categorías ---------- */
.is-tienda-cats{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:18px 0 26px;padding:2px}
.is-tienda-cats::-webkit-scrollbar{display:none}
.is-tienda .is-tienda-cats a{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;background:var(--is-blanco);border:2px solid var(--is-linea);border-radius:999px;padding:9px 14px;color:var(--is-tinta);font-weight:600;font-size:.92rem;text-decoration:none;white-space:nowrap;transition:border-color .15s ease}
.is-tienda .is-tienda-cats a:hover{border-color:var(--is-azul);color:var(--is-tinta)}
.is-tienda-cats svg{width:18px;height:18px;color:var(--is-azul)}
.is-tienda-cats small{background:var(--is-hielo);color:var(--is-gris);border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:700}
.is-tienda .is-tienda-cats a[aria-current="page"]{background:var(--is-azul);border-color:var(--is-azul);color:#fff}
.is-tienda-cats a[aria-current="page"] svg{color:var(--is-amarillo)}
.is-tienda-cats a[aria-current="page"] small{background:rgba(255,255,255,.2);color:#fff}

/* ---------- Barra: cantidad + orden ---------- */
.is-tienda .wc-columns-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}
.is-tienda .wc-columns-container>*{flex-basis:100%}
.is-tienda .wc-columns-container>.woocommerce-notices-wrapper{order:0}
.is-tienda .wc-columns-container>.woocommerce-result-count{order:1;flex-basis:auto;margin:0}
.is-tienda .wc-columns-container>.woocommerce-ordering{order:2;flex-basis:auto;margin:0}
.is-tienda .wc-columns-container>ul.products{order:3}
.is-tienda .woocommerce-result-count{color:var(--is-gris);font-size:.9rem;font-weight:500}
.is-tienda .woocommerce-ordering select{border:2px solid var(--is-linea);border-radius:999px;padding:9px 36px 9px 16px;background-color:var(--is-blanco);color:var(--is-tinta);font-weight:600;font-size:.9rem;cursor:pointer}
.is-tienda .woocommerce-ordering select:focus{border-color:var(--is-azul);outline:none}

/* ---------- Tarjetas de producto ---------- */
.is-tienda ul.products li.product{background:var(--is-blanco);border:1px solid var(--is-linea);border-radius:18px;padding:12px;display:flex;flex-direction:column;text-align:left;position:relative;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.is-tienda ul.products li.product:hover{border-color:var(--is-azul);box-shadow:0 16px 34px rgba(12,19,56,.1);transform:translateY(-3px)}
.is-tienda ul.products li.product>a.woocommerce-loop-product__link{display:flex;flex-direction:column;flex:1;color:inherit;text-decoration:none}
.is-tienda ul.products li.product .woocommerce-loop-product__title,.is-tienda ul.products li.product .price,.is-tienda ul.products li.product .is-cuotas{text-align:left}

/* Imagen: caja cuadrada, producto completo (contain), con o sin GP Premium. */
.is-tienda ul.products li.product .wc-product-image,.is-tienda ul.products li.product a.woocommerce-loop-product__link>img,.is-tienda ul.products li.product a.woocommerce-loop-product__link>.is-sin-foto{display:grid;place-items:center;aspect-ratio:1;width:100%;background:var(--is-hielo);border-radius:12px;overflow:hidden;margin:0 0 12px;box-sizing:border-box}
.is-tienda ul.products li.product .wc-product-image .inside-wc-product-image{width:100%;height:100%;display:grid;place-items:center}
.is-tienda ul.products li.product img{object-fit:contain;background:transparent;margin:0!important;transition:transform .25s ease}
.is-tienda ul.products li.product .wc-product-image img{width:100%;height:100%;padding:8px;box-sizing:border-box}
.is-tienda ul.products li.product a.woocommerce-loop-product__link>img{padding:8px}
.is-tienda ul.products li.product:hover img{transform:scale(1.04)}
.is-sin-foto{display:grid;place-items:center;width:100%}
.wc-product-image .is-sin-foto{height:100%}
.is-sin-foto .is-dibujo{zoom:.9}

.is-loop-cat{display:block;font-family:var(--is-f-dato);font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;color:var(--is-azul);margin-bottom:4px}
.is-tienda ul.products li.product .woocommerce-loop-product__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em;line-height:1.25;margin:0 0 8px;padding:0}
.is-tienda ul.products li.product .price{justify-content:flex-start;margin-bottom:2px}
.is-tienda ul.products li.product .price small.woocommerce-price-suffix{font-family:var(--is-f-cuerpo);font-size:.55em;font-weight:700;letter-spacing:0;color:var(--is-gris)}
.is-tienda ul.products li.product .is-cuotas{margin:2px 0 8px}
.is-stock{margin:0 0 10px;font-size:.78rem;font-weight:700;align-self:flex-start;border-radius:999px;padding:3px 10px}
.is-stock--pocas{background:var(--is-amarillo-suave,#FFF3C9);color:#7A5200}
.is-stock--agotado{background:var(--is-hielo);color:var(--is-gris)}
.is-tienda ul.products li.product .button{margin-top:auto;width:100%;text-align:center;box-sizing:border-box;border-radius:12px}
.is-tienda ul.products li.product .button.added{background:var(--is-ok)}
.is-tienda ul.products li.product a.added_to_cart{display:block;text-align:center;font-size:.85rem;font-weight:700;margin-top:8px;text-decoration:none}
.is-tienda ul.products li.product.outofstock img{opacity:.55}
.is-tienda.woocommerce ul.products li.product .onsale{z-index:2}

/* ---------- Paginación ---------- */
.is-tienda .woocommerce-pagination{margin-top:28px}
.is-tienda .woocommerce nav.woocommerce-pagination ul,.is-tienda nav.woocommerce-pagination ul{border:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.is-tienda nav.woocommerce-pagination ul li{border:0;float:none;margin:0}
.is-tienda nav.woocommerce-pagination ul li a,.is-tienda nav.woocommerce-pagination ul li span{min-width:42px;height:42px;box-sizing:border-box;display:grid;place-items:center;border-radius:12px;background:var(--is-blanco);border:2px solid var(--is-linea);color:var(--is-tinta);font-weight:700;padding:0 10px}
.is-tienda nav.woocommerce-pagination ul li a:hover{border-color:var(--is-azul);background:var(--is-blanco);color:var(--is-azul)}
.is-tienda nav.woocommerce-pagination ul li span.current{background:var(--is-azul);border-color:var(--is-azul);color:#fff}

/* ---------- Ayuda al final ---------- */
.is-tienda-ayuda{margin-top:40px;background:var(--is-azul);color:#C7D2FF;border-radius:24px;padding:32px 36px;display:grid;grid-template-columns:minmax(0,1.1fr) auto;gap:24px;align-items:center}
.is-tienda .is-tienda-ayuda h2{color:#fff;font-family:var(--is-f-display);font-stretch:115%;font-weight:900;font-size:clamp(1.5rem,2.6vw,2rem);letter-spacing:-.02em;margin:0 0 8px}
.is-tienda-ayuda p{margin:0;max-width:56ch}
.is-tienda-ayuda-btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}

/* ---------- Sin resultados ---------- */
.is-tienda .woocommerce-info.woocommerce-no-products-found{border-radius:14px}

/* ---------- Responsivo ---------- */
@media (max-width:960px){
  .is-tienda-cab{grid-template-columns:1fr}
  .is-tienda-ayuda{grid-template-columns:1fr}
  .is-tienda-ayuda-btns{justify-content:flex-start}
}
@media (max-width:620px){
  .is-tienda-cab{padding:24px 20px;border-radius:20px;gap:20px}
  .is-tienda-cab::after{width:130px;height:130px;right:-55px;top:-55px}
  .is-tienda-cab::before{display:none}
  .is-tienda-cab-lead{display:none}
  .is-tienda .is-tienda-cab h1{font-size:1.8rem}
  .is-tienda .is-tienda-beneficios{gap:8px}
  .is-tienda .is-tienda-beneficios li{padding:10px;font-size:.8rem;gap:8px}
  .is-tienda-beneficios svg{width:18px;height:18px}
  .is-tienda-cats{margin:14px -16px 18px;padding:2px 16px}
  .is-tienda .wc-columns-container>.woocommerce-ordering,.is-tienda .wc-columns-container>.woocommerce-result-count{flex-basis:100%}
  .is-tienda .woocommerce-ordering select{width:100%}
  .is-tienda ul.products li.product{padding:8px;border-radius:14px}
  .is-tienda ul.products li.product .wc-product-image,.is-tienda ul.products li.product a.woocommerce-loop-product__link>img,.is-tienda ul.products li.product a.woocommerce-loop-product__link>.is-sin-foto{margin-bottom:8px}
  .is-sin-foto .is-dibujo{zoom:.55}
  .is-loop-cat{font-size:.58rem}
  .is-stock{font-size:.7rem}
  .is-tienda-ayuda{padding:24px 20px}
  .is-tienda-ayuda .is-btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .is-tienda ul.products li.product,.is-tienda ul.products li.product img{transition:none}
  .is-tienda ul.products li.product:hover{transform:none}
}

/* ---------- Grilla pareja también sin GP Premium (WooCommerce usa float) ---------- */
.is-tienda ul.products{display:grid;gap:16px;margin-left:0;margin-right:0}
.is-tienda ul.products::before,.is-tienda ul.products::after{display:none!important}
.is-tienda ul.products li.product{width:auto!important;margin:0!important;float:none!important}
.is-tienda ul.products.columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.is-tienda ul.products.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.is-tienda ul.products.columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.is-tienda ul.products.columns-5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:960px){
  .is-tienda ul.products.columns-4,.is-tienda ul.products.columns-5{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* ---------- Dibujos para productos sin foto (copia de portada.css: aquí no carga) ---------- */
.is-dibujo{display:flex;gap:6px;align-items:flex-end}
.is-dibujo i{display:block}
.is-d-pan{width:46px;height:70px;border-radius:3px;background:repeating-linear-gradient(0deg,#1C2E8E 0 11px,#C8D2F2 11px 13px),#1C2E8E;box-shadow:inset 0 0 0 3px #C8D2F2;transform:skewY(-8deg)}
.is-d-inv{width:40px;height:52px;border-radius:8px;background:var(--is-blanco);border:3px solid var(--is-azul-noche);position:relative;box-sizing:border-box}
.is-d-inv::after{content:"";position:absolute;top:7px;left:7px;right:7px;height:10px;border-radius:3px;background:var(--is-amarillo)}
.is-d-bat{width:44px;height:64px;border-radius:8px;background:var(--is-azul-noche);position:relative}
.is-d-bat::before{content:"";position:absolute;inset:12px 10px auto;height:28px;border-radius:4px;background:repeating-linear-gradient(0deg,var(--is-amarillo) 0 6px,transparent 6px 9px)}
.is-d-inv.is-d-grande{width:58px;height:74px}
.is-d-bat.is-d-grande{width:60px;height:84px}
.is-d-caja{color:var(--is-azul)}
.is-d-caja svg{width:64px;height:64px}