/* ═══ VARIABLES ════════════════════════════════════════════════ */
:root {
  --deep:#020b18; --bg:#050d1a; --bg2:#0a1628; --bg3:#0f1f38;
  --card:rgba(8,18,36,.88);
  --cyan:#00d4ff; --blue:#0066ff; --warm:#ff6b35;
  --glow:rgba(0,212,255,.28);
  --t1:#e8f4ff; --t2:#b8cbdc; --t3:#98adc2;
  --bdr:rgba(0,212,255,.15); --bdrh:rgba(0,212,255,.45);
  --glass:rgba(0,212,255,.05);
  --r:12px; --rl:20px; --nav-h:96px;
}

/* ═══ RESET & BASE ══════════════════════════════════════════════ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scrollbar-gutter:stable}
body{font-family:'Exo 2',sans-serif;background:var(--deep);color:var(--t1);overflow-x:hidden;cursor:auto}

/* ═══ CANVAS BG ═════════════════════════════════════════════════ */
#bg{position:fixed;inset:0;z-index:0;pointer-events:none}

/* ═══ TYPOGRAPHY UTILS ══════════════════════════════════════════ */
.sec-label{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--cyan);margin-bottom:12px;display:block}
.sec-title{font-family:'Orbitron',monospace;font-size:clamp(24px,4vw,44px);font-weight:700;letter-spacing:-1px}
.sec-title span{background:linear-gradient(135deg,var(--cyan),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.sec-line{height:1px;width:80px;background:linear-gradient(90deg,var(--cyan),var(--blue));margin:16px auto 0}
.sec-head{text-align:center;margin-bottom:56px}
.glow-div{height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.3;margin:0 80px;position:relative;z-index:1}

/* ═══ BUTTONS ═══════════════════════════════════════════════════ */
.btn-p{background:linear-gradient(135deg,var(--blue),var(--cyan));border:none;color:#fff;padding:16px 38px;border-radius:var(--r);cursor:pointer;font-family:'Exo 2',sans-serif;font-size:13px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:all .3s;position:relative;overflow:hidden}
.btn-p::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--cyan),var(--blue));opacity:0;transition:opacity .3s}
.btn-p span{position:relative;z-index:1}
.btn-p:hover::after{opacity:1}
.btn-p:hover{transform:translateY(-3px);box-shadow:0 14px 44px rgba(0,102,255,.45)}
.btn-s{background:transparent;border:1px solid var(--bdrh);color:var(--t1);padding:16px 38px;border-radius:var(--r);cursor:pointer;font-family:'Exo 2',sans-serif;font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:all .3s}
.btn-s:hover{background:var(--glass);border-color:var(--cyan);box-shadow:0 0 30px rgba(0,212,255,.18)}

/* ═══ NAV ════════════════════════════════════════════════════════ */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nav-h);padding:0 48px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;background:rgba(2,11,24,.95);backdrop-filter:blur(24px);border-bottom:1px solid var(--bdr);transition:box-shadow .3s}
nav.sc{box-shadow:0 4px 50px rgba(0,0,0,.65)}
.nav-logo-link{display:flex;align-items:center;text-decoration:none;flex-shrink:0}
/* Versão completa da marca, com transparência real e acabamento branco para o tema escuro. */
.caij-logo{display:block;position:relative;width:164px;aspect-ratio:1672/941;flex:none}
.caij-logo img{display:block;width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}
.caij-logo::before,.caij-logo::after{content:'';position:absolute;inset:0;background:url('../assets/brand/logo-oficial-transparente.png?v=20261001-3') center/contain no-repeat;pointer-events:none}
.caij-logo::before{clip-path:inset(75% 35% 11% 59%)}
.caij-logo::after{clip-path:inset(76% 19% 13% 73%)}
.caij-logo-footer{width:min(230px,100%);margin-bottom:16px}
.nav-logo{height:36px;width:auto;max-width:130px;display:block;filter:brightness(1.1);object-fit:contain}
.nav-logo-text{font-family:'Orbitron',monospace;font-size:22px;font-weight:900;background:linear-gradient(135deg,#fff,var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:5px}
.nav-links{display:flex;gap:22px;list-style:none;justify-content:center}
.nav-links a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--t1);text-decoration:none;transition:color .3s;position:relative;white-space:nowrap}
.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--cyan);transition:width .3s}
.nav-links a:hover,.nav-links a.active{color:var(--cyan)}
.nav-links a:hover::after,.nav-links a.active::after{width:100%}
.nav-right{display:flex;align-items:center;gap:10px;justify-self:end}
/* As laterais têm a mesma largura para centralizar os links na página. */
nav#nav{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
nav#nav .nav-logo-link{grid-column:1;justify-self:start}
nav#nav .nav-links{grid-column:2}
nav#nav .nav-right{grid-column:3}
.nav-social{display:flex;gap:6px}
.soc-btn{width:44px;height:44px;border-radius:10px;border:1px solid var(--bdrh);background:var(--glass);display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:17px;transition:all .25s;color:var(--t1);flex-shrink:0}
.soc-btn svg{width:21px;height:21px}
.soc-btn svg{display:block;flex-shrink:0}
.soc-btn:hover{border-color:var(--cyan);background:rgba(0,212,255,.12);color:var(--cyan)}
.soc-shopee{font-family:'Orbitron',monospace;font-weight:900;font-size:14px;color:#ee4d2d}
.soc-shopee:hover{border-color:#ee4d2d !important;background:rgba(238,77,45,.12) !important;color:#ee4d2d !important}
.soc-ml{font-family:'Orbitron',monospace;font-weight:900;font-size:12px;letter-spacing:0.5px;color:#ffe600}
.soc-ml:hover{border-color:#ffe600 !important;background:rgba(255,230,0,.1) !important;color:#ffe600 !important}
.cart-btn{display:flex;align-items:center;gap:8px;background:var(--glass);border:1px solid var(--bdr);color:var(--t1);padding:9px 18px;border-radius:var(--r);cursor:pointer;font-family:'Exo 2',sans-serif;font-size:12px;font-weight:600;letter-spacing:1px;transition:all .3s;backdrop-filter:blur(10px);white-space:nowrap}
.cart-btn:hover{border-color:var(--cyan);background:rgba(0,212,255,.1);box-shadow:0 0 20px rgba(0,212,255,.2)}
.cc{background:var(--cyan);color:var(--deep);font-weight:800;font-size:11px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}

/* ═══ CHECKOUT SIDEBAR ══════════════════════════════════════════ */
.cart-sb{width:min(560px,100vw)}
.co-head{padding:22px 28px;border-bottom:1px solid var(--bdr);display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(2,11,24,.5);flex-shrink:0}
.cart-ttl{font-family:'Orbitron',monospace;font-size:14px;font-weight:700;letter-spacing:2px}
.cart-cls{background:var(--glass);border:1px solid var(--bdr);color:var(--t1);width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:17px;display:flex;align-items:center;justify-content:center;transition:all .3s;flex-shrink:0}
.cart-cls:hover{border-color:var(--cyan);color:var(--cyan)}
.co-back{background:none;border:none;color:var(--t2);cursor:pointer;font-size:13px;font-weight:600;letter-spacing:1px;padding:4px 0;transition:color .2s;flex-shrink:0}
.co-back:hover{color:var(--cyan)}
/* Steps indicator */
.co-steps{display:flex;align-items:center;padding:16px 24px;border-bottom:1px solid var(--bdr);background:rgba(2,11,24,.3);flex-shrink:0}
.co-step-dot{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}
.co-dot-num{width:26px;height:26px;border-radius:50%;border:1px solid var(--bdr);background:var(--bg3);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--t3);transition:all .3s}
.co-step-dot.active .co-dot-num{border-color:var(--cyan);background:rgba(0,212,255,.15);color:var(--cyan)}
.co-step-dot.done .co-dot-num{border-color:var(--cyan);background:var(--cyan);color:var(--deep)}
.co-dot-lbl{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--t3);white-space:nowrap}
.co-step-dot.active .co-dot-lbl,.co-step-dot.done .co-dot-lbl{color:var(--cyan)}
.co-step-line{flex:1;height:1px;background:var(--bdr);margin:0 6px;margin-bottom:16px;transition:background .3s}
.co-step-line.done{background:var(--cyan)}
/* Footer & total */
.cart-ft{padding:20px 24px;border-top:1px solid var(--bdr);background:rgba(2,11,24,.6);flex-shrink:0}
.co-total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.ctot-v{font-family:'Orbitron',monospace;font-size:22px;font-weight:700;color:var(--cyan)}
.ck-btn{width:100%;background:linear-gradient(135deg,var(--blue),var(--cyan));border:none;color:#fff;padding:16px;border-radius:var(--r);cursor:pointer;font-family:'Orbitron',monospace;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;transition:all .3s}
.ck-btn:hover{transform:translateY(-2px);box-shadow:0 14px 44px rgba(0,102,255,.5)}
/* Cart items */
.cart-list{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--bdr) transparent}
.cart-empty-wrap{text-align:center;padding:60px 20px;color:var(--t3)}
.cart-empty-wrap .em{font-size:52px;margin-bottom:14px}
.ci{display:flex;align-items:center;gap:12px;padding:14px;background:var(--card);border:1px solid var(--bdr);border-radius:var(--r);margin-bottom:10px}
.ci-img{width:54px;height:44px;border-radius:8px;object-fit:cover;flex-shrink:0;background:var(--bg3)}
.ci-info{flex:1;min-width:0}
.ci-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}
.ci-price{font-family:'Orbitron',monospace;font-size:13px;color:var(--cyan)}
.ci-qty{display:flex;align-items:center;gap:7px}
.qb{background:var(--bg3);border:1px solid var(--bdr);color:var(--t1);width:27px;height:27px;border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s}
.qb:hover{border-color:var(--cyan);color:var(--cyan)}
.qn{font-family:'Orbitron',monospace;font-size:13px;min-width:18px;text-align:center}
.ci-del{background:none;border:none;color:var(--t3);cursor:pointer;font-size:15px;padding:4px;transition:color .2s}
.ci-del:hover{color:#f44}
/* Form fields in checkout */
.f-grp{margin-bottom:16px}
.f-label{display:block;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--cyan);margin-bottom:6px;font-weight:600}
.f-input,.f-sel,.f-ta{width:100%;background:rgba(5,13,26,.8);border:1px solid var(--bdr);border-radius:var(--r);color:var(--t1);padding:12px 14px;font-family:'Exo 2',sans-serif;font-size:14px;transition:all .3s;outline:none}
.f-input:focus,.f-sel:focus,.f-ta:focus{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(0,212,255,.1)}
.f-sel option{background:var(--bg2)}
/* Payment tabs */
.pay-tabs{display:flex;gap:8px;margin-bottom:20px}
.pay-tab{flex:1;background:var(--glass);border:1px solid var(--bdr);color:var(--t2);padding:11px 8px;border-radius:var(--r);cursor:pointer;font-family:'Exo 2',sans-serif;font-size:12px;font-weight:600;letter-spacing:1px;transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:4px}
.pay-tab-icon{font-size:18px}
.pay-tab:hover{border-color:var(--bdrh);color:var(--t1)}
.pay-tab.active{border-color:var(--cyan);background:rgba(0,212,255,.1);color:var(--cyan)}
/* Pix */
.pay-pix{text-align:center}
.pix-qr{display:inline-flex;flex-direction:column;align-items:center;margin-bottom:16px;position:relative}
.pix-qr-inner{background:#fff;border-radius:12px;padding:12px;display:inline-block}
.pix-badge{position:absolute;bottom:-10px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-family:'Orbitron',monospace;font-size:10px;font-weight:700;padding:3px 12px;border-radius:100px;letter-spacing:2px}
.pix-key-box{display:flex;align-items:center;gap:10px;background:rgba(5,13,26,.8);border:1px solid var(--bdr);border-radius:var(--r);padding:12px 14px;margin-bottom:12px;margin-top:4px}
.pix-timer{display:flex;flex-direction:column;align-items:center;gap:4px;margin:16px 0 14px;padding:12px;background:rgba(0,212,255,.05);border:1px solid var(--bdr);border-radius:var(--r)}
/* Card */
.card-preview{background:linear-gradient(135deg,#0055cc,#00a8e8);border-radius:16px;padding:22px 22px 18px;height:175px;position:relative;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 16px 48px rgba(0,102,255,.4);margin-bottom:4px;overflow:hidden}
.card-preview::before{content:'';position:absolute;top:-40px;right:-40px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.07)}
.card-chip{width:38px;height:30px}
.card-chip svg{display:block}
.card-number{font-family:'Orbitron',monospace;font-size:17px;letter-spacing:3px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.3)}
.card-row{display:flex;justify-content:space-between;align-items:flex-end}
.card-field-label{font-size:8px;letter-spacing:2px;opacity:.65;margin-bottom:2px;color:#fff}
.card-name,.card-exp{font-size:12px;font-weight:600;color:#fff;letter-spacing:1.5px}
/* Success */
.success-anim{display:flex;justify-content:center;margin-bottom:8px}
.success-circle{width:90px;height:90px;background:rgba(0,212,255,.08);border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,212,255,.2)}
@keyframes checkDraw{from{stroke-dashoffset:30}to{stroke-dashoffset:0}}
.success-check polyline{stroke-dasharray:30;stroke-dashoffset:30;animation:checkDraw .6s ease .2s forwards}
/* Dynamic checkout layout */
.co-ttl{font-family:'Orbitron',monospace;font-size:13px;font-weight:700;letter-spacing:2px;color:var(--t1)}
.co-body{flex:1;overflow-y:auto;padding:20px 24px;scrollbar-width:thin;scrollbar-color:var(--bdr) transparent}
.co-foot{padding:14px 24px 20px;border-top:1px solid var(--bdr);background:rgba(2,11,24,.6);flex-shrink:0}
.co-foot-row{display:flex;gap:10px;align-items:center}
.co-tot-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px}
.co-next-btn{width:100%;background:linear-gradient(135deg,var(--blue),var(--cyan));border:none;color:#fff;padding:14px 20px;border-radius:var(--r);cursor:pointer;font-family:'Orbitron',monospace;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;transition:all .3s;display:flex;align-items:center;justify-content:center}
.co-next-btn:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,102,255,.5)}
.co-back-btn{background:var(--glass);border:1px solid var(--bdr);color:var(--t2);padding:12px 16px;border-radius:var(--r);cursor:pointer;font-family:'Exo 2',sans-serif;font-size:13px;font-weight:600;white-space:nowrap;transition:all .2s;flex-shrink:0}
.co-back-btn:hover{border-color:var(--cyan);color:var(--cyan)}
/* Form */
.co-form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}
.co-form-row{display:flex;gap:12px}
.co-form-row .co-form-group{margin-bottom:14px}
.co-label{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--cyan);font-weight:600}
.co-input{width:100%;background:rgba(5,13,26,.8);border:1px solid var(--bdr);border-radius:var(--r);color:var(--t1);padding:11px 13px;font-family:'Exo 2',sans-serif;font-size:14px;transition:border .25s,box-shadow .25s;outline:none;box-sizing:border-box}
.co-input:focus{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(0,212,255,.12)}
.co-input-err{border-color:#f44 !important;box-shadow:0 0 0 2px rgba(255,68,68,.12) !important}
.co-input-err::placeholder{color:#f88}
.co-select{-webkit-appearance:none;appearance:none;cursor:pointer}
.co-select option{background:var(--bg2)}
.co-radio-row{display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid var(--bdr);border-radius:var(--r);cursor:pointer;font-size:13px;color:var(--t2);transition:all .2s;margin-bottom:8px}
.co-radio-row input[type=radio]{accent-color:var(--cyan)}
.co-radio-row:hover{border-color:var(--bdrh);color:var(--t1)}
/* Pix extras */
.pix-copy-btn{background:rgba(0,212,255,.12);border:1px solid rgba(0,212,255,.28);color:var(--cyan);padding:6px 14px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:700;white-space:nowrap;transition:background .2s;letter-spacing:.5px}
.pix-copy-btn:hover{background:rgba(0,212,255,.22)}
.pix-key-val{flex:1;font-size:12px;color:var(--t2);word-break:break-all;font-family:'Courier New',monospace;line-height:1.5}
.pix-timer-ring{font-family:'Orbitron',monospace;font-size:28px;font-weight:700;color:var(--cyan);line-height:1}
/* Card */
.card-top-row{display:flex;justify-content:space-between;align-items:flex-start}
/* Boleto bars */
.boleto-bars{display:flex;align-items:flex-end;gap:1.5px;height:64px;justify-content:center;padding:6px 10px;background:#fff;border-radius:8px;overflow:hidden}
.bb{width:2.5px;background:#111;border-radius:1px;flex-shrink:0}
/* Order success */
.co-ord-num{font-family:'Orbitron',monospace;font-size:18px;font-weight:700;color:var(--cyan);letter-spacing:3px;padding:14px 22px;background:rgba(0,212,255,.06);border:1px solid rgba(0,212,255,.2);border-radius:var(--r);display:inline-block}
.co-confirm-item{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:9px 0;border-bottom:1px solid var(--bdr);color:var(--t2)}
.co-confirm-item:last-child{border-bottom:none}

/* ═══ PAGE HERO (inner pages) ══════════════════════════════════ */
section{position:relative;z-index:1}
.page-hero{position:relative;z-index:1;padding:110px 80px 70px;text-align:center;border-bottom:1px solid var(--bdr)}
.page-hero-label{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--cyan);margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:14px}
.page-hero-label::before,.page-hero-label::after{content:'';width:40px;height:1px;background:var(--cyan)}
.page-hero-title{font-family:'Orbitron',monospace;font-size:clamp(36px,6vw,68px);font-weight:900;letter-spacing:-2px;line-height:1;margin-bottom:20px}
.page-hero-title span{background:linear-gradient(135deg,var(--cyan),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.page-hero-sub{font-size:17px;color:var(--t2);font-weight:400;line-height:1.75;max-width:600px;margin:0 auto 28px}
.local-badge{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:10px 16px;border:1px solid var(--bdrh);border-radius:100px;background:#0d2032;color:var(--t1);font:600 13px 'Exo 2',sans-serif;text-decoration:none}
.local-badge::before{content:'';width:7px;height:7px;flex:none;border-radius:50%;background:var(--cyan)}
.local-badge:hover{border-color:var(--cyan)}

/* ═══ MARKETPLACE STRIP ═════════════════════════════════════════ */
.market-strip{position:relative;z-index:1;padding:32px 80px;background:rgba(5,13,26,.7);border-top:1px solid var(--bdr);border-bottom:1px solid var(--bdr);display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}
.market-label{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--t3);margin-right:8px}
.mkt-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 28px;border-radius:100px;border:1px solid var(--bdr);background:var(--glass);color:var(--t2);text-decoration:none;font-size:13px;font-weight:600;letter-spacing:1px;transition:all .3s;backdrop-filter:blur(8px)}
.mkt-btn:hover{border-color:var(--cyan);color:var(--cyan);background:rgba(0,212,255,.1);box-shadow:0 0 24px rgba(0,212,255,.18);transform:translateY(-2px)}
.mkt-btn .mkt-icon{font-size:18px}

/* ═══ CATEGORY SECTIONS ═════════════════════════════════════════ */
.cat-section{padding:90px 80px}
.cat-section:nth-child(even){background:rgba(5,13,26,.5)}
.cat-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px;flex-wrap:wrap;gap:16px}
.cat-section-title{display:flex;align-items:center;gap:16px}
.cat-icon-big{width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,rgba(0,102,255,.25),rgba(0,212,255,.15));border:1px solid var(--bdr);display:flex;align-items:center;justify-content:center;font-size:28px}
.cat-name{font-family:'Orbitron',monospace;font-size:clamp(20px,3vw,34px);font-weight:700;letter-spacing:-1px}
.cat-name span{background:linear-gradient(135deg,var(--cyan),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.cat-count{font-size:12px;color:var(--t3);letter-spacing:2px;text-transform:uppercase;margin-top:4px}
.see-all{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--cyan);text-decoration:none;border:1px solid var(--bdr);padding:10px 22px;border-radius:100px;transition:all .3s}
.see-all:hover{background:rgba(0,212,255,.1);border-color:var(--cyan)}

/* ═══ PRODUCT GRID ══════════════════════════════════════════════ */
.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(270px,100%),1fr));gap:22px}
.prod-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid rgba(84,154,196,.27);border-radius:16px;background:#09192b;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.prod-card:hover{transform:translateY(-4px);border-color:rgba(0,212,255,.65);box-shadow:0 18px 34px rgba(0,0,0,.32)}
.prod-card:focus-within{border-color:var(--cyan)}
.prod-badge{position:absolute;top:14px;left:14px;z-index:3;font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:700;padding:4px 10px;border-radius:100px}
.b-new{background:#d8f8ff;border:1px solid #53afc1;color:#005466}
.b-hot{background:#ffeadc;border:1px solid #cd8c60;color:#813506}
.b-used{background:#e5e4ff;border:1px solid #8378df;color:#4d4098}
.prod-img{height:220px;overflow:hidden;position:relative;background:#f4f6f8}
.prod-img.is-cutout{background:linear-gradient(160deg,#193a53,#0c2237 72%)}
.prod-img img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;padding:18px;transition:transform .3s}
.prod-card:hover .prod-img img{transform:scale(1.03)}
.prod-info{padding:20px;flex:1;display:flex;flex-direction:column;min-width:0}
.prod-brand{font-size:10px;letter-spacing:1.7px;text-transform:uppercase;color:#76dcf4;margin-bottom:6px;font-weight:700}
.prod-name{font-size:19px;font-weight:700;line-height:1.3;letter-spacing:-.3px;margin-bottom:16px;overflow-wrap:anywhere}
.catalog-stock-status{margin:0 0 12px;color:#67e2bf;font-size:12px;font-weight:700;letter-spacing:.02em}
.prod-spec-list{list-style:none;padding:0;margin:0 0 20px;border-top:1px solid rgba(116,180,215,.21)}
.prod-spec-list li{display:flex;flex-direction:column;gap:3px;min-width:0;padding:9px 0;border-bottom:1px solid rgba(116,180,215,.21)}
.prod-spec-label{color:#78d9ec;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.prod-spec-value{min-width:0;color:#e4effa;font-size:14px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.prod-specs{font-size:14px;color:var(--t2);line-height:1.65;min-height:4.95em;margin-bottom:22px;flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.prod-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto}
.plabel{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--t2);display:block;margin-bottom:4px}
.pval{font-family:'Exo 2',sans-serif;font-size:23px;font-weight:700;display:block;line-height:1.2}
.pinst{font-size:11px;color:var(--t3)}
.add-btn{background:linear-gradient(135deg,var(--blue),var(--cyan));border:none;color:#fff;width:44px;height:44px;border-radius:var(--r);cursor:pointer;font-size:22px;display:flex;align-items:center;justify-content:center;transition:all .3s;flex-shrink:0;line-height:1}
.add-btn:hover{transform:scale(1.12);box-shadow:0 8px 28px rgba(0,102,255,.55)}

/* ═══ BRANDS MARQUEE ════════════════════════════════════════════ */
.marquee-wrap{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee{display:flex;width:max-content;animation:marq 24s linear infinite}
.marquee:hover{animation-play-state:paused}
@keyframes marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.brand-item{font-family:'Orbitron',monospace;font-size:20px;font-weight:700;letter-spacing:3px;color:var(--t3);white-space:nowrap;padding:0 36px;transition:color .3s;cursor:default}
.brand-item:hover{color:var(--cyan)}
.bsep{color:rgba(0,212,255,.35);padding:0;font-size:16px}

/* ═══ ABOUT SECTION ═════════════════════════════════════════════ */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:1100px;margin:0 auto}
.about-img-wrap{position:relative}
.about-img-wrap img{width:100%;border-radius:var(--rl);border:1px solid var(--bdr);filter:brightness(.85) saturate(1.2)}
.about-img-badge{position:absolute;bottom:28px;left:28px;background:rgba(2,11,24,.92);border:1px solid var(--bdr);border-radius:var(--r);padding:16px 22px;backdrop-filter:blur(16px)}
.about-img-badge .bv{font-family:'Orbitron',monospace;font-size:28px;font-weight:700;color:var(--cyan)}
.about-img-badge .bl{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--t3);margin-top:2px}
.about-text .sec-label{text-align:left}
.about-title{font-family:'Orbitron',monospace;font-size:clamp(22px,3vw,38px);font-weight:800;line-height:1.15;letter-spacing:-1px;margin-bottom:24px}
.about-title span{background:linear-gradient(135deg,var(--cyan),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.about-p{color:var(--t2);font-size:15px;line-height:1.85;margin-bottom:18px}
.about-values{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:36px}
.val-card{background:var(--card);border:1px solid var(--bdr);border-radius:var(--r);padding:20px;transition:all .3s}
.val-card:hover{border-color:var(--bdrh)}
.val-icon{font-size:26px;margin-bottom:10px}
.val-title{font-family:'Orbitron',monospace;font-size:12px;font-weight:700;letter-spacing:1px;color:var(--cyan);margin-bottom:6px}
.val-desc{font-size:12px;color:var(--t3);line-height:1.6}
.segments{display:flex;gap:16px;margin-top:28px;flex-wrap:wrap}
.seg{flex:1;min-width:160px;border:1px solid var(--bdr);border-radius:var(--r);padding:20px 22px;background:var(--glass)}
.seg-label{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--cyan);margin-bottom:8px;display:block}
.seg-title{font-family:'Orbitron',monospace;font-size:16px;font-weight:700;margin-bottom:8px}
.seg-desc{font-size:13px;color:var(--t2);line-height:1.6}

/* ═══ CONTACT ═══════════════════════════════════════════════════ */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1080px;margin:0 auto}
.c-info h3{font-family:'Orbitron',monospace;font-size:22px;font-weight:700;margin-bottom:18px}
.c-info p{color:var(--t2);line-height:1.8;margin-bottom:36px;font-size:15px}
.c-item{display:flex;align-items:flex-start;gap:16px;margin-bottom:22px}
.c-icon{width:46px;height:46px;background:rgba(0,212,255,.1);border:1px solid var(--bdr);border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.c-text strong{display:block;font-size:12px;letter-spacing:1px;color:var(--t1);margin-bottom:3px}
.c-text span{font-size:14px;color:var(--t2)}
.c-text a{color:var(--cyan);text-decoration:none}
.c-form{background:var(--card);border:1px solid var(--bdr);border-radius:var(--rl);padding:44px;backdrop-filter:blur(20px)}
.f-grp{margin-bottom:20px}
.f-label{display:block;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--cyan);margin-bottom:8px;font-weight:600}
.f-input,.f-sel,.f-ta{width:100%;background:rgba(5,13,26,.8);border:1px solid var(--bdr);border-radius:var(--r);color:var(--t1);padding:14px 18px;font-family:'Exo 2',sans-serif;font-size:14px;transition:all .3s;outline:none}
.f-input:focus,.f-sel:focus,.f-ta:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,212,255,.12)}
.f-sel option{background:var(--bg2)}
.f-ta{resize:vertical;min-height:120px}
.sub-btn{width:100%;background:linear-gradient(135deg,var(--blue),var(--cyan));border:none;color:#fff;padding:18px;border-radius:var(--r);cursor:pointer;font-family:'Orbitron',monospace;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;transition:all .3s}
.sub-btn:hover{transform:translateY(-2px);box-shadow:0 14px 44px rgba(0,102,255,.5)}

/* ═══ FOOTER ════════════════════════════════════════════════════ */
footer{position:relative;z-index:1;border-top:1px solid var(--bdr);padding:70px 80px 40px;background:rgba(2,11,24,.97)}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:48px;margin-bottom:56px}
.foot-logo-img{height:38px;margin-bottom:16px;display:block;filter:brightness(1.1);max-width:130px;object-fit:contain}
.foot-logo-text{font-family:'Orbitron',monospace;font-size:22px;font-weight:900;background:linear-gradient(135deg,#fff,var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:5px;display:block;margin-bottom:16px}
.foot-desc{color:var(--t3);font-size:13px;line-height:1.8;max-width:260px;margin-bottom:24px}
.foot-socials{display:flex;gap:10px;flex-wrap:wrap}
.foot-soc{width:38px;height:38px;border-radius:9px;border:1px solid var(--bdr);background:var(--glass);display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:17px;transition:all .25s;color:var(--t2)}
.foot-soc:hover{border-color:var(--cyan);background:rgba(0,212,255,.12);color:var(--cyan);transform:translateY(-2px)}
.foot-col h3{font-family:'Orbitron',monospace;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--cyan);margin-bottom:22px}
.foot-col ul{list-style:none}
.foot-col ul li{margin-bottom:12px}
.foot-col ul li a{color:var(--t3);text-decoration:none;font-size:14px;transition:color .3s}
.foot-col ul li a:hover{color:var(--cyan)}
.foot-bot{border-top:1px solid var(--bdr);padding-top:30px;display:flex;justify-content:space-between;align-items:center}
.foot-bot p{font-size:12px;color:var(--t3);letter-spacing:1px}

/* ═══ CART ══════════════════════════════════════════════════════ */
.cart-ov{position:fixed;inset:0;background:rgba(2,11,24,.75);z-index:2000;opacity:0;pointer-events:none;transition:opacity .3s;backdrop-filter:blur(5px)}
.cart-ov.open{opacity:1;pointer-events:all}
.cart-sb{position:fixed;top:0;right:0;bottom:0;width:min(560px,100vw);background:var(--bg2);border-left:1px solid var(--bdr);z-index:2001;transform:translateX(100%);transition:transform .4s cubic-bezier(.23,1,.32,1);display:flex;flex-direction:column;overflow:hidden}
.cart-sb.open{transform:translateX(0)}
.cart-hd{padding:28px 30px;border-bottom:1px solid var(--bdr);display:flex;align-items:center;justify-content:space-between}
.cart-ttl{font-family:'Orbitron',monospace;font-size:16px;font-weight:700;letter-spacing:2px}
.cart-cls{background:var(--glass);border:1px solid var(--bdr);color:var(--t1);width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .3s}
.cart-cls:hover{border-color:var(--cyan);color:var(--cyan)}
.cart-list{flex:1;overflow-y:auto;padding:18px;scrollbar-width:thin;scrollbar-color:var(--bdr) transparent}
.cart-empty-wrap{text-align:center;padding:60px 20px;color:var(--t3)}
.cart-empty-wrap .em{font-size:52px;margin-bottom:14px}
.ci{display:flex;align-items:center;gap:12px;padding:14px;background:var(--card);border:1px solid var(--bdr);border-radius:var(--r);margin-bottom:10px}
.ci-img{width:54px;height:44px;border-radius:8px;object-fit:cover;flex-shrink:0;background:var(--bg3)}
.ci-info{flex:1;min-width:0}
.ci-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}
.ci-price{font-family:'Orbitron',monospace;font-size:13px;color:var(--cyan)}
.ci-qty{display:flex;align-items:center;gap:7px}
.qb{background:var(--bg3);border:1px solid var(--bdr);color:var(--t1);width:27px;height:27px;border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s}
.qb:hover{border-color:var(--cyan);color:var(--cyan)}
.qn{font-family:'Orbitron',monospace;font-size:13px;min-width:18px;text-align:center}
.ci-del{background:none;border:none;color:var(--t3);cursor:pointer;font-size:15px;padding:4px;transition:color .2s}
.ci-del:hover{color:#f44}
.cart-ft{padding:22px 28px;border-top:1px solid var(--bdr);background:var(--bg)}
.ctot-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.ctot-l{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--t2)}
.ctot-v{font-family:'Orbitron',monospace;font-size:24px;font-weight:700;color:var(--cyan)}
.ck-btn{width:100%;background:linear-gradient(135deg,var(--blue),var(--cyan));border:none;color:#fff;padding:17px;border-radius:var(--r);cursor:pointer;font-family:'Orbitron',monospace;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;transition:all .3s}
.ck-btn:hover{transform:translateY(-2px);box-shadow:0 14px 44px rgba(0,102,255,.5)}

/* ═══ TOAST ═════════════════════════════════════════════════════ */
.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(120px);background:var(--bg2);border:1px solid var(--cyan);border-radius:var(--r);padding:14px 24px;font-size:14px;font-weight:600;color:var(--t1);z-index:5000;transition:transform .4s cubic-bezier(.23,1,.32,1);display:flex;align-items:center;gap:12px;box-shadow:0 8px 40px rgba(0,0,0,.5)}
.toast.show{transform:translateX(-50%) translateY(0)}

/* ═══ HAMBURGER / MOBILE MENU ═══════════════════════════════════ */
.ham-btn{display:none;flex-direction:column;gap:5px;background:var(--glass);border:1px solid var(--bdr);border-radius:9px;cursor:pointer;width:40px;height:40px;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .25s}
.ham-btn:hover{border-color:var(--cyan)}
.ham-btn span{display:block;width:18px;height:2px;background:var(--t1);border-radius:2px;transition:transform .3s,opacity .3s,background .25s}
.ham-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg);background:var(--cyan)}
.ham-btn.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.ham-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);background:var(--cyan)}
.mob-ov{position:fixed;inset:0;background:rgba(2,11,24,.88);z-index:998;opacity:0;pointer-events:none;transition:opacity .35s;backdrop-filter:blur(10px)}
.mob-ov.open{opacity:1;pointer-events:all}
.mob-menu{position:fixed;top:var(--nav-h);left:0;right:0;z-index:999;background:var(--bg2);border-bottom:1px solid var(--bdr);transform:translateY(-110%);transition:transform .42s cubic-bezier(.23,1,.32,1);padding:24px 28px 36px;max-height:calc(100dvh - var(--nav-h));overflow-y:auto}
.mob-menu.open{transform:translateY(0)}
.mob-links{display:flex;flex-direction:column;margin-bottom:28px}
.mob-links a{font-family:'Orbitron',monospace;font-size:19px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--t2);text-decoration:none;padding:15px 0;border-bottom:1px solid var(--bdr);transition:color .2s,padding-left .2s;display:flex;align-items:center;justify-content:space-between}
.mob-links a:last-child{border-bottom:none}
.mob-links a:hover,.mob-links a.active{color:var(--cyan);padding-left:6px}
.mob-links a::after{content:'→';font-size:14px;opacity:.3;transition:opacity .2s,transform .2s}
.mob-links a:hover::after,.mob-links a.active::after{opacity:1;transform:translateX(5px)}
.mob-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.mob-socials{display:flex;gap:8px}
@media(max-width:800px){.ham-btn{display:flex}}

/* ═══ RESPONSIVE ════════════════════════════════════════════════ */
@media(max-width:1280px){
  .foot-grid{grid-template-columns:2fr 1fr 1fr 1fr}
  .foot-grid>div:last-child{display:none}
}
@media(max-width:1024px){
  .about-grid{grid-template-columns:1fr;gap:48px}
  .about-img-wrap{display:none}
  .foot-grid{grid-template-columns:1fr 1fr;gap:36px}
  .foot-grid>div:last-child{display:block}
}
@media(max-width:800px){
  :root{--nav-h:80px}
  nav{padding:0 20px}
  nav .caij-logo{width:140px}
  .nav-links,.nav-social{display:none}
  .page-hero{padding:90px 24px 50px}
  .stat{border-right:none}
  .cat-section{padding:60px 24px}
  #sobre,#contato{padding:60px 24px}
  .contact-grid{grid-template-columns:1fr}
  .market-strip{padding:28px 24px}
  footer{padding:60px 24px 30px}
  .foot-grid{grid-template-columns:1fr;gap:32px}
  .foot-bot{flex-direction:column;gap:10px;text-align:center}
  .glow-div{margin:0 24px}
  .about-values{grid-template-columns:1fr}
}
/* Catálogo público */
.cart-btn{text-decoration:none}
.catalog-error{position:relative;z-index:2;margin:24px auto;padding:16px 20px;max-width:1100px;border:1px solid #a65d40;border-radius:12px;background:#301d1c;color:#fff}
.catalog-no-image{height:100%;min-height:160px;display:flex;align-items:center;justify-content:center;color:var(--t3);background:var(--bg3)}
.catalog-foot{padding-top:15px;border-top:1px solid rgba(116,180,215,.21);margin-bottom:15px}
.catalog-actions{display:flex;gap:8px}
.catalog-detail-btn,.catalog-contact-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:0;padding:11px 9px;border-radius:9px;font:700 14px 'Exo 2',sans-serif;text-align:center;text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.catalog-detail-btn{flex:1;border:1px solid var(--bdrh);background:transparent;color:var(--t1)}
.catalog-contact-btn{flex:1;border:1px solid var(--cyan);background:var(--cyan);color:var(--deep)}
.catalog-detail-btn:hover{background:rgba(0,212,255,.12);border-color:var(--cyan)}
.catalog-contact-btn:hover{background:#72e7ff;border-color:#72e7ff}
.catalog-detail-btn:focus-visible,.catalog-contact-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
.catalog-detail-modal{position:fixed;inset:0;width:100vw;z-index:5000;display:none;align-items:center;justify-content:center;padding:16px}
.catalog-detail-modal.open{display:flex}
.catalog-detail-backdrop{position:absolute;inset:0;background:rgba(1,6,13,.86);backdrop-filter:blur(6px)}
.catalog-detail-panel{position:relative;display:grid;grid-template-columns:minmax(0,49%) minmax(0,51%);width:min(1420px,100%);height:min(760px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);overflow:auto;background:#061626;border:1px solid #00c9f3;border-radius:12px;box-shadow:0 28px 90px #000c}
.catalog-detail-close{position:absolute;right:12px;top:12px;width:48px;height:48px;border:2px solid var(--cyan);border-radius:50%;background:#061626;color:#fff;font-size:25px;cursor:pointer;z-index:3}
.catalog-detail-close:hover{background:#12334a;color:var(--cyan)}
.catalog-detail-media{position:sticky;top:0;align-self:start;display:flex;flex-direction:column;min-width:0;padding:12px 16px 14px;border-right:1px solid rgba(114,194,231,.2);background:linear-gradient(145deg,#0a273e,#071a2e 65%)}
.catalog-detail-logo{width:102px;margin:0 0 4px 8px}
.catalog-main-photo{position:relative;display:grid;place-items:center;height:min(calc(100dvh - 275px),520px);min-height:250px;overflow:hidden;border-radius:10px;background:#113d5a}
.catalog-main-photo.is-cutout{background:radial-gradient(ellipse at 50% 60%,#1b5476 0%,#103d5d 54%,#0b2c46 100%)}
.catalog-main-photo>img{position:absolute;inset:0;display:block;width:100%;height:100%;padding:12px;object-fit:contain;object-position:center}
.catalog-main-photo .catalog-no-image{width:100%;height:100%}
.catalog-gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #a9d8ed;border-radius:50%;background:#092a43bf;color:#fff;font-size:32px;line-height:1;cursor:pointer}
.catalog-gallery-arrow:hover{background:#15445f;border-color:var(--cyan)}
.catalog-gallery-prev{left:14px}.catalog-gallery-next{right:14px}
.catalog-gallery-bottom{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.catalog-thumbs{display:flex;gap:8px;overflow-x:auto;padding:10px 1px 2px}
.catalog-thumb{flex:1 0 0;min-width:62px;height:clamp(64px,5.8vw,88px);padding:3px;border:2px solid rgba(92,166,204,.35);border-radius:10px;overflow:hidden;background:#0e3049;cursor:pointer}
.catalog-thumb.is-cutout{background:#0e3049}
.catalog-thumb.active,.catalog-thumb:hover{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan)}
.catalog-thumb img{width:100%;height:100%;object-fit:contain}
.catalog-detail-copy{min-width:0;padding:22px 28px 18px 30px}
.catalog-detail-eyebrow{display:flex;align-items:center;gap:10px;margin-right:50px;color:var(--cyan);font:700 11px 'Exo 2',sans-serif;letter-spacing:1.8px;text-transform:uppercase}
.catalog-detail-dot{width:4px;height:4px;border-radius:50%;background:var(--t3)}
.catalog-detail-copy h2{margin:8px 48px 0 0;font:700 clamp(30px,2.3vw,40px) 'Exo 2',sans-serif;line-height:1.1;letter-spacing:-.7px}
.catalog-detail-intro{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;margin:10px 0 0;color:#b9d0df;font-size:14px;line-height:1.45;white-space:pre-line}
.catalog-detail-contact{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:14px;margin:12px 0;padding:12px 0;border-top:1px solid rgba(94,176,216,.28);border-bottom:1px solid rgba(94,176,216,.28)}
.catalog-detail-price{display:grid;gap:2px}
.catalog-detail-price span{color:#9db4c9;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.catalog-detail-price small{color:#b8cde0;font-size:11px;line-height:1.35}
.catalog-detail-contact strong{color:var(--cyan);font:700 clamp(22px,2vw,30px) 'Exo 2',sans-serif;line-height:1.1;white-space:nowrap}
.catalog-detail-contact .catalog-contact-btn{justify-content:space-between;gap:10px;width:100%;min-height:52px;padding:10px 14px;font-size:13px;white-space:nowrap}
.catalog-contact-icon{flex:none;width:27px;height:27px}
.catalog-detail-section{padding:0;border:0}
.catalog-section-heading{display:flex;align-items:center;gap:10px;margin:0 0 10px;color:#f1f7ff;font:700 15px 'Exo 2',sans-serif;white-space:nowrap}
.catalog-section-heading::after{content:'';height:1px;flex:1;background:#1c5575}
.catalog-heading-mark{flex:none;width:20px;height:20px;color:var(--cyan)}
.catalog-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}
.catalog-feature{display:grid;grid-template-columns:20px minmax(0,1fr);gap:6px;min-width:0;padding:4px 8px 4px 0;border-right:1px solid #1c5575}
.catalog-feature+.catalog-feature{padding-left:10px}
.catalog-feature:last-child{border-right:0}
.catalog-feature svg{width:20px;height:20px;color:var(--cyan)}
.catalog-feature span{display:block;margin-bottom:4px;color:#9ed4eb;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.catalog-feature strong{display:block;color:#f3f7ff;font-size:12px;font-weight:500;line-height:1.35;overflow-wrap:anywhere}
.catalog-secondary-heading{margin:0 0 4px;font-size:15px}
.catalog-spec-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;margin:0}
.catalog-spec-row{display:grid;grid-template-columns:minmax(72px,38%) minmax(0,1fr);align-items:baseline;gap:8px;min-width:0;padding:5px 2px;border-bottom:1px solid rgba(94,176,216,.24)}
.catalog-spec-row dt{color:#b1d1e1;font-size:12px;line-height:1.3}
.catalog-spec-row dd{margin:0;color:#d9e8f3;font-size:12px;line-height:1.3;overflow-wrap:anywhere}
.catalog-spec-more{margin:5px 0 12px;color:var(--cyan);font-size:12px}
.catalog-spec-more summary{width:max-content;max-width:100%;padding:6px 2px;cursor:pointer}
.catalog-spec-more .catalog-spec-list{padding-bottom:8px}
.catalog-detail-disclosure{margin-top:7px;border:1px solid #1e6b91;border-radius:8px;background:#0b253a}
.catalog-detail-disclosure summary{display:flex;align-items:center;gap:10px;min-height:40px;padding:8px 12px;color:#e9f5ff;font:700 12px 'Exo 2',sans-serif;cursor:pointer;list-style:none}
.catalog-detail-disclosure summary::-webkit-details-marker{display:none}
.catalog-detail-disclosure summary::before{content:'▣';color:var(--cyan);font-size:21px;line-height:1}
.catalog-detail-disclosure summary::after{content:'⌄';margin-left:auto;color:var(--cyan);font-size:24px;line-height:1}
.catalog-detail-disclosure[open] summary::after{transform:rotate(180deg)}
.catalog-detail-disclosure p{margin:0;padding:0 16px 15px;color:#b9d0df;font-size:13px;line-height:1.6;white-space:pre-line}
/* Mantém navegação e controles confortáveis quando os links maiores não cabem. */
.cart-btn{min-height:44px;font-size:14px;letter-spacing:.3px}
.ham-btn{width:44px;height:44px}
:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
@media(max-width:1200px){.nav-links,.nav-social{display:none}.ham-btn{display:flex}}
@media(max-width:360px){
  nav{padding:0 12px;gap:8px}
  nav .caij-logo{width:100px}
  .nav-right{gap:6px}
  .cart-btn{padding:8px 10px;font-size:12px}
}
.mob-bottom .btn-p{min-height:44px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.prod-card,.prod-img img{transition:none}.prod-card:hover,.prod-card:hover .prod-img img{transform:none}}
@media(max-width:1150px){.catalog-detail-copy{padding:28px 25px 22px}.catalog-detail-copy h2{font-size:clamp(27px,3vw,34px)}.catalog-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 0}.catalog-feature:nth-child(2){border-right:0}.catalog-feature:nth-child(3){padding-left:0}.catalog-detail-contact .catalog-contact-btn{min-height:58px;padding:10px;font-size:11px}}
@media(max-width:800px){.catalog-detail-panel{grid-template-columns:1fr;height:auto}.catalog-detail-media{position:static;min-height:0;border-right:0;border-bottom:1px solid var(--bdr)}.catalog-main-photo{height:min(51vh,440px)}.catalog-detail-copy{padding:26px}.catalog-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog-feature:nth-child(2){border-right:1px solid #1c5575}.catalog-feature:nth-child(3){padding-left:10px}}
@media(max-width:600px){.catalog-detail-modal{padding:8px}.catalog-detail-panel{width:100%;max-height:calc(100dvh - 16px);border-radius:10px}.catalog-detail-media{padding:12px}.catalog-detail-logo{width:82px;margin-left:5px}.catalog-main-photo{height:min(30vh,250px);min-height:190px}.catalog-main-photo>img{padding:8px}.catalog-gallery-arrow{width:38px;height:38px;font-size:26px}.catalog-thumbs{gap:6px;padding-top:8px}.catalog-thumb{min-width:58px;height:58px}.catalog-detail-copy{padding:24px 17px 28px}.catalog-detail-copy h2{font-size:28px}.catalog-detail-contact{grid-template-columns:1fr;gap:12px}.catalog-detail-contact .catalog-contact-btn{min-height:48px;font-size:13px}.catalog-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-feature:nth-child(2){border-right:0}.catalog-feature:nth-child(3){padding-left:0}.catalog-spec-row{grid-template-columns:minmax(95px,36%) minmax(0,1fr)}.catalog-actions{flex-wrap:wrap}}

/* Rodapé compartilhado por todas as páginas públicas. */
footer.site-footer{padding:24px max(48px,calc((100% - 1320px)/2)) 20px;background:#021324;border-top-color:rgba(0,212,255,.2)}
.site-footer .foot-grid{grid-template-columns:1.45fr 1fr 1.5fr 1.2fr;gap:28px;margin-bottom:20px}
.site-footer .foot-grid>div{border-left:1px solid rgba(82,166,216,.22);padding-left:25px}
.site-footer .foot-grid>div:first-child{border:0;padding-left:0}
.site-footer .foot-grid>div:last-child{display:block}
.site-footer .foot-col h3{font-family:'Exo 2',sans-serif;text-transform:none;letter-spacing:0;color:#eff5fb;font-size:14px;margin-bottom:13px}
.site-footer .foot-col ul li{margin-bottom:7px;font-size:13px;color:#d9e4f1;line-height:1.5}
.site-footer .foot-col ul li a{font-size:13px;color:#d9e4f1}
.site-footer .foot-desc{margin-bottom:14px;color:#c4d5e8}
.site-footer .caij-logo-footer{width:155px;margin-bottom:6px}
.site-footer .foot-socials{gap:8px}
.site-footer .foot-soc{border:0;background:none;width:28px;height:28px}
.site-footer .foot-soc img{width:23px;height:23px;object-fit:contain}
.site-footer .foot-bot{padding-top:15px}
.site-footer .foot-bot p{letter-spacing:0;color:#a9bbce}
.site-footer .foot-bot a{color:#b9d0e7;text-decoration:none}
.site-footer .foot-bot a:hover{color:#28c1ff}
.market-strip .mkt-icon{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;flex:none}
.market-strip .mkt-icon img,.market-strip .mkt-icon svg{display:block;width:21px;height:21px;object-fit:contain}
@media(max-width:1100px){.site-footer .foot-grid{grid-template-columns:1.25fr .8fr 1.2fr 1fr;gap:16px}.site-footer .foot-grid>div{padding-left:18px}}
@media(max-width:800px){footer.site-footer{padding:38px 28px 24px}.site-footer .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.site-footer .foot-grid>div:nth-child(odd){border:0;padding-left:0}}
@media(max-width:520px){.site-footer .foot-grid{grid-template-columns:1fr 1fr}.site-footer .foot-grid>div{border:0;padding:0}.site-footer .foot-grid>div:first-child{grid-column:1/-1}.site-footer .foot-bot{align-items:flex-start;gap:6px;flex-direction:column}}