/* ═══════════════════════════════════════════════════════════════
   PAPIROS — catálogo / tienda
   ═══════════════════════════════════════════════════════════════ */
.cat-barra{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-bottom:28px}
.cat-buscar{flex:1;min-width:220px;position:relative}
.cat-buscar input{width:100%;padding:12px 14px 12px 42px;border:1px solid var(--linea);border-radius:var(--radio);
  font:400 15px var(--sans);background:#fff}
.cat-buscar input:focus{outline:none;border-color:var(--oro);box-shadow:0 0 0 3px rgba(216,164,59,.15)}
.cat-buscar svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--tinta-media)}
.cat-chips{display:flex;flex-wrap:wrap;gap:8px}
.cat-chip{padding:8px 15px;border:1px solid var(--linea);background:#fff;border-radius:99px;
  font:600 13.5px var(--sans);color:var(--tinta-media);cursor:pointer;transition:all .15s}
.cat-chip:hover{border-color:var(--oro)}
.cat-chip.activo{background:var(--azul);border-color:var(--azul);color:#fff}
.cat-conteo{color:var(--tinta-media);font-size:13.5px;margin-left:auto}

.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}
.cat-card{background:#fff;border:1px solid var(--linea);border-radius:6px;overflow:hidden;
  display:flex;flex-direction:column;transition:box-shadow .18s,transform .18s}
.cat-card:hover{box-shadow:var(--sombra);transform:translateY(-2px)}
.cat-card .foto{aspect-ratio:1;background:var(--papel-2)}
.cat-card .foto .img-slot{min-height:0;height:100%;border:0}
.cat-card .cont{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
.cat-card .categoria{font:600 11px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--oro-oscuro);margin:0 0 6px}
.cat-card h3{font-size:16.5px;font-weight:600;margin:0 0 8px;line-height:1.3}
.cat-card .precio{font-size:15px;color:var(--tinta);margin:0 0 4px}
.cat-card .precio b{font-size:19px;color:var(--azul)}
.cat-card .precio .desde{font-size:12px;color:var(--tinta-media)}
.cat-card .min{font-size:12px;color:var(--tinta-media);margin:0 0 14px}
.cat-card .btn{margin-top:auto;font-size:14px;padding:10px 16px}

.cat-vacio{text-align:center;padding:50px;color:var(--tinta-media);grid-column:1/-1}

.cat-promo{background:var(--azul);color:var(--plata);border-radius:8px;padding:40px;
  display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;margin-top:40px}
.cat-promo h2{color:#fff;font-size:24px;margin:0 0 8px}
.cat-promo p{color:#9AA4B5;margin:0;max-width:50ch}

@media (max-width:560px){
  .cat-grid{grid-template-columns:1fr 1fr}
  .cat-conteo{width:100%;margin-left:0}
}

/* ═══ vitrina de Tockia (productos promocionales vía API) ═══ */
.promo-card{background:#fff;border:1px solid var(--linea);border-radius:6px;overflow:hidden;
  display:flex;flex-direction:column;transition:box-shadow .18s,transform .18s}
.promo-card:hover{box-shadow:var(--sombra);transform:translateY(-2px)}
.promo-foto{aspect-ratio:1;background:var(--papel-2)}
.promo-foto img{width:100%;height:100%;object-fit:cover}
.promo-foto .img-slot{min-height:0;height:100%;border:0}
.promo-cont{padding:15px 17px 17px;display:flex;flex-direction:column;flex:1}
.promo-cat{font:600 11px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--oro-oscuro);margin:0 0 5px}
.promo-cont h3{font-size:15.5px;font-weight:600;margin:0 0 8px;line-height:1.3}
.promo-precio{font-size:14px;color:var(--tinta);margin:0 0 12px}
.promo-precio b{font-size:17px;color:var(--azul)}
.promo-cont .btn{margin-top:auto;font-size:13.5px;padding:9px 14px}
.promos-aviso{grid-column:1/-1;text-align:center;padding:44px 20px;background:#fff;
  border:1px dashed var(--linea);border-radius:8px}
.promos-aviso p{color:var(--tinta-media);margin:0 0 16px;font-size:15px}
