/* Mercado: catálogo grande. Buscador ancho a la vista, menú de categorías en barra,
   tarjetas compactas con el precio en grande y categorías en fichas pequeñas. */
.t-mercado .announce{background:var(--accent);color:var(--on-accent);font-weight:700;font-size:.8125rem}
.t-mercado .site-header{background:var(--surface)}
.t-mercado .site-header__inner{grid-template-columns:auto 1fr;grid-template-areas:"brand tools" "nav nav";gap:12px 28px;padding-top:14px;padding-bottom:0}
.t-mercado .brand{grid-area:brand}
.t-mercado .brand__name{font-weight:800;letter-spacing:-.03em;color:var(--primary)}
.t-mercado .site-tools{grid-area:tools;gap:6px}
.t-mercado .site-search{flex:1}
.t-mercado .site-search input,.t-mercado .site-search input:focus{width:100%;border-radius:10px;background:var(--bg);border-color:transparent;padding:11px 16px;font-size:.9375rem}
.t-mercado .site-nav{grid-area:nav;justify-content:flex-start;gap:0;margin:0 -10px;border-top:1px solid var(--line)}
.t-mercado .site-nav a{padding:12px 10px;font-weight:600;font-size:.875rem;border:0}
.t-mercado .site-nav a:hover{color:var(--primary)}

/* Banner compacto, de oferta. */
.t-mercado .hero{padding:20px 0 8px}
.t-mercado .hero__inner{display:grid;grid-template-columns:1.1fr .9fr;align-items:stretch;background:var(--primary);color:var(--on-primary);border-radius:14px;overflow:hidden;padding:0}
.t-mercado .hero__copy{padding:clamp(28px,4vw,56px)}
.t-mercado .hero__title{font-size:clamp(2rem,1.3rem + 2.6vw,3.5rem);font-weight:800;letter-spacing:-.03em;margin-bottom:12px}
.t-mercado .hero__subtitle{font-size:1.0625rem;margin-bottom:26px;opacity:.9;max-width:44ch}
.t-mercado .hero .btn{background:var(--accent);color:var(--on-accent);border-radius:10px}
.t-mercado .hero__art{min-height:260px;background:color-mix(in srgb,var(--on-primary) 12%,transparent)}
.t-mercado .btn{border-radius:10px}

.t-mercado .block{padding:44px 0}
.t-mercado .block__title{font-size:clamp(1.375rem,1.1rem + 1vw,1.875rem);font-weight:800;letter-spacing:-.02em;margin-bottom:18px}
.t-mercado .collection__all{color:var(--primary)}

/* Categorías en fichas pequeñas con foto redonda. */
.t-mercado .categories__list,.t-mercado .categories__list:has(.category--image){grid-template-columns:repeat(auto-fill,minmax(min(190px,100%),1fr));gap:10px}
.t-mercado .category,.t-mercado .category--image{flex-direction:row;align-items:center;gap:12px;background:var(--surface);border-radius:12px;padding:10px 14px 10px 10px;font-size:.9375rem}
.t-mercado .category__image{width:48px;height:48px;aspect-ratio:1;border-radius:50%;flex:none}
.t-mercado .category__mark{width:48px;height:48px;border-radius:50%;background:var(--primary);color:var(--on-primary)}
.t-mercado .category--image:hover .category__image{transform:none}
.t-mercado .category:hover{box-shadow:0 0 0 2px var(--primary) inset}

/* Tarjetas compactas, precio protagonista. */
.t-mercado .products{gap:12px}
.t-mercado .product{background:var(--surface);border-radius:12px;padding:10px 10px 14px;transition:box-shadow .2s}
.t-mercado .product:hover{box-shadow:0 0 0 2px var(--primary) inset}
.t-mercado .product__media{border-radius:8px;margin-bottom:10px;background:var(--bg)}
.t-mercado .product__name{font-size:.875rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}
.t-mercado .product__price{font-size:1.1875rem;font-weight:800;color:var(--primary)}
.t-mercado .product__off{background:var(--accent);color:var(--on-accent);border-radius:6px;font-weight:800}
.t-mercado .card-framed .product,.t-mercado .card-elevated .product{padding:10px 10px 14px}
.t-mercado .card-framed .product__media{margin:0 0 10px}

.t-mercado .benefits__list{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}
.t-mercado .benefit{background:var(--surface);border-radius:12px;padding:20px}
.t-mercado .faq__item{background:var(--surface);border:0;border-radius:12px;padding:16px 20px;margin-bottom:8px}
.t-mercado .category-hero{border:0}
.t-mercado .category-hero__title{font-weight:800;letter-spacing:-.03em}
.t-mercado .pdp__slides,.t-mercado .pdp__thumbs img{border-radius:12px}
.t-mercado .pdp__price{font-size:2rem;font-weight:800;color:var(--primary)}
.t-mercado .pdp__actions .btn{border-radius:10px}

@media (max-width:860px){
  .t-mercado .hero__inner{grid-template-columns:1fr}
  .t-mercado .hero__art{min-height:200px;order:-1}
  .t-mercado .site-nav{flex-wrap:nowrap;overflow-x:auto}
}
@media (max-width:640px){
  .t-mercado .site-tools{justify-self:end}
  .t-mercado .categories__list,.t-mercado .categories__list:has(.category--image){grid-template-columns:1fr 1fr}
  .t-mercado .category,.t-mercado .category--image{font-size:.8125rem;padding:8px}
  .t-mercado .category__image,.t-mercado .category__mark{width:38px;height:38px}
}

/* Fase J — firma: mercado con ritmo; botón «Añadir» con texto siempre visible y titular con fuerza. */
.t-mercado .hero__title{font-size:clamp(2.5rem,1.3rem + 3.8vw,4.75rem);line-height:1}
.t-mercado .product__buy{opacity:1;transform:none}
.t-mercado .product__cta{border-radius:10px;padding:0 14px 0 10px;height:40px}
.t-mercado .product__cta-text{position:static;width:auto;height:auto;clip:auto}
@media (max-width:860px){.t-mercado .product__cta{padding:0}.t-mercado .product__cta-text{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0)}}
.t-mercado .product{--card-pad:10px}
.t-mercado{--radius-card:12px}