/* Original Georgia / Trebuchet typography and KAR blue, white, red and green. */
body{background:radial-gradient(ellipse at 90% 25%,#1835800c,transparent 55%),#f6f7f8}
#inicio .kar-future-hero{position:relative;isolation:isolate;overflow:hidden;padding:26px 0 0;background:#071020;color:#fff;perspective:1200px}
#inicio .kar-future-hero::before,#inicio .kar-future-hero::after{display:none}
.kar-future-film,.future-shade,.future-grid{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.kar-future-film{object-fit:cover;object-position:center;z-index:-4;opacity:.8}
.future-shade{z-index:-3;background:linear-gradient(180deg,#030918a8,#06102038 42%,#061020da 100%),linear-gradient(90deg,#06102099,transparent 50%,#06102099)}
.future-grid{z-index:-2;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:75px 75px;mask-image:linear-gradient(transparent 12%,#000 100%);transform:perspective(700px) rotateX(62deg) scale(1.9);transform-origin:bottom;opacity:.45}
.future-content{position:relative;z-index:1;max-width:1280px;margin:auto;padding:8px 28px 16px;text-align:center}
#inicio .kar-future-hero .eyebrow{color:#fff;letter-spacing:.2em;margin:0 0 12px;text-shadow:0 2px 10px #000}
#inicio .kar-future-hero h1{font-family:Georgia,serif;font-size:clamp(32px,4.4vw,62px);line-height:1.1;letter-spacing:-.04em;margin:0;color:#fff;text-shadow:0 3px 18px #000c;font-weight:400}
#inicio .kar-future-hero h1 em{color:#fff;font-style:normal}
.future-scene{height:310px;position:relative;max-width:800px;margin:0 auto;isolation:isolate}
#future-model{position:absolute;inset:-5px 0 0;z-index:2}
#future-model model-viewer{height:100%;width:100%;background:transparent;--progress-bar-color:#183580}
.future-logo-fallback{width:184px;height:184px;position:absolute;left:calc(50% - 92px);top:60px;transform:perspective(800px) rotateY(-9deg);filter:drop-shadow(0 20px 20px #0008)}
.future-logo-fallback img{width:100%;height:100%;object-fit:contain}
.future-halo{position:absolute;bottom:14px;left:25%;right:25%;height:45px;border:1px solid #d5e0ff80;border-radius:50%;box-shadow:0 0 28px #183580aa,inset 0 0 20px #18358055;background:#18358022;transform:rotateX(35deg)}
.future-axis{position:absolute;top:47%;font:10px/1.5 'Trebuchet MS',sans-serif;letter-spacing:.14em;color:#fff;text-shadow:0 2px 8px #000;z-index:3;pointer-events:none}.axis-left{left:0}.axis-right{right:0}
#inicio .kar-future-hero .hero-copy{color:#fff;font:15px/1.65 'Trebuchet MS',sans-serif;margin:0 0 16px;text-shadow:0 2px 10px #000;padding:0}
.future-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
#inicio .kar-future-hero .primary{background:#183580;color:#fff;border:1px solid #536cb0;box-shadow:0 5px 0 #0a1d51,0 14px 28px #0005;border-radius:12px}
#inicio .kar-future-hero .outline{background:#ffffffed;color:#183580;border:1px solid #fff;box-shadow:0 5px 0 #aab8d3,0 14px 28px #0004}
.future-controls{display:flex;justify-content:center;gap:12px;margin-top:20px}.future-controls button{border:1px solid #ffffff55;color:#fff;background:#08142bc9;padding:9px 15px;border-radius:999px;font-size:11px;min-height:40px}
.future-controls button[aria-pressed=true]{background:#fff;color:#183580}.future-status{font-size:11px;color:#e6edff;margin:9px 0 0;min-height:18px}
#inicio .kar-future-hero .kar-buying-facts{max-width:none;position:relative;margin:0;padding:14px 20px;display:flex;justify-content:center;gap:30px;flex-wrap:wrap;list-style:none;width:100%;border-top:1px solid #ffffff30;background:#08142bba;color:#fff;font-size:11px}
#inicio .kar-future-hero .kar-buying-facts li{background:none;color:inherit;padding:0;border:0}
#inicio .kar-future-hero #gallery,#inicio .kar-future-hero .platform-strip{display:none!important}
/* Depth throughout the catalog; all text remains HTML and interactive. */
main>.section{position:relative;isolation:isolate}
.product-grid,.featured-grid,.steps{perspective:1500px}
.product,.mini-feature,.spotlight,.steps article,.kar-support-entry-form{--tx:0deg;--ty:0deg;transform:rotateX(var(--tx)) rotateY(var(--ty));transform-style:preserve-3d;box-shadow:0 5px 0 #cbd3e4,0 20px 36px #18358012!important;border:1px solid #cbd3e4;transition:transform .22s ease,box-shadow .22s ease!important;position:relative}
.product,.mini-feature,.steps article{background:linear-gradient(135deg,#fff 65%,#e9edf6)!important}
.steps article{padding:24px;border-radius:16px}
.product::after,.mini-feature::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,#fff8,transparent 38%,#18358006);z-index:-1}
.product h3,.mini-feature h3{color:#161921}.product .price{color:#183580}
.product:hover,.mini-feature:hover{box-shadow:0 7px 0 #b9c6df,0 28px 42px #18358022!important}
.product button.primary,.mini-feature .outline{box-shadow:0 4px 0 #0b2156;transform:translateZ(10px)}
.product .service-mark{box-shadow:0 5px 12px #18358020;transform:translateZ(14px)}
#catalogo .section-head h2,#combos .section-head h2{text-shadow:1px 2px 0 #fff,2px 4px 0 #18358013}
#inicio>.section::before{content:'';position:absolute;inset:15% -12px auto auto;width:80px;height:80px;border:1px solid #18358012;transform:rotate(32deg);z-index:-1;pointer-events:none}
@media(max-width:800px){.future-content{padding:8px 18px 18px}.future-scene{height:280px}.future-axis{top:auto;bottom:8px;font-size:8px}.future-halo{left:19%;right:19%}#inicio .kar-future-hero{padding-top:24px}#inicio .kar-future-hero h1{font-size:38px}#inicio .kar-future-hero .hero-copy{font-size:14px}#inicio .kar-future-hero .kar-buying-facts{gap:10px 18px}.future-actions .hero-cta{min-width:0}.future-actions a{padding:12px 18px}.steps article{display:block}}
@media(prefers-reduced-motion:reduce){.product,.mini-feature,.spotlight,.steps article{transform:none!important;transition:none!important}.future-grid{display:none}}
/* Keep the film behind the entire composition despite legacy hero rules. */
#inicio .kar-future-hero>.kar-future-film,#inicio .kar-future-hero>.future-shade,#inicio .kar-future-hero>.future-grid{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important}
#inicio .kar-future-hero>.kar-future-film{object-fit:cover!important;z-index:-4!important}
#inicio .kar-future-hero>.future-content{position:relative!important;z-index:1!important;width:100%;max-width:1280px}
.future-actions>.hero-combos-cta{display:none!important}
html,body{max-width:100%;overflow-x:clip}
@media(min-width:700px) and (max-width:1099px){body>header{min-height:110px;padding:14px 24px;gap:12px}body>header>.brand .logo-crop{width:80px;height:52px}body>header>.brand .logo-crop img{width:92px;left:-6px;top:-16px}body>header>nav{gap:20px;padding-top:4px}}
/* Preserve the original 53-service shopping carousel inside the video field. */
#inicio .kar-future-hero .future-shopping{position:relative;z-index:1;max-width:1200px;width:100%;margin:0 auto;padding:36px 20px 28px;background:linear-gradient(#061020c7,#061020ed);border-top:1px solid #ffffff30}
#inicio .kar-future-hero .future-shopping h2{color:#fff;font-family:Georgia,serif;font-weight:400;font-size:38px;margin:0 0 22px}
#inicio .kar-future-hero #gallery{display:block!important;height:340px;max-width:100%;width:100%;position:relative;background:none;overflow:hidden;margin:12px auto 16px;perspective:1000px}
#inicio .kar-future-hero #gallery .film{display:block;position:absolute;width:200px;height:280px;left:calc(50% - 100px);top:24px;pointer-events:auto;cursor:pointer;border:1px solid #dce0e6;box-shadow:0 8px 0 #18358050,0 22px 36px #0005}
#inicio .kar-future-hero #gallery .film[hidden]{display:none!important}
#inicio .kar-future-hero .future-shopping .carousel-picker{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;color:#fff;font-size:13px;margin:0 auto 12px}
#inicio .kar-future-hero .future-shopping select{background:#fff;color:#161921;max-width:min(100%,440px)}
#inicio .kar-future-hero .future-shopping .carousel-details{position:relative;text-align:center;padding:0 10px;margin:0 auto;max-width:700px}
#inicio .kar-future-hero .future-shopping .carousel-details h2{font-size:30px;margin:8px 0}
#inicio .kar-future-hero .future-shopping .slide-description{color:#fff;font-size:15px;margin-bottom:16px}
#inicio .kar-future-hero .future-shopping .motion-controls{display:flex;position:relative;justify-content:center;align-items:center;gap:10px;margin:20px auto 0}
#inicio .kar-future-hero .future-shopping .motion-controls button{background:#fff;color:#183580;border-color:#dce0e6}
#inicio .kar-future-hero .future-shopping .slide-count{color:#fff;padding:0 8px}
#inicio .kar-future-hero .future-shopping .carousel-status{color:#e8efff;font-size:12px;min-height:18px;margin:8px 0 0}
@media(max-width:600px){#inicio .kar-future-hero .future-shopping{padding:28px 12px 20px}#inicio .kar-future-hero #gallery{height:290px}#inicio .kar-future-hero #gallery .film{width:176px;height:248px;left:calc(50% - 88px);top:16px}#inicio .kar-future-hero .future-shopping h2{font-size:30px}}
/* Original two-man duel, with its entire composition retained. */
#inicio .kar-future-hero>.kar-future-film{height:700px!important;object-fit:cover!important;object-position:50% 50%!important}
/* Orbital relief on the launcher; no extra WebGL context or microphone access. */
body .kar-assistant-launch{isolation:isolate;overflow:visible!important;transform-style:preserve-3d;perspective:500px;background:radial-gradient(circle at 30% 22%,#b7d6ff,#183580 44%,#071632 82%)!important;border:1px solid #c7d9ff!important;box-shadow:inset 3px 4px 9px #ffffff80,inset -4px -7px 12px #020c2ccc,0 5px 0 #071632,0 15px 28px #18358050!important;transition:transform .2s ease,box-shadow .2s ease;min-width:56px;min-height:56px}
body .kar-assistant-launch::before,body .kar-assistant-launch::after{content:'';position:absolute;inset:-5px;border:2px solid #cad9ff;border-radius:50%;pointer-events:none;z-index:2;box-shadow:0 0 5px #18358088;transform:rotateX(65deg) rotateY(-20deg) rotateZ(-28deg);animation:kar-assistant-orbit 9s linear infinite}
body .kar-assistant-launch::after{inset:-3px;border-color:#39a664;border-width:1.5px;transform:rotateX(-60deg) rotateY(40deg) rotateZ(25deg);animation-name:kar-assistant-counter;animation-duration:12s;box-shadow:0 0 4px #fff8}
body .kar-assistant-launch>img{position:relative;z-index:1;filter:drop-shadow(0 2px 4px #020a26);border-radius:50%}
body .kar-assistant-launch:hover,body .kar-assistant-launch:focus-visible{transform:translateY(-3px);box-shadow:inset 3px 4px 9px #ffffff80,inset -4px -7px 12px #020c2ccc,0 8px 0 #071632,0 20px 32px #18358055!important}
body .kar-assistant-launch:focus-visible{outline:3px solid #183580;outline-offset:10px}
#kar-assistant-dialog .kar-bot-avatar{transform:perspective(600px) rotateY(-8deg);box-shadow:inset 5px 6px 16px #fff7,inset -8px -10px 24px #061020aa,0 22px 35px #18358040!important;border-radius:50%;isolation:isolate}
#kar-assistant-dialog .kar-voice-orbit{perspective:800px;transform-style:preserve-3d}
#kar-assistant-dialog .voice-ring{border-width:2px;box-shadow:0 0 8px #18358055}
#kar-assistant-dialog .voice-ring.ring-one{border-color:#183580;transform:rotateX(64deg) rotateZ(-24deg)}
#kar-assistant-dialog .voice-ring.ring-two{border-color:#bf2637;transform:rotateY(62deg) rotateZ(26deg)}
#kar-assistant-dialog .voice-ring.ring-three{border-color:#27844a;transform:rotateX(-54deg) rotateY(30deg)}
@keyframes kar-assistant-orbit{from{transform:rotateX(65deg) rotateY(-20deg) rotateZ(-28deg)}to{transform:rotateX(65deg) rotateY(-20deg) rotateZ(332deg)}}
@keyframes kar-assistant-counter{from{transform:rotateX(-60deg) rotateY(40deg) rotateZ(25deg)}to{transform:rotateX(-60deg) rotateY(40deg) rotateZ(-335deg)}}
body:has(#kar-assistant-dialog[open]) .kar-assistant-launch::before,body:has(#kar-assistant-dialog[open]) .kar-assistant-launch::after{animation-play-state:paused}
@media(max-width:850px){#inicio .kar-future-hero>.kar-future-film{height:690px!important;object-fit:contain!important;object-position:center 45%!important}body .kar-assistant-launch{right:18px!important;bottom:22px!important}}
@media(prefers-reduced-motion:reduce){body .kar-assistant-launch::before,body .kar-assistant-launch::after{animation:none!important}body .kar-assistant-launch:hover{transform:none}#kar-assistant-dialog .kar-bot-avatar{transform:none}}
