/* ============================================================================
   CalColores — Catálogo (página independiente): buscador, filtros y carrito
   que cierra el pedido por WhatsApp. Reutiliza los tokens de marca.
   ============================================================================ */
:root{
  --cal-blue:#1A237E; --cal-blue-dark:#0D47A1; --cal-gold:#FBC02D; --cal-gold-dark:#F9A825;
  --night:#070a1f;
  /* Light catalog theme */
  --bg-page:oklch(96.5% 0.012 78);
  --bg-card:oklch(99.2% 0.005 78);
  --bg-card-2:oklch(97.5% 0.01 78);
  --border-dark:oklch(88% 0.014 78);
  --border-gold:oklch(75% 0.16 85 / 0.5);
  --text-main:oklch(16% 0.06 265);
  --text-sub:oklch(36% 0.06 265);
  --text-muted:oklch(54% 0.04 265);
  --gray:#F5F5F7; --slate-800:#1e293b; --slate-600:#475569; --slate-500:#64748b; --slate-400:#94a3b8;
  --ok-bg:#ecfdf5; --ok-fg:#15803d; --ok-border:#bbf7d0;
  --danger-bg:#fef2f2; --danger-fg:#b91c1c; --danger-border:#fecaca;
  --font-h:'Montserrat',system-ui,sans-serif; --font-b:'Inter',system-ui,sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--font-b);background:var(--bg-page);color:var(--text-main);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit}
.wrap{max-width:1280px;margin:0 auto;padding:0 28px}

/* ── Nav (floating pill — igual que index.html) ───────────────────────── */
:root{--night:#070a1f;--ease-out:cubic-bezier(.16,1,.3,1)}
.nav{position:fixed;top:0;left:0;right:0;z-index:9000;padding:16px 20px;pointer-events:none}
.nav__pill{position:relative;display:flex;align-items:center;justify-content:space-between;max-width:1160px;margin:0 auto;padding:7px 7px 7px 18px;background:oklch(12% 0.05 265 / 0.82);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid oklch(80% 0.18 85 / 0.2);border-radius:999px;box-shadow:0 8px 36px oklch(5% 0.04 265 / 0.45),inset 0 1px 0 oklch(100% 0 0 / 0.06);pointer-events:all;transition:background .4s,box-shadow .4s,border-color .4s}
.nav.scrolled .nav__pill{background:oklch(11% 0.05 265 / 0.97);box-shadow:0 14px 52px oklch(5% 0.04 265 / 0.65),inset 0 1px 0 oklch(100% 0 0 / 0.08);border-color:oklch(80% 0.18 85 / 0.28)}
.nav__brand{display:flex;align-items:center;flex-shrink:0;text-decoration:none}
.nav__logo{height:52px;width:auto;max-width:220px;object-fit:contain;display:block}
.nav__links{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:2px;align-items:center;list-style:none}
.nav__link{display:inline-block;padding:8px 13px;border-radius:999px;font-family:var(--font-h);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:oklch(87% 0.02 265);text-decoration:none;transition:color .22s,background .22s;white-space:nowrap}
.nav__link:hover{color:oklch(97% 0.005 265);background:oklch(100% 0 0 / 0.08)}
.nav__link--accent{color:oklch(82% 0.18 85)}
.nav__link--accent:hover{color:oklch(90% 0.2 85);background:oklch(80% 0.18 85 / 0.12)}
.nav__link--active{color:#fff;font-weight:900;background:oklch(100% 0 0 / 0.1)}
.nav__end{display:flex;align-items:center;gap:8px;flex-shrink:0}
.nav__cta{font-family:var(--font-h);font-weight:800;font-size:13px;letter-spacing:.03em;background:oklch(82% 0.19 85);color:oklch(18% 0.06 265);padding:12px 22px;border-radius:999px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;border:0;cursor:pointer;transition:background .22s,transform .3s var(--ease-out),box-shadow .25s;box-shadow:0 4px 18px oklch(80% 0.18 85 / 0.38)}
.nav__cta:hover{background:oklch(76% 0.21 85);transform:translateY(-2px);box-shadow:0 8px 30px oklch(80% 0.18 85 / 0.55)}
.nav__cart{position:relative}
.cart-badge{position:absolute;top:-7px;right:-7px;background:oklch(18% 0.06 265);color:oklch(82% 0.19 85);font-size:11px;font-weight:800;min-width:20px;height:20px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 4px 10px rgba(0,0,0,.3)}
.nav__ham{display:none;width:40px;height:40px;border-radius:50%;background:oklch(100% 0 0 / 0.08);border:1px solid oklch(100% 0 0 / 0.14);color:oklch(94% 0.01 265);cursor:pointer;align-items:center;justify-content:center;transition:background .22s;flex-shrink:0}
.nav__ham:hover{background:oklch(100% 0 0 / 0.15)}
.ham-icon line{transition:transform .3s var(--ease-out),opacity .3s;transform-origin:12px 12px}
.nav__ham.is-open .ham-top{transform:rotate(45deg) translate(0,6px)}
.nav__ham.is-open .ham-mid{opacity:0;transform:scaleX(0)}
.nav__ham.is-open .ham-bot{transform:rotate(-45deg) translate(0,-6px)}
@media(max-width:860px){
  .nav{padding:10px 16px;display:flex;justify-content:center}
  .nav__pill{
    width:auto;max-width:none;
    padding:6px 6px 6px 14px;
    justify-content:flex-start;gap:10px;
    background:oklch(11% 0.055 265 / 0.95);margin:0;
  }
  .nav__links{display:none}
  .nav__cta{display:none}
  .nav__logo{height:42px;max-width:200px}
  .nav__ham{
    display:flex;width:44px;height:44px;border-radius:50%;
    background:oklch(24% 0.01 265);
    border:1px solid oklch(32% 0.01 265);
    color:oklch(92% 0.01 265);
  }
}
/* Mobile overlay */
.nav-mobile{position:fixed;inset:0;z-index:8999;background:oklch(10% 0.05 265);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;clip-path:circle(0% at calc(100% - 40px) 36px);transition:clip-path .6s cubic-bezier(.77,0,.175,1);pointer-events:none}
.nav-mobile.is-open{clip-path:circle(170% at calc(100% - 40px) 36px);pointer-events:all}
.nav-mobile__close{position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:50%;background:oklch(100% 0 0 / 0.07);border:1px solid oklch(100% 0 0 / 0.12);color:oklch(94% 0.01 265);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .22s,transform .3s var(--ease-out)}
.nav-mobile__close:hover{background:oklch(100% 0 0 / 0.14);transform:rotate(90deg)}
.nav-mobile__links{display:flex;flex-direction:column;align-items:center;gap:0}
.nav-mobile__link{font-family:var(--font-h);font-weight:900;font-size:clamp(1.8rem,7vw,3rem);letter-spacing:-.02em;color:oklch(87% 0.02 265);text-decoration:none;padding:8px 24px;border-radius:12px;opacity:0;transform:translateY(20px);transition:opacity .32s,transform .32s var(--ease-out),color .2s,background .2s}
.nav-mobile.is-open .nav-mobile__links .nav-mobile__link:nth-child(1){opacity:1;transform:none;transition-delay:.08s}
.nav-mobile.is-open .nav-mobile__links .nav-mobile__link:nth-child(2){opacity:1;transform:none;transition-delay:.13s}
.nav-mobile.is-open .nav-mobile__links .nav-mobile__link:nth-child(3){opacity:1;transform:none;transition-delay:.18s}
.nav-mobile.is-open .nav-mobile__links .nav-mobile__link:nth-child(4){opacity:1;transform:none;transition-delay:.23s}
.nav-mobile.is-open .nav-mobile__links .nav-mobile__link:nth-child(5){opacity:1;transform:none;transition-delay:.28s}
.nav-mobile.is-open .nav-mobile__links .nav-mobile__link:nth-child(6){opacity:1;transform:none;transition-delay:.33s}
.nav-mobile__link:hover{color:oklch(82% 0.18 85);background:oklch(82% 0.18 85 / 0.08)}
.nav-mobile__link--accent{color:oklch(82% 0.18 85)}
.nav-mobile__link--active{color:#fff}
.nav-mobile__cta{margin-top:28px;opacity:0;transform:translateY(16px);transition:opacity .32s .30s,transform .32s .30s var(--ease-out)}
.nav-mobile.is-open .nav-mobile__cta{opacity:1;transform:none}
/* Push page content below fixed nav */
body{padding-top:88px}

/* ── header ───────────────────────────────────────────────────────────── */
.chead{background:linear-gradient(160deg,var(--cal-blue) 0%,oklch(18% 0.1 265) 70%,oklch(13% 0.07 265) 100%);color:#fff;padding:52px 0 36px}
.chead h1{font-family:var(--font-h);font-weight:900;font-size:clamp(2rem,4.5vw,3rem);letter-spacing:-.02em}
.chead p{margin-top:10px;color:var(--text-sub);font-size:1rem}
.searchbar{position:relative;margin-top:24px;max-width:560px}
.searchbar input{width:100%;padding:14px 18px 14px 46px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.12);color:#fff;font-family:var(--font-b);font-size:15px;outline:none;box-shadow:0 8px 24px -8px rgba(0,0,0,.35);transition:border-color .2s,background .2s;backdrop-filter:blur(8px)}
.searchbar input::placeholder{color:rgba(255,255,255,.5)}
.searchbar input:focus{border-color:rgba(251,192,45,.5);background:rgba(255,255,255,.18)}
.searchbar i{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.6)}

/* ── filters ──────────────────────────────────────────────────────────── */
.filters{background:oklch(98.5% 0.008 78);border-bottom:1px solid var(--border-dark);border-top:1px solid var(--border-dark)}
.frow{display:flex;gap:8px;align-items:center;padding:14px 0;overflow-x:auto;scrollbar-width:none}
.frow::-webkit-scrollbar{display:none}
.frow + .frow{border-top:1px solid var(--border-dark)}
.chip{flex-shrink:0;font-family:var(--font-h);font-weight:700;font-size:12.5px;padding:8px 16px;border-radius:999px;border:1px solid var(--border-dark);background:var(--bg-card);color:var(--text-sub);cursor:pointer;transition:all .2s var(--ease);white-space:nowrap}
.chip:hover{border-color:var(--cal-blue);color:var(--cal-blue)}
.chip.on{background:var(--cal-blue);color:#fff;border-color:var(--cal-blue)}
.chip.tier1.on{background:var(--cal-blue)}
.chip.tier2.on{background:#5b21b6;border-color:#5b21b6}
.chip.tier3.on{background:var(--cal-gold);color:var(--cal-blue-dark);border-color:var(--cal-gold)}
.fsep{width:1px;height:22px;background:var(--border-dark);flex-shrink:0;margin:0 2px}

/* ── results ──────────────────────────────────────────────────────────── */
.results{padding:26px 0 70px}
.results__meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.results__count{font-size:13px;color:var(--text-muted);font-weight:600}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.grid--grouped{display:block}
.empty{text-align:center;padding:70px 20px;color:var(--text-muted)}
.empty i{font-size:34px;color:var(--text-muted);margin-bottom:14px;display:block}

/* paint card (color-first) */
.pcard{position:relative;background:var(--bg-card);border:1px solid var(--border-dark);border-radius:20px;overflow:hidden;box-shadow:0 4px 18px -4px oklch(20% 0.06 265 / 0.1),0 1px 3px oklch(20% 0.06 265 / 0.06);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s}
.pcard:hover{transform:translateY(-4px);box-shadow:0 16px 40px -8px oklch(20% 0.06 265 / 0.18),0 2px 6px oklch(20% 0.06 265 / 0.08);border-color:oklch(70% 0.15 85 / 0.6)}
.pcard__hero{position:relative;height:110px;display:flex;align-items:flex-end;padding:14px}
.pcard__hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.55))}
.pcard__tier{position:absolute;top:10px;left:10px;z-index:2;font-family:var(--font-h);font-weight:800;font-size:9px;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:oklch(14% 0.06 265 / 0.82);color:#fff;backdrop-filter:blur(6px)}
.pcard__name{position:relative;z-index:2;font-family:var(--font-h);font-weight:900;font-size:1.15rem;color:#fff;line-height:1}
.pcard__body{padding:14px 16px 16px}
.pcard__pres{border:1px solid var(--border-dark);border-radius:12px;padding:9px 11px;margin-bottom:8px;background:var(--bg-card-2)}
.pcard__pres:last-child{margin-bottom:0}
.pcard__pres.best{background:oklch(97% 0.025 85);border-color:oklch(82% 0.13 85 / 0.5)}
.pres__row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pres__lbl{font-size:11.5px;font-weight:700;color:var(--text-sub)}
.pres__lbl small{display:block;font-size:9px;font-weight:800;color:var(--cal-gold-dark);text-transform:uppercase;letter-spacing:.04em}
.pres__price{text-align:right;flex-shrink:0}
.pres__cop{font-family:var(--font-h);font-weight:900;font-size:14px;color:var(--text-main)}
.pres__usd{font-size:9.5px;color:var(--text-muted);font-weight:600}
.pres__stock{display:flex;gap:6px;margin-top:7px}
.stkchip{flex:1;display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:9px;font-weight:700;padding:3px 8px;border-radius:999px;border:1px solid}
.stkchip.ok{background:var(--ok-bg);color:var(--ok-fg);border-color:var(--ok-border)}
.stkchip.no{background:var(--danger-bg);color:var(--danger-fg);border-color:var(--danger-border)}
.addbtn{width:100%;margin-top:4px;background:var(--cal-blue);color:#fff;border:0;border-radius:10px;padding:8px;font-family:var(--font-h);font-weight:700;font-size:11.5px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .2s,box-shadow .2s}
.addbtn:hover{background:var(--cal-blue-dark);box-shadow:0 4px 14px oklch(25% 0.1 265 / 0.35)}
.addbtn:disabled{background:oklch(88% 0.01 78);color:var(--text-muted);cursor:not-allowed}
.addbtn.added{background:#16a34a}


.divisa-note{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-family:var(--font-h);font-weight:800;font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:8px 16px;border-radius:999px;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22)}

/* ── cart drawer ──────────────────────────────────────────────────────── */
.overlay{position:fixed;inset:0;background:oklch(16% 0.06 265 / 0.45);z-index:900;opacity:0;pointer-events:none;transition:opacity .3s;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.overlay.on{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:0;height:100%;width:min(420px,100%);background:var(--bg-card);border-left:1px solid var(--border-dark);z-index:901;box-shadow:-20px 0 60px -10px oklch(20% 0.06 265 / 0.2);transform:translateX(100%);transition:transform .35s var(--ease);display:flex;flex-direction:column}
.drawer.on{transform:translateX(0)}
.drawer__head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--border-dark)}
.drawer__head h3{font-family:var(--font-h);font-weight:800;font-size:1.1rem;color:var(--cal-blue)}
.drawer__close{background:var(--bg-card-2);border:1px solid var(--border-dark);border-radius:50%;width:34px;height:34px;font-size:16px;color:var(--text-sub);cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}
.drawer__close:hover{background:var(--border-dark);color:var(--text-main)}
.drawer__items{flex:1;overflow-y:auto;padding:14px 22px}
.citem{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--border-dark)}
.citem__sw{width:44px;height:44px;border-radius:10px;flex-shrink:0;border:1px solid var(--border-dark)}
.citem__info{flex:1;min-width:0}
.citem__name{font-family:var(--font-h);font-weight:700;font-size:13px;color:var(--text-main)}
.citem__meta{font-size:11px;color:var(--text-muted);margin-top:2px}
.citem__row{display:flex;align-items:center;justify-content:space-between;margin-top:8px}
.qty{display:flex;align-items:center;gap:8px;border:1px solid var(--border-dark);border-radius:999px;padding:3px 4px;background:var(--bg-card-2)}
.qty button{width:22px;height:22px;border-radius:50%;border:0;background:oklch(91% 0.015 78);color:var(--text-main);font-weight:800;cursor:pointer;transition:background .2s}
.qty button:hover{background:var(--border-dark)}
.qty span{font-size:12px;font-weight:700;min-width:16px;text-align:center;color:var(--text-main)}
.citem__price{font-family:var(--font-h);font-weight:800;font-size:13px;color:var(--cal-blue)}
.citem__rm{font-size:11px;color:#b91c1c;cursor:pointer;background:none;border:0;font-weight:700}
.cart-empty{text-align:center;color:var(--text-muted);padding:60px 20px}
.cart-empty i{font-size:36px;color:var(--border-dark);margin-bottom:12px;display:block}
.drawer__foot{border-top:1px solid var(--border-dark);padding:18px 22px 22px;background:var(--bg-card-2)}
.foot__row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}
.foot__row.total b{font-family:var(--font-h);font-weight:900;font-size:1.3rem;color:var(--cal-blue)}
.foot__row span{font-size:12px;color:var(--text-muted)}
.wabtn{width:100%;margin-top:14px;background:#22c55e;color:#fff;border:0;border-radius:999px;padding:14px;font-family:var(--font-h);font-weight:800;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;transition:background .2s,box-shadow .2s}
.wabtn:hover{background:#16a34a;box-shadow:0 6px 20px rgba(34,197,94,.35)}
.wabtn:disabled{background:var(--border-dark);color:var(--text-muted);cursor:not-allowed}

/* ── track horizontal por grupo ───────────────────────────────────────── */
.cgroup__trackwrap{position:relative}
.cgroup__trackwrap::after{content:'';position:absolute;right:0;top:0;bottom:0;width:60px;background:linear-gradient(to left,var(--bg-page) 0%,transparent 100%);pointer-events:none;z-index:2}

/* Flechas de navegación lateral */
.ctrack-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:38px;height:38px;border-radius:50%;border:1.5px solid var(--border-dark);background:var(--bg-card);color:var(--text-main);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;box-shadow:0 2px 14px oklch(20% 0.06 265 / 0.14);transition:background .18s,color .18s,opacity .2s,box-shadow .18s;opacity:0;pointer-events:none}
.cgroup:hover .ctrack-nav--prev{opacity:1;pointer-events:all}
.ctrack-nav--next{opacity:1;pointer-events:all}
.ctrack-nav:hover{background:var(--cal-blue);color:#fff;border-color:var(--cal-blue);box-shadow:0 4px 18px oklch(25% 0.1 265 / 0.3)}
.ctrack-nav--prev{left:-19px}
.ctrack-nav--next{right:-19px}
@media(max-width:700px){.ctrack-nav{display:none}}
.cgroup__track{display:flex;gap:14px;padding:4px 0 12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab}
.cgroup__track::-webkit-scrollbar{display:none}
.cgroup__track:active{cursor:grabbing}
/* Scrollbar custom siempre visible */
.cgroup__scrbar{height:4px;background:oklch(87% 0.01 265 / 0.35);border-radius:4px;margin:6px 0 0;position:relative;overflow:hidden}
.cgroup__scrthumb{position:absolute;top:0;left:0;height:100%;background:oklch(58% 0.1 265 / 0.45);border-radius:4px;transition:background .15s}
.cgroup__scrbar:hover .cgroup__scrthumb{background:var(--cal-blue)}
@media(max-width:700px){.cgroup__scrbar{display:none}}

/* ── tarjeta agrupada (pcard--g): swatch + tabla de precios ──────────── */
.pcard--g{flex:0 0 260px;scroll-snap-align:start;background:var(--bg-card);border:1px solid var(--border-dark);border-radius:16px;overflow:hidden;box-shadow:0 2px 10px -3px oklch(20% 0.06 265 / 0.08);transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s;display:flex;flex-direction:column;user-select:none}
.pcard--g:hover{transform:translateY(-3px);box-shadow:0 10px 28px -6px oklch(20% 0.06 265 / 0.14);border-color:oklch(70% 0.15 85 / 0.5)}
.pcard__swatch{height:130px;display:flex;align-items:flex-end;padding:10px 13px;position:relative;flex-shrink:0}
.pcard__swatch::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 35%,rgba(0,0,0,.42));pointer-events:none}
.pcard__cname{position:relative;z-index:1;font-family:var(--font-h);font-weight:900;font-size:.95rem;line-height:1.15;letter-spacing:-.01em}
.pcard__ptable{padding:11px 13px 13px;display:flex;flex-direction:column;gap:0;flex:1}
.ptrow{padding:8px 0;display:flex;flex-direction:column;gap:5px}
.ptrow__head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ptrow__right{display:flex;align-items:center;gap:7px;flex-shrink:0}
.ptrow__size{font-family:var(--font-h);font-weight:800;font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}
.ptrow__price{font-family:var(--font-h);font-weight:900;font-size:.95rem;color:var(--text-main);letter-spacing:-.02em;white-space:nowrap}

/* Botón compacto + */
.padd-btn{flex-shrink:0;width:26px;height:26px;border-radius:7px;border:1.5px solid var(--cal-blue);background:transparent;color:var(--cal-blue);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:3px;font-size:11px;font-family:var(--font-h);font-weight:800;transition:background .15s,color .15s,width .2s,border-color .15s;white-space:nowrap;overflow:hidden}
.padd-btn:hover:not([disabled]){background:var(--cal-blue);color:oklch(97% 0.005 265)}
.padd-btn.added{background:oklch(40% 0.14 145);border-color:oklch(40% 0.14 145);color:#fff;width:auto;padding:0 7px}
.padd-btn[disabled]{border-color:oklch(86% 0.01 78);color:oklch(72% 0.02 78);cursor:not-allowed}

/* Stock por sede: dos filas limpias con punto de color */
.ptrow__sedes{display:flex;flex-direction:column;gap:2px;padding-left:1px}
.psede{display:flex;align-items:center;gap:5px;font-size:10px}
.psede__dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}
.psede.ok .psede__dot{background:oklch(52% 0.17 145)}
.psede.no .psede__dot{background:oklch(55% 0.18 20)}
.psede__name{color:var(--text-muted);flex:1;font-weight:500;letter-spacing:.01em}
.psede__qty{font-family:var(--font-h);font-weight:700;font-size:9.5px;letter-spacing:.02em}
.psede.ok .psede__qty{color:oklch(38% 0.13 145)}
.psede.no .psede__qty{color:oklch(45% 0.16 20)}
.ptrow__sep{height:1px;background:var(--border-dark);margin:1px 0}

/* ── grupos de catálogo ───────────────────────────────────────────────── */
.cgroup{margin-bottom:52px}
.cgroup:last-child{margin-bottom:0}
.cgroup__hd{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:14px;border-bottom:2px solid var(--border-dark)}
.cgroup__label{font-family:var(--font-h);font-weight:900;font-size:1.15rem;color:var(--text-main);letter-spacing:-.01em}
.cgroup__badge{font-family:var(--font-h);font-weight:800;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:4px 11px;border-radius:999px}
.cgroup__badge--t3-bolsa,.cgroup__badge--t3-pote{background:oklch(94% 0.06 145);color:oklch(28% 0.1 145)}
.cgroup__badge--t1-pote{background:oklch(93% 0.04 265);color:var(--cal-blue)}
.cgroup__badge--aceite{background:oklch(96% 0.06 55);color:oklch(35% 0.1 55)}
.cgroup__count{margin-left:auto;font-size:12px;color:var(--text-muted);font-weight:600}
.cgroup__empty{color:var(--text-muted);font-size:14px;padding:28px 0;font-style:italic}

/* footer */
.cfoot{background:oklch(10% 0.05 265);color:oklch(65% 0.02 265)}
.cfoot__top{padding:52px 0 40px;border-bottom:1px solid oklch(18% 0.04 265)}
.cfoot__grid{display:grid;grid-template-columns:1fr auto auto;gap:56px;align-items:start}
.cfoot__logo{height:46px;width:auto;margin-bottom:14px;opacity:.88}
.cfoot__tagline{font-size:12.5px;color:oklch(48% 0.03 265);line-height:1.65;max-width:210px}
.cfoot__col{display:flex;flex-direction:column;gap:9px}
.cfoot__col-title{font-family:var(--font-h);font-weight:800;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:oklch(78% 0.17 85);margin-bottom:5px}
.cfoot__link{display:flex;align-items:center;gap:9px;font-size:13px;color:oklch(58% 0.02 265);text-decoration:none;transition:color .2s}
.cfoot__link i{font-size:12px;width:14px;text-align:center;color:oklch(50% 0.06 265)}
.cfoot__link:hover{color:oklch(92% 0.01 265)}
.cfoot__bottom{padding:18px 0}
.cfoot__bottom .wrap{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:oklch(36% 0.02 265)}
@media(max-width:680px){
  .cfoot__grid{grid-template-columns:1fr;gap:28px}
  .cfoot__bottom .wrap{flex-direction:column;gap:6px;text-align:center}
}