/* ═══════ CATÁLOGO v2 ═══════ */
.cx{--cx-bg:#0b0c0d;--cx-card:#141618;--cx-line:rgba(255,255,255,.1);--cx-mut:rgba(255,255,255,.62);background:var(--cx-bg);color:#fff}
.cx a{color:#fff}.cx a:hover{color:var(--acc)}
.cx-wrap{max-width:1760px;margin:0 auto;padding:0 var(--pad,clamp(18px,4vw,56px))}
.cx-kick{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--acc);display:block;margin-bottom:14px}
.cx-h2{font-family:'Sora',sans-serif;font-weight:700;font-size:clamp(30px,4vw,56px);line-height:1.08;letter-spacing:-.02em;margin:0;text-wrap:balance}
.cx-h2 em{font-style:normal;color:var(--acc)}
.cx-sub{color:var(--cx-mut);font-size:16px;line-height:1.6;max-width:56ch;margin:14px 0 0;text-wrap:pretty}
.cx-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:clamp(24px,3vw,40px)}

/* showcase rail */
.cx-show{padding:clamp(64px,8vw,120px) 0 clamp(40px,5vw,72px)}
.cx-arrows{display:flex;gap:10px}
.cx-arrow{width:48px;height:48px;border-radius:50%;border:1px solid var(--cx-line);background:transparent;color:#fff;font-size:18px;cursor:pointer;transition:.2s}
.cx-arrow:hover{background:#fff;color:#000}
.cx-rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(240px,24vw,340px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--pad,clamp(18px,4vw,56px)) 8px;scrollbar-width:none}
.cx-rail::-webkit-scrollbar{display:none}
.cx-hc{position:relative;scroll-snap-align:start;aspect-ratio:3/4;border-radius:18px;overflow:hidden;cursor:pointer;background:#1a1c1e;border:0;padding:0;text-align:left;color:#fff}
.cx-hc .bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.cx-hc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.cx-hc:hover img,.cx-hc:hover .bg{transform:scale(1.07)}
.cx-hc::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.85) 100%)}
.cx-hc .t{position:absolute;left:18px;right:18px;bottom:18px;z-index:2}
.cx-hc .f{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;background:var(--acc);color:#fff;padding:5px 9px;border-radius:6px;margin-bottom:10px}
.cx-hc .n{font-family:'Sora',sans-serif;font-weight:700;font-size:19px;line-height:1.2}
.cx-hc .b{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.08em;color:rgba(255,255,255,.75);margin-top:6px}

/* collections */
.cx-colls{padding:clamp(40px,5vw,72px) 0}
.cx-cgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.cx-cl{position:relative;aspect-ratio:4/3;border-radius:16px;overflow:hidden;border:1px solid var(--cx-line);cursor:pointer;background:#1a1c1e;padding:0;color:#fff;text-align:left}
.cx-cl img,.cx-cl .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background-size:cover;transition:transform .7s}
.cx-cl:hover img,.cx-cl:hover .bg{transform:scale(1.08)}
.cx-cl::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.1) 70%)}
.cx-cl .t{position:absolute;left:18px;bottom:16px;z-index:2}
.cx-cl .t b{display:block;font-family:'Sora',sans-serif;font-size:clamp(18px,1.6vw,24px);font-weight:700}
.cx-cl .t span{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;color:rgba(255,255,255,.72)}
.cx-cl:hover{border-color:var(--acc)}

/* brands strip */
.cx-brands{padding:clamp(24px,3vw,48px) 0 clamp(48px,6vw,88px)}
.cx-bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.cx-bb{height:86px;border-radius:14px;border:1px solid var(--cx-line);background:var(--cx-card);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.2s;color:#fff;padding:10px}
.cx-bb img{max-height:26px;max-width:110px;object-fit:contain}
.cx-bb .nm{font-family:'Sora',sans-serif;font-weight:700;font-size:17px}
.cx-bb small{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.08em;color:var(--cx-mut)}
.cx-bb:hover,.cx-bb.on{border-color:var(--acc);background:#1c1f22}

/* sticky toolbar */
.cx-cat{padding:clamp(32px,4vw,56px) 0 clamp(80px,8vw,140px);border-top:1px solid var(--cx-line)}
.cx-bar{position:sticky;top:calc(var(--nav-h,78px) - 1px);z-index:30;background:rgba(11,12,13,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--cx-line);margin-bottom:22px}
.cx-bar-in{display:flex;align-items:center;gap:12px;padding:12px 0}
.cx-search{flex:1 1 260px;min-width:0;position:relative}
.cx-search input{width:100%;height:46px;border-radius:12px;border:1px solid var(--cx-line);background:#15171a;color:#fff;padding:0 16px 0 40px;font:500 14px 'Sora',sans-serif;outline:none}
.cx-search input:focus{border-color:#fff}
.cx-search::before{content:"⌕";position:absolute;left:14px;top:50%;transform:translateY(-52%);font-size:19px;color:var(--cx-mut)}
.cx-seg{display:flex;background:#15171a;border:1px solid var(--cx-line);border-radius:12px;padding:4px;flex:none}
.cx-seg button{height:36px;padding:0 16px;border-radius:9px;border:0;background:transparent;color:var(--cx-mut);font:600 13px 'Sora',sans-serif;cursor:pointer;white-space:nowrap}
.cx-seg button.on{background:#fff;color:#000}
.cx-dots{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:0 1 auto;min-width:0;padding:4px 2px}
.cx-dots::-webkit-scrollbar{display:none}
.cx-dot{width:28px;height:28px;border-radius:50%;flex:none;border:2px solid rgba(255,255,255,.18);cursor:pointer;padding:0;transition:transform .15s}
.cx-dot:hover{transform:scale(1.12)}
.cx-dot.on{border-color:#fff;box-shadow:0 0 0 2px var(--acc)}
.cx-fbtn{flex:none;height:46px;padding:0 18px;border-radius:12px;border:1px solid #fff;background:#fff;color:#000;font:700 13px 'Sora',sans-serif;cursor:pointer;display:flex;align-items:center;gap:8px}
.cx-fbtn i{font-style:normal;min-width:20px;height:20px;border-radius:10px;background:var(--acc);color:#fff;font-size:11px;display:none;align-items:center;justify-content:center;padding:0 5px}
.cx-fbtn i.show{display:inline-flex}
.cx-row2{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:0 0 12px}
.cx-pills{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.cx-pill{height:30px;padding:0 10px 0 12px;border-radius:15px;background:#1d2023;border:1px solid var(--cx-line);color:#fff;font:500 12px 'Sora',sans-serif;cursor:pointer;display:flex;align-items:center;gap:6px}
.cx-pill b{font-weight:400;opacity:.6}
.cx-pill:hover{border-color:var(--acc)}
.cx-clear{background:none;border:0;color:var(--acc);font:600 12px 'Sora',sans-serif;cursor:pointer}
.cx-count{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.06em;color:var(--cx-mut)}
.cx-count b{color:#fff}
.cx-sort{height:32px;border-radius:8px;border:1px solid var(--cx-line);background:#15171a;color:#fff;font:500 12px 'Sora',sans-serif;padding:0 8px}

/* grid */
.cx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.cx-card{border-radius:14px;overflow:hidden;background:var(--cx-card);border:1px solid var(--cx-line);cursor:pointer;padding:0;text-align:left;color:#fff;transition:transform .25s,border-color .25s;animation:cxIn .45s both}
.cx-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.35)}
@keyframes cxIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.cx-card .sw{position:relative;aspect-ratio:1/1;overflow:hidden}
.cx-card .sw img{width:100%;height:100%;object-fit:cover;display:block}
.cx-card .tg{position:absolute;top:8px;left:8px;display:flex;gap:4px;flex-wrap:wrap}
.cx-card .tg span{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;background:rgba(0,0,0,.66);backdrop-filter:blur(6px);padding:4px 7px;border-radius:5px}
.cx-card .tg .p{background:var(--acc)}
.cx-card .in{padding:11px 12px 13px}
.cx-card .nm{font:600 13.5px/1.3 'Sora',sans-serif;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:35px}
.cx-card .mt{display:flex;justify-content:space-between;gap:8px;margin-top:6px;font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--cx-mut)}
.cx-card .mt .br{color:#fff;font-weight:600}
.cx-empty{display:none;text-align:center;padding:80px 0;color:var(--cx-mut)}
.cx-empty.show{display:block}
.cx-more{height:1px}
.cx-note{margin-top:32px;font-size:12.5px;color:rgba(255,255,255,.5);line-height:1.6;max-width:90ch}

/* drawer */
.cx-ov{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:90;opacity:0;pointer-events:none;transition:opacity .3s}
.cx-ov.show{opacity:1;pointer-events:auto}
.cx-dr{position:fixed;top:0;right:0;bottom:0;width:min(440px,100vw);background:#101214;color:#fff;z-index:91;transform:translateX(100%);transition:transform .38s cubic-bezier(.2,.7,.2,1);display:flex;flex-direction:column;border-left:1px solid var(--cx-line)}
.cx-dr.show{transform:none}
.cx-dr-h{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--cx-line)}
.cx-dr-h b{font:700 20px 'Sora',sans-serif}
.cx-x{width:40px;height:40px;border-radius:50%;border:1px solid var(--cx-line);background:transparent;color:#fff;font-size:18px;cursor:pointer}
.cx-dr-b{flex:1;overflow-y:auto;padding:6px 22px 22px}
.cx-dr-s{padding:18px 0;border-bottom:1px solid var(--cx-line)}
.cx-dr-s h4{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--cx-mut);margin:0 0 12px;font-weight:500}
.cx-chips{display:flex;flex-wrap:wrap;gap:6px}
.cx-chip{height:36px;padding:0 13px;border-radius:10px;border:1px solid var(--cx-line);background:#15171a;color:#fff;font:500 13px 'Sora',sans-serif;cursor:pointer;display:flex;align-items:center;gap:7px}
.cx-chip small{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--cx-mut)}
.cx-chip.on{background:#fff;color:#000;border-color:#fff}.cx-chip.on small{color:#555}
.cx-chip.dis{opacity:.3;pointer-events:none}
.cx-chip .d{width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,.3)}
.cx-dbrands{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.cx-dbrands .cx-chip{height:52px;justify-content:center;flex-direction:column;gap:2px}
.cx-dbrands .cx-chip img{max-height:16px;max-width:74px;object-fit:contain}
.cx-dbrands .cx-chip.on img{filter:invert(1)}
.cx-dr-f{padding:16px 22px;border-top:1px solid var(--cx-line);display:flex;gap:10px}
.cx-dr-f button{flex:1;height:50px;border-radius:12px;font:700 14px 'Sora',sans-serif;cursor:pointer}
.cx-dr-f .rst{flex:0 0 auto;padding:0 18px;background:transparent;color:#fff;border:1px solid var(--cx-line)}
.cx-dr-f .go{background:var(--acc);color:#fff;border:0}
body.cx-lock{overflow:hidden}

/* lightbox */
.cx-lb{position:fixed;inset:0;z-index:95;background:rgba(5,6,7,.94);display:none;align-items:center;justify-content:center;padding:clamp(12px,3vw,40px)}
.cx-lb.show{display:flex}
.cx-lb-in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);width:min(1100px,100%);max-height:100%;background:#111315;border:1px solid var(--cx-line);border-radius:20px;overflow:hidden}
.cx-lb-img{position:relative;aspect-ratio:1/1;background:#1a1c1e}
.cx-lb-img img{width:100%;height:100%;object-fit:cover;display:block}
.cx-lb-tx{padding:clamp(22px,3vw,40px);display:flex;flex-direction:column;gap:14px;overflow-y:auto;color:#fff}
.cx-lb-tx h3{font:700 clamp(24px,2.6vw,34px)/1.12 'Sora',sans-serif;margin:0}
.cx-lb-tx .cd{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--cx-mut)}
.cx-lb-tx dl{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;margin:8px 0 0;font-size:14px}
.cx-lb-tx dt{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--cx-mut);align-self:center}
.cx-lb-tx dd{margin:0;font-weight:600}
.cx-lb-tx .bl{max-height:22px;max-width:120px;object-fit:contain;display:block}
.cx-lb-tx .nt{font-size:13px;line-height:1.55;color:var(--cx-mut)}
.cx-lb-tx .cta{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap}
.cx-lb-tx .cta a{height:50px;padding:0 20px;border-radius:12px;display:inline-flex;align-items:center;font:700 14px 'Sora',sans-serif;text-decoration:none}
.cx-lb-tx .cta .a1{background:var(--acc);color:#fff}
.cx-lb-tx .cta .a2{border:1px solid var(--cx-line);color:#fff}
.cx-lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.5);color:#fff;font-size:20px;cursor:pointer;z-index:2}
.cx-lb-nav.p{left:clamp(8px,2vw,28px)}.cx-lb-nav.n{right:clamp(8px,2vw,28px)}
.cx-lb-x{position:absolute;top:clamp(10px,2vw,24px);right:clamp(10px,2vw,24px);width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.5);color:#fff;font-size:18px;cursor:pointer;z-index:3}

/* type explainer (compact) */
.cx-types{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:clamp(56px,6vw,96px)}
.cx-ty{border:1px solid var(--cx-line);border-radius:18px;padding:clamp(22px,3vw,34px);background:var(--cx-card)}
.cx-ty h3{font:700 22px 'Sora',sans-serif;margin:0 0 6px}
.cx-ty .tg{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
.cx-ty p{color:var(--cx-mut);font-size:14.5px;line-height:1.6;margin:12px 0 16px}
.cx-ty button{height:42px;padding:0 16px;border-radius:10px;border:1px solid #fff;background:transparent;color:#fff;font:600 13px 'Sora',sans-serif;cursor:pointer}
.cx-ty button:hover{background:#fff;color:#000}

@media(max-width:1100px){.cx-cgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.cx-dots{display:none}}
@media(max-width:760px){
.cx-bar-in{flex-wrap:wrap;gap:8px}
.cx-search{flex:1 1 100%}
.cx-seg{flex:1 1 auto}.cx-seg button{flex:1;padding:0 8px}
.cx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cx-lb{padding:0;align-items:stretch}
.cx-lb-in{grid-template-columns:1fr;border-radius:0;overflow-y:auto}
.cx-lb-nav{top:calc(50vw - 26px);transform:none}
.cx-types{grid-template-columns:1fr}
.cx-cl{aspect-ratio:1/1}
}

.ct-hero-in{padding-top:calc(var(--nav-h,78px) + 24px)!important;box-sizing:border-box}
.ct-hero-in .btn{white-space:nowrap;flex:none}

.cx-cl.all{background:var(--acc);border-color:var(--acc)}
.cx-cl.all::after{display:none}
.cx-cl.all .t b{font-size:clamp(22px,2vw,30px)}
.cx-cl.all:hover{filter:brightness(1.1)}
.cx-bb{background:#fff;border-color:#fff;height:96px}
.cx-bb img{max-height:34px;max-width:130px}
.cx-bb small{color:#6b6f73}
.cx-bb .nm{color:#111}
.cx-bb:hover,.cx-bb.on{background:#fff;border-color:var(--acc);box-shadow:0 0 0 3px var(--acc)}
.cx-dbrands .cx-chip{background:#fff;border-color:#fff}
.cx-dbrands .cx-chip small{color:#6b6f73}
.cx-dbrands .cx-chip span{color:#111;font-weight:700}
.cx-dbrands .cx-chip img{max-height:18px;max-width:80px}
.cx-dbrands .cx-chip.on{box-shadow:0 0 0 3px var(--acc);border-color:var(--acc)}
.cx-dbrands .cx-chip.on img{filter:none}
.cx-lb-tx .bl{background:#fff;padding:6px 10px;border-radius:8px;max-height:36px;box-sizing:content-box}