/* ===========================================================
   TIENDA — usa los tokens y componentes de landing.css
   (:root, .wrap, .pill, .kicker, .h-lg, .site-header, .floating)
   =========================================================== */

/* Barra de avisos */
.shipbar{
  background:var(--petrol);
  color:rgba(255,255,255,.82);
  border-bottom:1px solid rgba(255,255,255,.08);
  overflow:hidden;
}
.shipbar-track{
  max-width:1180px;margin:0 auto;padding:11px 28px;
  display:flex;align-items:center;justify-content:center;gap:14px;
  font-size:13px;font-weight:500;letter-spacing:.02em;
  white-space:nowrap;overflow-x:auto;scrollbar-width:none;
}
.shipbar-track::-webkit-scrollbar{display:none}
.shipbar-item{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto}
.shipbar-item svg{color:var(--blue-300)}
.shipbar-sep{color:rgba(255,255,255,.3);flex:0 0 auto}

/* Hero de tienda */
.shop-hero{position:relative;background:var(--ink);color:#fff;overflow:hidden}
.shop-hero-glow{
  position:absolute;right:-120px;top:-140px;width:620px;height:520px;
  background:radial-gradient(circle at 65% 35%,rgba(26,115,232,.32),transparent 62%);
  pointer-events:none;
}
.shop-hero-inner{position:relative;z-index:2;padding:66px 28px 60px;max-width:1180px}
.shop-hero h1{
  font-size:clamp(30px,4.2vw,50px);line-height:1.08;margin-top:18px;max-width:19ch;
  color:#fff !important;
}
.shop-hero h1 .accent{color:var(--blue-300) !important}
.shop-hero .kicker{color:rgba(255,255,255,.65) !important}
.shop-hero-lead{
  font-size:16.5px;line-height:1.7;color:rgba(255,255,255,.76) !important;
  max-width:54ch;margin:18px 0 0;
}
.shop-hero .hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}

/* Categorías */
.shop-cats{background:var(--paper);padding:76px 0 70px}
.shop-cats .h-lg{margin-bottom:34px}

.catgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.cat{
  position:relative;
  display:flex;align-items:center;gap:16px;
  background:#fff;border:1px solid var(--line);
  padding:16px;color:var(--ink);
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.cat:hover{
  border-color:var(--blue);color:var(--ink);
  box-shadow:0 12px 32px rgba(10,14,18,.09);
  transform:translateY(-2px);
}
.cat-figure{
  flex:0 0 76px;width:76px;height:76px;
  background:linear-gradient(180deg,#f7f9fb,#eceff3);
  border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;overflow:hidden;
}
.cat-figure img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:7px}
.cat-body{display:flex;flex-direction:column;gap:4px;min-width:0}
.cat-name{font-weight:700;font-size:15.5px;line-height:1.25}
.cat-count{font-size:12.5px;color:var(--muted)}
.cat-arrow{margin-left:auto;flex:0 0 auto;color:var(--blue);opacity:0;transition:opacity .18s ease}
.cat:hover .cat-arrow{opacity:1}

/* Destacados */
.shop-featured{background:var(--paper-2);border-top:1px solid var(--line);padding:76px 0}
.shop-featured .products-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}

.shopgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:36px}
.scard{
  background:#fff;border:1px solid var(--line);
  display:flex;flex-direction:column;color:var(--ink);
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.scard:hover{
  border-color:var(--blue);color:var(--ink);
  box-shadow:0 12px 32px rgba(10,14,18,.09);
  transform:translateY(-2px);
}
.scard-figure{
  height:230px;background:linear-gradient(180deg,#f7f9fb,#eceff3);
  border-bottom:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;padding:18px;
}
.scard-figure img{
  width:100%;height:100%;object-fit:contain;
  mix-blend-mode:multiply;display:block;
}
.scard-body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:7px}
.scard-name{
  font-weight:600;font-size:14.5px;line-height:1.4;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.scard-price{font-weight:700;font-size:16px;color:var(--ink);margin-top:auto}
.scard-price .woocommerce-Price-amount{color:var(--ink)}
.scard-price del{color:var(--muted);font-weight:500;font-size:13.5px;margin-right:6px}
.scard-price ins{text-decoration:none}
.scard-price small{display:block;font-size:11.5px;font-weight:500;color:var(--muted);margin-top:2px}

/* Garantías */
.shop-trust{background:var(--paper);border-top:1px solid var(--line);padding:58px 0}
.trustgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:34px 28px}
.trust-title{font-weight:700;font-size:16px;margin-top:13px}
.trust-text{font-size:14px;line-height:1.6;color:var(--muted);margin-top:6px}

/* Cierre */
.shop-close{background:var(--petrol);color:#fff;position:relative;overflow:hidden}
.shop-close-glow{
  position:absolute;right:-80px;top:-60px;width:520px;height:420px;
  background:radial-gradient(circle at 70% 30%,rgba(26,115,232,.35),transparent 65%);
  pointer-events:none;
}
.shop-close-grid{
  position:relative;z-index:2;
  padding:60px 28px;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;align-items:center;
}
.shop-close .h-md{color:#fff !important}
.shop-close .store-text{color:rgba(255,255,255,.75) !important}
.shop-close .store-cta{display:flex;justify-content:flex-end}

/* Responsive */
@media (max-width:1060px){
  .shopgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){
  .shopgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .scard-figure{height:190px}
  .shop-hero-inner{padding:52px 28px 48px}
  .shop-close .store-cta{justify-content:flex-start}
}
@media (max-width:520px){
  .catgrid{grid-template-columns:1fr}
  .shipbar-track{justify-content:flex-start;padding:10px 20px}
  .scard-figure{height:165px;padding:12px}
  .shop-hero-inner{padding:44px 20px 42px}
  .shop-cats{padding:56px 0 52px}
  .shop-featured{padding:56px 0}
}