/* Homepage-only adaptation of the approved cylindrical showcase. */
body.home-orbit{background:#102d49;color:#f4f7fb;font-family:Poppins,sans-serif;overflow-x:clip}
.home-orbit ::selection{background:#58dcf1;color:#03121b}
.home-orbit :focus-visible{outline:2px solid #79e0f1;outline-offset:5px}
.home-orbit #nav{position:absolute;top:20px;left:50%;transform:translateX(-50%);width:min(1000px,calc(100% - 40px));height:74px;min-height:0;padding:0 24px;display:flex;justify-content:space-between;gap:24px;border:1px solid #ffffff24;border-radius:24px;background:#102332f2;backdrop-filter:blur(16px);box-shadow:inset 0 1px #ffffff08;z-index:400}
.home-orbit #nav .nav-links{position:static;transform:none;gap:28px;display:flex}
.home-orbit #nav .nav-links a{font:400 12px Poppins,sans-serif;color:#eef4ff;letter-spacing:0;text-transform:none}
.home-orbit #nav .nav-social{display:none}
.home-orbit #nav .nav-logo-link{flex:none}
.home-orbit #nav .caij-logo{width:120px;height:62px}
.home-orbit #nav .caij-logo img{filter:brightness(0) invert(1)}
.home-orbit #nav .nav-right{gap:12px;position:static}
.home-orbit .catalog-theme-toggle{font-size:10px;padding:6px;min-width:0}
.home-orbit .orbit-button,.home-orbit #nav .cart-btn{display:grid;place-items:center;position:relative;overflow:hidden;border:1px solid #6599ae;color:#fff;text-decoration:none;border-radius:13px;background:linear-gradient(to top,#9ad9ec 1px,#89dff0 2px,#79e0f1 3px,#61daef 4px,#3ec8e4 5px,#14a8c6 6px,#0596b3 7px,#038aa8 8px,#047796 9px,#006180 10px,#025066 12px,#0a4f5e 13px,#04465a 14px,#073746 16px,#0a2a37 18px,#0d212e 20px,#0f1824 24px,#15364a 30px,#18384e 34px,#18384e 100%);box-shadow:inset 0 3px 3px -2px #b4e4ff1a,inset 1px 0 #ffffff17,inset -1px 0 #ffffff17,0 1px #98daea61,1px 0 #98daea2b,-1px 0 #98daea2b,0 0 8px #3cbeeb1a,0 2px 5px -3px #5adcff73;transition:transform .25s,filter .25s}
.home-orbit .orbit-button::after,.home-orbit #nav .cart-btn::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,#c8f5ffb3,transparent 13px),linear-gradient(270deg,#c8f5ffb3,transparent 13px);mask:linear-gradient(to top,#000 0,#000 6px,#0006 12px,#00000026 18px,#00000017 24px,#00000005 30px,#00000005)}
.home-orbit #nav .cart-btn{width:146px;height:44px;font:500 12px Poppins,sans-serif;white-space:nowrap;clip-path:none}
.home-orbit #nav .cart-btn::before{content:'';position:absolute;left:22%;right:38%;top:1px;height:2px;filter:blur(.55px);background:linear-gradient(90deg,transparent,#a0f0ffbd,transparent)}
.home-orbit .orbit-button:hover,.home-orbit #nav .cart-btn:hover{transform:translateY(-1px);filter:brightness(1.12)}
.orbit-hero{height:760px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 90%,#23689880,transparent 65%),linear-gradient(180deg,#0b1c32,#123b5d)}
.orbit-stars{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.orbit-stars i{position:absolute;left:0;top:0;width:1px;height:1px;border-radius:50%;background:white}
.orbit-copy{position:relative;z-index:10;text-align:center;padding:142px 20px 0}
.orbit-badge{position:relative;margin:0 auto 28px;width:282px;height:39px;border-radius:12px;border:1px solid #52798f;background:linear-gradient(to top,#294b60,#142b3e 12px);font-size:11px;line-height:39px;text-align:left;padding-left:45px}
.orbit-badge i{position:absolute;left:4px;top:4px;width:29px;height:29px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(to top,#46afc8,#004e66 8px,#060d16);box-shadow:inset 1px 0 #96dcfa66,inset -1px 0 #96dcfa85}
.orbit-badge svg{width:16px;height:19px;fill:#107098b8;stroke:#beecff;stroke-width:1.6;stroke-linejoin:round}
.home-orbit .orbit-copy h1{font:900 clamp(32px,4.9vw,67px)/1.08 Poppins,sans-serif;text-transform:uppercase;letter-spacing:-.03em;color:#fff;margin:0 auto 22px;max-width:1100px;text-shadow:0 0 34px #82b4ff20}
.orbit-copy p{font:400 14px/1.8 Poppins,sans-serif;color:#adb8c9;margin:0 0 27px}
.orbit-button{width:174px;height:55px;margin:auto;font:500 14px Poppins,sans-serif}
.orbit-button span{display:flex;align-items:center;gap:13px;position:relative;z-index:2}
.orbit-button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6}
.orbit-canvas{position:absolute;top:40px;left:50%;width:1172px;height:657px;transform:translateX(-50%) scale(var(--orbit-scale,1));transform-origin:50% 0;pointer-events:none}
.orbit-ring{position:absolute;inset:0;perspective:none;transform-style:flat}
.orbit-card{position:absolute;left:586px;top:616px;width:130px;height:300px;margin:-150px 0 0 -65px;border-radius:12px;overflow:hidden;background:linear-gradient(165deg,#11293b,#060e18 65%);box-shadow:0 24px 46px #0009,0 3px 8px #0008;backface-visibility:hidden;will-change:transform,opacity;border:1px solid #90ddff45}
.orbit-card strong{display:block;text-align:center;padding:22px 8px 0;color:#edf5ff;font:600 13px Poppins,sans-serif}
.orbit-card img{position:absolute;top:58px;left:5px;width:118px;height:190px;object-fit:contain}
.orbit-card small{position:absolute;bottom:24px;left:10px;right:10px;font:400 9px/1.6 Poppins,sans-serif;text-align:center;color:#b5cfe1}
.orbit-pause{position:absolute;bottom:16px;right:24px;z-index:20;font:400 10px Poppins,sans-serif;color:#bfd7e6;border:1px solid #ffffff30;background:#09121b;border-radius:8px;padding:8px 12px;cursor:pointer}
.home-orbit .orbit-browser{position:relative;z-index:30;width:min(1030px,calc(100% - 64px));margin:-108px auto 80px;padding:0;border-radius:24px;background:#f5f8fc;color:#142137;overflow:hidden;box-shadow:0 -14px 44px #0009}
.orbit-browser-bar{height:43px;background:linear-gradient(#141830,#0f1326);display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:20px}
.orbit-dots{display:flex;gap:5px}.orbit-dots i{width:8px;height:8px;border-radius:50%;background:#ee5c62}.orbit-dots i:nth-child(2){background:#f6b719}.orbit-dots i:nth-child(3){background:#12c02f}
.orbit-address{background:#090d1a;color:#b8c3d5;border-radius:5px;min-width:45%;padding:6px 12px;font-size:10px;text-align:center}.orbit-browser-mark{font-size:10px;color:#afc6d7}
.home-orbit .orbit-browser .home-notebook-inner{padding:32px;max-width:none}
.home-orbit .orbit-browser .home-notebook-intro{display:block;text-align:center;margin-bottom:24px}
.home-orbit .orbit-browser h2{font:700 27px/1.25 Poppins,sans-serif;color:#111d32}
.home-orbit .orbit-browser .home-notebook-intro p{color:#53637a;font-size:12px;margin-top:12px}
.home-orbit .orbit-browser .home-text-link{font:500 12px Poppins,sans-serif;color:#17618d}
.home-orbit .orbit-browser .prod-grid{gap:18px}
.home-orbit .orbit-browser .prod-card{background:#fff;color:#16283c}
.home-orbit .orbit-browser .prod-name{color:#142137}
.home-orbit .orbit-browser .prod-specs{color:#52667b}
.home-orbit .home-categories,.home-orbit .home-proof,.home-orbit .home-final{background:transparent}
html[data-catalog-theme="light"] .home-orbit .orbit-hero{background:linear-gradient(#0b1c32,#123b5d)}
@media(min-width:1600px){.orbit-hero{height:830px}.orbit-canvas{top:30px}.orbit-copy{padding-top:155px}}
@media(max-width:1080px){.home-orbit #nav .nav-links{display:none}.home-orbit #nav .ham-btn{display:flex}.home-orbit #nav{width:calc(100% - 32px);max-width:760px}.orbit-hero{height:710px}.orbit-canvas{top:135px}.home-orbit .orbit-copy h1{font-size:clamp(37px,5.4vw,58px)}.home-orbit .orbit-browser{margin-top:-85px}.orbit-copy{padding-top:145px}}
@media(max-width:700px){.home-orbit #nav{top:12px;height:64px;padding:0 16px;gap:12px;border-radius:22px}.home-orbit #nav .caij-logo{width:100px;height:52px}.home-orbit #nav .cart-btn{display:none}.home-orbit #nav .catalog-theme-toggle{font-size:9px}.orbit-copy{padding:114px 20px 0}.orbit-badge{font-size:10px;width:260px;margin-bottom:24px}.home-orbit .orbit-copy h1{font-size:clamp(29px,7.6vw,48px);line-height:1.12;margin-bottom:20px}.orbit-copy p{font-size:11px;line-height:1.85}.orbit-copy p br{display:none}.orbit-button{width:164px;height:52px;font-size:13px}.orbit-hero{height:650px}.orbit-canvas{top:350px}.orbit-pause{bottom:55px;right:16px;font-size:9px}.home-orbit .orbit-browser{width:calc(100% - 28px);margin-top:-40px;border-radius:18px}.orbit-browser-bar{height:36px;padding:0 14px;gap:12px}.orbit-address{font-size:8px}.home-orbit .orbit-browser .home-notebook-inner{padding:25px 18px}.home-orbit .orbit-browser h2{font-size:22px}.home-orbit .orbit-browser .prod-grid{grid-template-columns:1fr}.home-orbit .orbit-browser .home-notebook-intro p{font-size:11px}.home-orbit .mob-menu{background:#07101b;color:white}.home-orbit .mob-menu a{color:white}}
@media(prefers-reduced-motion:reduce){.home-orbit *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.orbit-card{will-change:auto}}
body.home-orbit .mob-links{position:static;inset:auto;height:auto;padding:0;display:flex;flex-direction:column;gap:0;background:none;backdrop-filter:none;border:0}
body.home-orbit .toast:not(.show){visibility:hidden}
body.home-orbit .orbit-canvas{top:-65px}
body.home-orbit .orbit-browser{padding:0}
body.home-orbit .orbit-browser .home-notebook-inner{width:100%;padding:32px}
body.home-orbit .orbit-browser .prod-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto}
body.home-orbit .orbit-browser .home-notebook-card,body.home-orbit .orbit-browser .home-notebook-card:first-child,body.home-orbit .orbit-browser .home-notebook-card:nth-child(n+2){display:flex;flex-direction:column;grid-column:auto;grid-row:auto;border-radius:14px;background:white;box-shadow:none}
body.home-orbit .orbit-browser .home-notebook-photo,body.home-orbit .orbit-browser .home-notebook-card:first-child .home-notebook-photo,body.home-orbit .orbit-browser .home-notebook-card:nth-child(n+2) .home-notebook-photo{height:200px;min-height:0;padding:18px;background:#edf3f7}
body.home-orbit .orbit-browser .home-notebook-details{padding:20px}
body.home-orbit .orbit-browser .home-notebook-details h3,body.home-orbit .orbit-browser .home-notebook-card:nth-child(n+2) .home-notebook-details h3{font-size:17px;line-height:1.4}
body.home-orbit .orbit-browser .home-notebook-intro h2{font:700 27px/1.3 Poppins,sans-serif}
body.home-orbit .orbit-pause[hidden]{display:none}
@media(min-width:1600px){body.home-orbit .orbit-canvas{top:-100px}}
@media(max-width:1080px){body.home-orbit .orbit-canvas{top:40px}}
@media(max-width:700px){body.home-orbit .orbit-canvas{top:200px}body.home-orbit .orbit-browser .home-notebook-inner{padding:25px 18px}body.home-orbit .orbit-browser .prod-grid{grid-template-columns:1fr}body.home-orbit .orbit-browser .home-notebook-intro h2{font-size:22px}}
.orbit-whatsapp{position:fixed;right:20px;bottom:24px;width:56px;height:56px;border-radius:50%;background:#168b44;color:white;display:grid;place-items:center;z-index:200;box-shadow:0 8px 20px #0008}
.orbit-whatsapp svg{width:31px;height:31px}.orbit-whatsapp::after{content:'';position:absolute;inset:0;border-radius:50%;border:2px solid #25d36680;animation:orbit-pulse 2.8s ease-out infinite;pointer-events:none}
@keyframes orbit-pulse{0%{transform:scale(1);opacity:.75}70%,100%{transform:scale(1.4);opacity:0}}
@media(prefers-reduced-motion:reduce){.orbit-whatsapp::after{animation:none}}
body.home-orbit .mob-menu:not(.open){visibility:hidden;pointer-events:none}
body.home-orbit .mob-menu.open{visibility:visible}
/* Contain the 3D compositing layer behind the functional foreground. */
body.home-orbit .orbit-hero{isolation:isolate}
body.home-orbit .orbit-browser{isolation:isolate;transform:translateZ(0)}

/* Stable card layers: no animated filter/rasterization at the cylinder edges. */
.orbit-card{filter:none;transform-origin:50% 50%;transition:none;box-shadow:0 12px 22px #0005}

/* Keep the projected carousel below the hero fade and interactive copy. */
.orbit-canvas{z-index:1}

/* Brighter product photography, with a static studio surface per card.
   Keep filters and lighting independent of the animation frame loop. */
.orbit-card{background:radial-gradient(ellipse at 50% 48%,#31627e 0%,#183c56 48%,#10283e 100%);border-color:#8ddcf275;box-shadow:0 12px 22px #0005,inset 0 1px #c2efff24}
.orbit-card strong{position:relative;z-index:2;padding:18px 6px 0;color:#f6fbff;font-weight:600}
.orbit-card img{top:52px;left:-4px;width:136px;height:210px;object-fit:contain}
.orbit-card small{bottom:17px;left:8px;right:8px;color:#d6e8f3;font-size:9px;line-height:1.4}
.orbit-card::before{content:'';position:absolute;left:9px;right:9px;top:65px;height:175px;border-radius:50%;background:radial-gradient(ellipse,#7bd8f333,transparent 72%);pointer-events:none}
.orbit-card::after{content:'';position:absolute;left:16px;right:16px;bottom:36px;height:1px;background:linear-gradient(90deg,transparent,#9ae2f255,transparent);pointer-events:none}

/* Model-led cards, balanced by category; lighting remains static during motion. */
.orbit-card{--orbit-card-light:#2b607f;background:radial-gradient(ellipse at 50% 54%,var(--orbit-card-light),#14364f 64%,#102b42);border-color:#90c7dc73}
.orbit-card[data-category=desktops]{--orbit-card-light:#235d70}
.orbit-card[data-category=monitores]{--orbit-card-light:#315b75}
.orbit-card[data-category=tablets]{--orbit-card-light:#3b607c}
.orbit-card[data-category=celulares]{--orbit-card-light:#2b5c7a}
.orbit-card-category{position:relative;z-index:2;display:block;padding:14px 6px 0;text-align:center;text-transform:uppercase;letter-spacing:.09em;font:500 7px/1.4 Poppins,sans-serif;color:#b8dbed}
.orbit-card strong{padding:4px 7px 0;font-size:11px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px}
.orbit-card img{top:72px;left:-7px;width:142px;height:200px}
.orbit-card[data-category=celulares] img,.orbit-card[data-category=tablets] img{left:9px;width:112px;height:195px;top:70px}
.orbit-card small{bottom:14px;font-size:9px;line-height:1.4;color:#cee0ed}
.orbit-card::before{top:90px;height:155px;background:radial-gradient(ellipse,#a2d9ef29,transparent 72%)}
