@font-face{font-family:KiaSignature;src:url('./assets/KiaSignatureRegular.woff2') format('woff2');font-display:swap}
:root{--ink:#05141f;--navy:#071923;--navy-2:#0b2736;--red:#ea0029;--red-dark:#c80025;--paper:#f6f7f8;--white:#fff;--muted:#64717a;--line:#dfe4e7;--shadow:0 18px 48px rgba(5,20,31,.11);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:KiaSignature,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.container{width:min(1180px,calc(100% - 64px));margin:0 auto}.section{padding:112px 0}.eyebrow{font-size:12px;letter-spacing:.22em;font-weight:700;color:var(--red);margin:0 0 18px}.eyebrow-light{color:#fff}.section-heading h2{font-size:clamp(42px,5vw,72px);line-height:.95;letter-spacing:-.055em;margin:0 0 24px;font-weight:500}.section-heading h2 span{color:var(--red)}.section-heading>p:last-child{color:var(--muted);font-size:18px;max-width:580px;margin:0}.section-heading.centered{text-align:center}.section-heading.centered>p:last-child{margin-inline:auto}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:50px;padding:13px 20px;border-radius:3px;font-weight:700;transition:transform .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease;cursor:pointer}.button:hover{transform:translateY(-2px)}.button:focus-visible,.header-cta:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid rgba(234,0,41,.35);outline-offset:3px}.button span{font-size:20px;line-height:1}.button-primary{background:var(--red);color:#fff;border:1px solid var(--red)}.button-primary:hover{background:var(--red-dark);border-color:var(--red-dark)}.button-ghost{color:#fff;border:1px solid rgba(255,255,255,.65);background:rgba(5,20,31,.14)}.button-ghost:hover{background:rgba(255,255,255,.14)}.button-outline{border:1px solid var(--red);color:var(--red);background:transparent;width:100%}.button-outline:hover{background:var(--red);color:#fff}
.site-header{position:absolute;inset:0 0 auto;z-index:20;color:#fff;background:rgba(5,20,31,.54);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.15)}.header-inner{height:76px;width:min(1320px,calc(100% - 64px));margin:auto;display:flex;align-items:center;gap:44px}.brand img{display:block;width:76px;height:auto}.desktop-nav{display:flex;align-items:center;gap:28px;font-size:13px;flex:1}.desktop-nav a{opacity:.88;transition:opacity .2s ease}.desktop-nav a:hover{opacity:1}.header-cta{display:inline-flex;align-items:center;gap:14px;padding:10px 16px;border:1px solid rgba(255,255,255,.5);font-size:13px;transition:background .2s ease}.header-cta:hover{background:#fff;color:var(--ink)}.menu-toggle,.mobile-menu{display:none}
.hero{min-height:700px;height:min(840px,100svh);position:relative;isolation:isolate;color:#fff;display:flex;align-items:center;overflow:hidden}.hero-media{position:absolute;inset:0;background:url('./assets/kia-link-hero-poster.jpg') center/cover no-repeat;z-index:-3}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-video.is-motion-disabled{visibility:hidden}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,15,24,.92) 0%,rgba(3,15,24,.7) 37%,rgba(3,15,24,.12) 76%),linear-gradient(0deg,rgba(3,15,24,.42),transparent 38%);z-index:-2}.hero-grid{position:absolute;inset:0;opacity:.18;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 80%)}.hero-content{padding-top:54px;position:relative;z-index:2}.hero h1{font-size:clamp(48px,6.4vw,96px);line-height:.93;letter-spacing:-.06em;font-weight:500;margin:0 0 24px;max-width:720px;text-wrap:balance}.hero h1 em{font-style:normal;color:#fff}.hero-copy{font-size:19px;line-height:1.35;max-width:480px;margin:0 0 28px;color:rgba(255,255,255,.86)}.button-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hero-proof{display:flex;align-items:center;gap:10px;margin-top:30px;font-size:13px;color:rgba(255,255,255,.83)}.proof-signal{width:19px;height:14px;display:inline-block;border:2px solid #fff;border-radius:50% 50% 0 0;border-bottom:0;position:relative}.proof-signal:after{content:"";position:absolute;width:6px;height:6px;border:2px solid #fff;border-radius:50%;left:4px;bottom:-4px}.hero-orbit{position:absolute;border:1px solid rgba(255,255,255,.46);border-radius:50%;z-index:0;pointer-events:none}.orbit-one{width:460px;height:460px;right:12%;top:16%;border-right-color:transparent;transform:rotate(25deg)}.orbit-two{width:250px;height:250px;right:24%;top:28%;border-left-color:transparent}.hero-float-card{position:absolute;z-index:3;display:flex;gap:12px;align-items:center;background:rgba(5,20,31,.55);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(12px);padding:14px 18px;border-radius:12px;font-size:14px}.hero-float-card strong,.hero-float-card small{display:block}.hero-float-card small{opacity:.7}.float-icon{font-size:28px;line-height:1;color:#fff}.float-card-one{right:12%;top:20%}.float-card-two{right:8%;top:38%}
.benefits{background:#fff}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:52px}.benefit-card{min-height:160px;background:var(--paper);border:1px solid var(--line);padding:25px 26px;display:grid;grid-template-columns:50px 1fr;column-gap:18px;row-gap:2px;align-content:center;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.benefit-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#cbd4d9}.benefit-card .line-icon{grid-row:span 2;display:grid;place-items:center}.line-icon svg{width:38px;height:38px;fill:none;stroke:var(--red);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.benefit-card h3{font-size:18px;line-height:1.05;margin:0;font-weight:600}.benefit-card p{font-size:14px;line-height:1.35;color:var(--muted);margin:0}
.section-dark{background:var(--navy);color:#fff;position:relative;overflow:hidden}.app-section{padding:110px 0 122px}.app-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,25,35,.96),rgba(7,25,35,.77)),url('./assets/kia-link-app.webp') center/cover;opacity:.62}.app-section:after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(transparent,rgba(0,0,0,.3));pointer-events:none}.app-layout{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.phone-stage{min-height:470px;position:relative;display:grid;place-items:center}.phone-glow{position:absolute;width:360px;height:360px;border-radius:50%;background:rgba(234,0,41,.28);filter:blur(70px)}.phone-frame{width:238px;height:460px;border:8px solid #0b1115;border-radius:34px;background:#101b21;box-shadow:0 24px 60px rgba(0,0,0,.5);padding:9px;position:relative;transform:rotate(-6deg)}.phone-notch{position:absolute;top:8px;left:50%;width:82px;height:18px;background:#070c10;border-radius:0 0 12px 12px;transform:translateX(-50%);z-index:2}.phone-screen{height:100%;border-radius:22px;background:linear-gradient(#233542,#071923 70%);padding:34px 14px 14px;display:flex;flex-direction:column;overflow:hidden}.app-bar{display:grid;grid-template-columns:26px 1fr;gap:4px;align-items:center;font-size:11px}.app-bar img{width:23px}.app-status{grid-column:2;color:#54ce76;font-size:9px}.mini-car{height:190px;margin:20px -6px 12px;background:url('./assets/hero-kia-link.webp') center/cover;border-radius:10px;opacity:.9}.phone-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.18);padding-top:12px;gap:8px}.phone-stats strong,.phone-stats small{display:block}.phone-stats strong{font-size:13px}.phone-stats small{font-size:9px;color:rgba(255,255,255,.6);margin-top:2px}.phone-actions{margin-top:auto;display:flex;justify-content:space-between;color:#fff;font-size:18px}.phone-actions span{display:grid;place-items:center}.phone-actions small{font-size:8px;opacity:.62}.app-copy{max-width:520px}.app-copy h2{font-size:clamp(46px,5vw,72px);line-height:.95;letter-spacing:-.055em;font-weight:500;margin:0 0 24px}.app-copy h2 em{color:#fff;font-style:normal}.app-copy>p:not(.eyebrow){color:rgba(255,255,255,.72);font-size:18px;max-width:450px}.check-list{list-style:none;padding:0;margin:34px 0 30px;display:grid;gap:22px}.check-list li{display:flex;align-items:flex-start;gap:14px}.check-list li>span:first-child{font-size:26px;color:var(--red);line-height:1}.check-list strong,.check-list small{display:block}.check-list strong{font-size:16px}.check-list small{font-size:13px;color:rgba(255,255,255,.6)}.text-link{display:inline-flex;align-items:center;gap:16px;font-weight:700}.text-link-light{color:#fff}.text-link span{font-size:20px;color:var(--red)}
.plans{background:#fff}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:52px}.plan-card{position:relative;text-align:center;border:1px solid var(--line);padding:35px 30px 30px;min-height:345px;display:flex;flex-direction:column;align-items:center;box-shadow:0 8px 30px rgba(5,20,31,.04)}.plan-featured{border:2px solid var(--red);box-shadow:var(--shadow);transform:translateY(-8px)}.featured-label{position:absolute;top:-1px;left:-2px;right:-2px;background:var(--red);color:#fff;padding:7px;font-size:11px;letter-spacing:.12em;font-weight:700}.plan-featured .plan-duration{margin-top:25px}.plan-duration{font-size:17px;margin:0 0 14px}.plan-price{font-size:70px;font-weight:500;line-height:.9;letter-spacing:-.06em}.plan-price span{font-size:28px;vertical-align:top;margin-right:2px}.plan-price small{font-size:32px;letter-spacing:-.03em}.plan-unit,.plan-note{margin:7px 0 0;color:var(--muted);font-size:14px}.plan-note{font-size:13px;margin:5px 0 22px}.plan-card .button{margin-top:auto}
.steps{background:#eef1f3;padding:36px 0}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.step{display:flex;align-items:flex-start;gap:20px;position:relative}.step:not(:last-child):after{content:"";position:absolute;width:1px;height:48px;right:0;top:0;background:#cbd2d6}.step-number{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--red);border-radius:50%;color:var(--red);font-size:13px;font-weight:700;flex:none}.step h3{margin:0;font-size:17px}.step p{margin:3px 0 0;color:var(--muted);font-size:13px;max-width:220px}
.faq{background:#fff}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:92px;align-items:start}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 0;font-weight:600;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{width:24px;height:24px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-weight:400;transition:transform .2s ease}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:var(--muted);font-size:15px;margin:0 30px 20px 0;max-width:620px}
.contact{background:#edf0f2}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.contact-copy h2{font-size:clamp(46px,5vw,72px);line-height:.95;letter-spacing:-.055em;font-weight:500;margin:0 0 24px}.contact-copy h2 span{color:var(--red)}.contact-copy>p:not(.eyebrow){color:var(--muted);font-size:18px;max-width:380px}.contact-note{display:flex;gap:10px;align-items:center;font-size:13px;margin-top:28px;color:var(--muted)}.contact-note span{color:var(--red);font-weight:700;font-size:20px}.lead-form{background:#fff;padding:34px;box-shadow:var(--shadow)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lead-form label{display:grid;gap:7px;color:var(--ink);font-size:12px;font-weight:700;margin-bottom:16px}.lead-form input,.lead-form select{width:100%;height:48px;border:1px solid #cfd7dc;background:#fff;padding:0 13px;color:var(--ink);border-radius:2px;font-size:14px}.lead-form input::placeholder{color:#9aa5ac}.consent{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:8px!important;font-weight:400!important;color:var(--muted)!important;font-size:11px!important}.consent input{width:16px;height:16px}.form-submit{width:100%;border-radius:2px}.form-status{min-height:20px;margin:12px 0 0;color:var(--red);font-size:13px;text-align:center}
.site-footer{background:#030b10;color:#fff;padding:42px 0 20px}.footer-inner{display:flex;align-items:center;gap:40px}.footer-inner>img{width:78px;height:auto}.footer-links{display:flex;gap:24px;font-size:13px;flex:1;color:rgba(255,255,255,.7)}.footer-links a:hover{color:#fff}.footer-inner>p{margin:0;color:rgba(255,255,255,.5);font-size:12px}.footer-bottom{border-top:1px solid rgba(255,255,255,.16);margin-top:34px;padding-top:18px;display:flex;justify-content:space-between;color:rgba(255,255,255,.44);font-size:11px}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:900px){.container{width:min(100% - 40px,640px)}.header-inner{width:calc(100% - 40px);height:68px}.desktop-nav,.header-cta{display:none}.menu-toggle{margin-left:auto;display:grid;gap:6px;border:0;background:none;padding:10px;cursor:pointer}.menu-toggle span{display:block;width:24px;height:1px;background:#fff;transition:transform .2s ease}.site-header.menu-open .menu-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)}.site-header.menu-open .menu-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-menu{display:grid;max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 20px;background:rgba(5,20,31,.96)}.site-header.menu-open .mobile-menu{max-height:320px;padding:12px 20px 20px}.mobile-menu a{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:15px}.mobile-menu-cta{color:#fff!important;background:var(--red);border:0!important;text-align:center;margin-top:12px;padding:12px!important}.hero{height:760px;min-height:680px;align-items:flex-end;padding-bottom:78px}.hero-media{background-position:57% center}.hero-shade{background:linear-gradient(0deg,rgba(3,15,24,.93) 0%,rgba(3,15,24,.7) 42%,rgba(3,15,24,.2) 83%)}.hero-content{padding-top:0}.hero h1{font-size:clamp(46px,13vw,76px);max-width:570px}.hero-copy{font-size:17px}.hero-float-card{display:none}.orbit-one{right:-30%;top:18%;width:390px;height:390px}.orbit-two{right:-3%;top:31%;width:210px;height:210px}.section{padding:78px 0}.benefit-grid{grid-template-columns:1fr 1fr;margin-top:34px}.benefit-card{min-height:155px;padding:20px 18px;grid-template-columns:38px 1fr;gap:11px}.benefit-card h3{font-size:16px}.benefit-card p{font-size:13px}.line-icon svg{width:31px;height:31px}.app-section{padding:78px 0}.app-layout{grid-template-columns:1fr;gap:36px}.phone-stage{min-height:410px}.phone-frame{width:205px;height:398px}.app-copy h2{font-size:48px}.plan-grid{grid-template-columns:1fr;gap:14px}.plan-card{min-height:315px}.plan-featured{transform:none;order:-1}.steps-grid{grid-template-columns:1fr;gap:20px}.step:not(:last-child):after{display:none}.faq-layout,.contact-layout{grid-template-columns:1fr;gap:42px}.contact-copy h2{font-size:52px}.footer-inner{flex-wrap:wrap;gap:20px}.footer-links{order:3;flex-basis:100%;flex-wrap:wrap;gap:14px 20px}.footer-bottom{gap:8px;flex-direction:column}}
@media(max-width:560px){.container{width:calc(100% - 32px)}.hero{height:700px;min-height:650px;padding-bottom:58px}.hero-media{background-position:59% center}.hero h1{font-size:clamp(44px,13.8vw,66px)}.hero-copy{font-size:16px;max-width:340px}.button-row{display:grid;grid-template-columns:1fr;gap:9px;max-width:300px}.button{width:100%;min-height:50px}.hero-proof{font-size:12px}.section-heading h2{font-size:45px}.section-heading>p:last-child{font-size:16px}.benefit-grid{grid-template-columns:1fr;gap:10px}.benefit-card{min-height:128px;grid-template-columns:42px 1fr}.app-copy h2{font-size:46px}.app-copy>p:not(.eyebrow){font-size:16px}.phone-stage{min-height:370px}.phone-frame{width:185px;height:360px}.phone-screen{padding:30px 12px 11px}.mini-car{height:145px}.form-row{grid-template-columns:1fr;gap:0}.lead-form{padding:24px 20px}.footer-bottom{font-size:10px}.footer-inner>p{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}

/* Hero orbit: el vehículo es el centro de la experiencia Kia Link. */
.solar-system{position:absolute;z-index:3;right:4%;top:50%;width:540px;height:540px;transform:translateY(-50%);pointer-events:none}
.solar-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.64);border-radius:50%;transform:translate(-50%,-50%) rotate(-14deg)}
.solar-orbit-large{width:490px;height:490px;border-right-color:transparent;border-bottom-color:rgba(255,255,255,.3)}
.solar-orbit-small{width:286px;height:286px;border-left-color:transparent;border-top-color:rgba(255,255,255,.34);transform:translate(-50%,-50%) rotate(24deg)}
.solar-ray{position:absolute;left:50%;top:50%;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.48),transparent);transform-origin:left center;width:250px}
.ray-one{transform:rotate(-27deg)}.ray-two{transform:rotate(150deg)}
.solar-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:142px;height:142px;border-radius:50%;display:grid;place-items:center;align-content:center;text-align:center;background:rgba(7,25,35,.86);border:1px solid rgba(255,255,255,.7);box-shadow:0 0 0 10px rgba(255,255,255,.07),0 0 44px rgba(255,255,255,.16);backdrop-filter:blur(10px)}
.solar-core strong{font-size:25px;line-height:1}.solar-core small{margin-top:7px;color:rgba(255,255,255,.72);font-size:11px}
.core-pulse{position:absolute;inset:12px;border:1px solid rgba(234,0,41,.8);border-radius:50%;animation:core-pulse 2.8s ease-in-out infinite}
.solar-node{position:absolute;display:flex;align-items:center;gap:10px;min-width:154px;padding:11px 14px;border:1px solid rgba(255,255,255,.4);border-radius:11px;background:rgba(7,25,35,.7);backdrop-filter:blur(12px);box-shadow:0 10px 30px rgba(0,0,0,.18);font-size:12px;animation:node-float 5s ease-in-out infinite}
.solar-node strong,.solar-node small{display:block}.solar-node strong{font-size:13px}.solar-node small{font-size:10px;color:rgba(255,255,255,.68);margin-top:2px}
.node-icon{width:28px;height:28px;display:grid;place-items:center;color:#fff;flex:none}.node-icon svg{width:25px;height:25px;fill:none;stroke:var(--red);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.node-location{left:0;top:17%;animation-delay:-1.3s}.node-alerts{right:-1%;top:23%;animation-delay:-3.5s}.node-engine{left:-2%;bottom:19%;animation-delay:-2.3s}.node-help{right:3%;bottom:13%;animation-delay:-4.1s}
@keyframes node-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes core-pulse{0%,100%{opacity:.45;transform:scale(.92)}50%{opacity:1;transform:scale(1.04)}}
@media(max-width:900px){.solar-system{right:-13%;top:31%;width:360px;height:360px;transform:scale(.82)}.solar-orbit-large{width:350px;height:350px}.solar-orbit-small{width:210px;height:210px}.solar-node{min-width:132px;padding:9px 10px;gap:7px}.solar-node strong{font-size:11px}.solar-node small{font-size:9px}.node-location{left:-2%;top:10%}.node-alerts{right:-4%;top:18%}.node-engine{left:-8%;bottom:14%}.node-help{right:-5%;bottom:9%}.solar-core{width:110px;height:110px}.solar-core strong{font-size:20px}.solar-core small{font-size:9px}}
@media(max-width:560px){.solar-system{right:50%;top:24%;transform:translateX(50%) scale(.68);transform-origin:center top}.solar-node{font-size:11px}}
@media(prefers-reduced-motion:reduce){.solar-node,.core-pulse{animation:none}}

/* FAQ Kia Link: acordeón editorial con gráficos de conexión y estados animados. */
.faq{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f6f8f9 100%)}
.faq:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;background-image:linear-gradient(rgba(5,20,31,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(5,20,31,.035) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(180deg,transparent,#000 20%,#000 82%,transparent)}
.faq-wrap{position:relative;z-index:1;max-width:1040px}
.faq-heading{margin:0 0 34px}.faq-heading-meta{display:flex;align-items:center;justify-content:space-between;gap:20px}.faq-heading .eyebrow{margin:0;color:#6d6e71}.faq-count{color:#64717a;font-size:15px;font-variant-numeric:tabular-nums}.faq-heading h2{max-width:760px;margin:14px 0 12px;font-size:clamp(44px,6vw,78px);line-height:.94;letter-spacing:-.065em;font-weight:500}.faq-heading h2:after{content:"";display:block;width:64px;height:3px;margin-top:22px;background:#05141f;border-radius:99px}.faq-heading>p:not(.eyebrow){max-width:560px;margin:0;color:#64717a;font-size:18px}
.faq-list{display:grid;gap:12px;border:0}.faq-item{position:relative;overflow:hidden;border:1px solid #d8dfe3;border-radius:15px;background:rgba(255,255,255,.9);box-shadow:0 10px 24px rgba(5,20,31,.035);transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.faq-item:hover{border-color:#aebac0;transform:translateY(-2px);box-shadow:0 16px 34px rgba(5,20,31,.08)}.faq-item[open]{border-color:#05141f;box-shadow:0 18px 42px rgba(5,20,31,.1);transform:none}.faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 28px;color:#05141f;font-size:20px;line-height:1.2;font-weight:600;cursor:pointer}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary>span:first-child{max-width:calc(100% - 56px)}.faq-toggle{position:relative;flex:none;width:38px;height:38px;border:1px solid #93a0a7;border-radius:50%;transition:background .3s ease,border-color .3s ease,transform .35s ease}.faq-toggle:before,.faq-toggle:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:1.5px;background:#05141f;transform:translate(-50%,-50%);transition:transform .3s ease}.faq-toggle:after{transform:translate(-50%,-50%) rotate(90deg)}.faq-item[open] .faq-toggle{background:#05141f;border-color:#05141f;transform:rotate(180deg)}.faq-item[open] .faq-toggle:before,.faq-item[open] .faq-toggle:after{background:#fff}.faq-item[open] .faq-toggle:after{transform:translate(-50%,-50%) rotate(0)}
.faq-answer{display:grid;grid-template-columns:minmax(250px,310px) 1fr;align-items:center;gap:34px;padding:0 28px 28px;border-top:1px solid #e2e7e9;animation:faq-answer-in .55s cubic-bezier(.2,.7,.2,1) both}.faq-answer-copy{max-width:510px}.faq-answer-copy p{margin:0;color:#4f6068;font-size:18px;line-height:1.55}.faq-answer-note{display:flex;align-items:center;gap:9px;margin-top:22px;color:#05141f;font-size:13px;font-weight:600}.faq-answer-note i{width:8px;height:8px;border-radius:50%;background:#05141f;box-shadow:0 0 0 5px rgba(5,20,31,.1);animation:faq-note-pulse 2.4s ease-in-out infinite}
.faq-answer-art{position:relative;min-height:210px;overflow:hidden;border-radius:12px;background:linear-gradient(145deg,#071923,#0d2a39);color:#fff;isolation:isolate}.faq-answer-art:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.58;background-image:linear-gradient(rgba(255,255,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.075) 1px,transparent 1px);background-size:34px 34px;transform:perspective(280px) rotateX(54deg) scale(1.5);transform-origin:center bottom}.faq-answer-art:after{content:"";position:absolute;inset:auto 0 0;height:45%;z-index:-1;background:linear-gradient(transparent,rgba(0,0,0,.25))}.faq-art-halo{position:absolute;left:50%;top:50%;width:124px;height:124px;border:1px solid rgba(255,255,255,.26);border-radius:50%;transform:translate(-50%,-50%);animation:faq-halo-pulse 4.2s ease-in-out infinite}.faq-art-line{position:absolute;left:10%;top:50%;width:80%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform-origin:center;opacity:.72}.faq-art-line-one{transform:rotate(-14deg);animation:faq-line-drift 5s ease-in-out infinite}.faq-art-line-two{transform:rotate(16deg);animation:faq-line-drift 5s ease-in-out -.9s infinite}.faq-art-car{position:absolute;left:9%;bottom:34px;width:49%;height:auto;fill:rgba(255,255,255,.05);stroke:#fff;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 4px 10px rgba(0,0,0,.25));animation:faq-object-in .7s .1s cubic-bezier(.2,.7,.2,1) both}.faq-art-phone{position:absolute;right:14%;bottom:35px;width:20%;height:auto;fill:rgba(255,255,255,.05);stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;animation:faq-object-in .7s .2s cubic-bezier(.2,.7,.2,1) both}.faq-art-pin{position:absolute;right:20%;top:30%;display:grid;place-items:center;width:31px;height:31px;border:1px solid #fff;border-radius:50%;color:#fff;font-size:20px;line-height:1;animation:faq-pin-float 3s ease-in-out infinite}.faq-art-dots{position:absolute;left:53%;top:50%;display:flex;gap:7px;align-items:center}.faq-art-dots i{width:5px;height:5px;border-radius:50%;background:#fff;opacity:.45;animation:faq-dot-travel 1.8s ease-in-out infinite}.faq-art-dots i:nth-child(2){animation-delay:.2s}.faq-art-dots i:nth-child(3){animation-delay:.4s}.faq-art-dots i:nth-child(4){animation-delay:.6s}
.faq-art-alert .faq-art-halo{width:105px;height:105px}.faq-art-alert svg{position:absolute;left:50%;top:50%;width:62px;height:72px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transform:translate(-50%,-50%);animation:faq-object-in .7s .15s both}.faq-alert-ring{position:absolute;left:50%;top:50%;width:160px;height:90px;border:1px solid rgba(255,255,255,.55);border-radius:50%;transform:translate(-50%,-50%) rotate(-22deg);animation:faq-ring-rotate 8s linear infinite}.faq-art-signal{position:absolute;left:18%;top:25%;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.12),180px 82px 0 rgba(255,255,255,.78);animation:faq-note-pulse 2.2s ease-in-out infinite}
.faq-art-plan .faq-art-halo{width:142px;height:142px}.faq-art-plan svg{position:absolute;left:50%;top:50%;width:78px;height:78px;fill:none;stroke:#fff;stroke-width:2;transform:translate(-50%,-50%);animation:faq-object-in .7s .15s both}.faq-plan-line{position:absolute;left:13%;right:13%;bottom:39px;height:1px;background:rgba(255,255,255,.3)}.faq-plan-bar{position:absolute;bottom:40px;width:10px;border-radius:3px 3px 0 0;background:#fff;opacity:.72;transform-origin:bottom;animation:faq-bars-rise 2.8s ease-in-out infinite}.bar-one{left:18%;height:28px}.bar-two{left:25%;height:51px;animation-delay:.2s}.bar-three{left:32%;height:38px;animation-delay:.4s}
.faq-art-fleet .faq-art-halo{width:160px;height:90px;border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg)}.fleet-car{position:absolute;width:49%;height:auto;fill:rgba(255,255,255,.04);stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 4px 9px rgba(0,0,0,.25))}.fleet-car-one{left:4%;bottom:44px;animation:faq-fleet-one 4s ease-in-out infinite}.fleet-car-two{right:3%;bottom:53px;opacity:.55;transform:scale(.7);animation:faq-fleet-two 4s ease-in-out -.8s infinite}.faq-fleet-link{position:absolute;left:35%;top:50%;width:30%;height:1px;background:linear-gradient(90deg,transparent,#fff,transparent);animation:faq-link-pulse 2.8s ease-in-out infinite}
.faq-art-notify .faq-art-halo{width:120px;height:120px}.faq-art-notify svg{position:absolute;left:50%;top:50%;width:64px;height:102px;fill:rgba(255,255,255,.04);stroke:#fff;stroke-width:2;transform:translate(-50%,-50%);animation:faq-object-in .7s .15s both}.faq-bell{position:absolute;right:24%;top:28%;width:42px;height:42px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;animation:faq-pin-float 3s ease-in-out infinite}.faq-bell path{fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.faq-notify-dot{position:absolute;right:21%;top:25%;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.13);animation:faq-note-pulse 2.3s ease-in-out infinite}
@keyframes faq-answer-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes faq-object-in{from{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:none}}@keyframes faq-halo-pulse{0%,100%{transform:translate(-50%,-50%) scale(.94);opacity:.45}50%{transform:translate(-50%,-50%) scale(1.05);opacity:1}}@keyframes faq-line-drift{0%,100%{transform:rotate(-14deg) scaleX(.9);opacity:.35}50%{transform:rotate(-10deg) scaleX(1.05);opacity:.8}}@keyframes faq-pin-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes faq-dot-travel{0%,100%{opacity:.25;transform:scale(.75)}50%{opacity:1;transform:scale(1.2)}}@keyframes faq-note-pulse{0%,100%{opacity:.55}50%{opacity:1}}@keyframes faq-ring-rotate{to{transform:translate(-50%,-50%) rotate(338deg)}}@keyframes faq-bars-rise{0%,100%{transform:scaleY(.78);opacity:.54}50%{transform:scaleY(1.08);opacity:1}}@keyframes faq-fleet-one{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}@keyframes faq-fleet-two{0%,100%{transform:scale(.7) translateX(0)}50%{transform:scale(.7) translateX(-7px)}}@keyframes faq-link-pulse{0%,100%{opacity:.3;transform:scaleX(.75)}50%{opacity:1;transform:scaleX(1)}}
@media(max-width:700px){.faq{padding:82px 0}.faq-heading{margin-bottom:25px}.faq-heading-meta{align-items:flex-start}.faq-count{font-size:13px}.faq-heading h2{font-size:clamp(39px,11vw,58px);margin-top:12px}.faq-heading>p:not(.eyebrow){font-size:16px}.faq-item summary{padding:19px 18px;font-size:17px}.faq-toggle{width:34px;height:34px}.faq-answer{grid-template-columns:1fr;gap:19px;padding:0 18px 22px}.faq-answer-art{min-height:174px}.faq-answer-copy p{font-size:16px}.faq-answer-note{margin-top:16px}.faq-art-car{bottom:27px}.faq-art-phone{bottom:27px}}
@media(prefers-reduced-motion:reduce){.faq-item,.faq-toggle,.faq-answer,.faq-answer-art *{animation:none!important;transition:none!important}.faq-item:hover{transform:none}}

/* Reset de la regla heredada del acordeón anterior: el texto no es un icono. */
.faq-list .faq-item summary>span:first-child{display:block;flex:1 1 auto;width:auto;min-width:0;max-width:none;height:auto;padding:0;border:0;border-radius:0;font-weight:inherit;line-height:inherit;transform:none!important;transition:none;place-items:unset}
.faq-list .faq-item[open] summary>span:first-child{transform:none!important}
.faq-list .faq-item .faq-answer-copy p{margin:0;max-width:510px;color:#4f6068;font-size:18px;line-height:1.55}
@media(max-width:700px){.faq-list .faq-item .faq-answer-copy p{font-size:16px}}

/* FAQ: centro de alertas, con la misma lectura tecnológica del resto de la página. */
.faq-answer-art{--faq-accent:#315e70;--faq-accent-soft:rgba(49,94,112,.34)}
.faq-answer-art .faq-art-halo{border-color:var(--faq-accent-soft)!important;box-shadow:0 0 0 16px rgba(49,94,112,.055),0 0 0 34px rgba(49,94,112,.035)}
.faq-answer-art .faq-art-line{background:linear-gradient(90deg,transparent,rgba(49,94,112,.7),transparent)}
.faq-answer-art .faq-art-pin{border-color:var(--faq-accent);color:var(--faq-accent)}
.faq-answer-art .faq-art-dots i,.faq-answer-art .faq-art-signal,.faq-answer-art .faq-notify-dot{background:var(--faq-accent)}
.faq-answer-art .faq-alert-ring{border-color:rgba(49,94,112,.62)}
.faq-answer-art .faq-art-alert svg,.faq-answer-art .faq-art-plan svg{stroke:var(--faq-accent)}
.faq-answer-art .faq-plan-line{background:rgba(49,94,112,.48)}
.faq-answer-art .faq-plan-bar{background:var(--faq-accent)}
.faq-answer-art .faq-fleet-link{background:linear-gradient(90deg,transparent,var(--faq-accent),transparent)}
.faq-answer-art .faq-notify-topline span i,.faq-answer-art .faq-phone-status i{background:var(--faq-accent);box-shadow:0 0 0 4px rgba(49,94,112,.12)}
.faq-answer-art .faq-phone-bell,.faq-answer-art .faq-notify-card-icon{border-color:var(--faq-accent);color:var(--faq-accent)}
.faq-answer-art .faq-notify-card-icon{box-shadow:0 0 0 4px rgba(49,94,112,.08)}
.faq-answer-art .faq-notify-phone{box-shadow:0 12px 25px rgba(0,0,0,.28),0 0 0 5px rgba(49,94,112,.07)}
.faq-answer-art .faq-notify-arc{border-color:rgba(49,94,112,.34);border-left-color:transparent;border-bottom-color:transparent}
.faq-answer-art .faq-notify-arc.arc-two{border-color:rgba(49,94,112,.5);border-right-color:transparent;border-bottom-color:transparent}
.faq-answer-art .faq-notify-card{border-color:rgba(160,194,125,.34)}
.faq-answer-art .faq-art-signal{box-shadow:0 0 0 5px rgba(49,94,112,.12),180px 82px 0 rgba(49,94,112,.78)}
.faq-answer-art .faq-notify-dot{box-shadow:0 0 0 5px rgba(49,94,112,.14),-42px -12px 0 rgba(255,255,255,.35)}
.faq-art-notify{background:radial-gradient(circle at 34% 54%,rgba(121,197,221,.18),transparent 31%),linear-gradient(145deg,#061720,#0c2b3a 66%,#071923);overflow:hidden}
.faq-art-notify .faq-art-halo{left:34%;top:56%;width:142px;height:142px;border-color:rgba(186,232,245,.28);box-shadow:0 0 0 18px rgba(132,203,224,.05),0 0 0 38px rgba(132,203,224,.035)}
.faq-notify-topline{position:absolute;left:18px;right:18px;top:15px;z-index:3;display:flex;justify-content:space-between;align-items:center;color:rgba(255,255,255,.72);font-size:8px;letter-spacing:.16em;font-weight:700}.faq-notify-topline span{display:flex;align-items:center;gap:6px}.faq-notify-topline span i{width:5px;height:5px;border-radius:50%;background:#315e70;box-shadow:0 0 0 4px rgba(49,94,112,.12);animation:faq-note-pulse 2.2s ease-in-out infinite}.faq-notify-topline strong{font-size:7px;letter-spacing:.12em;font-weight:600;color:rgba(255,255,255,.5)}
.faq-notify-arc{position:absolute;left:7%;top:14%;width:54%;height:80%;border:1px solid rgba(179,227,240,.22);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(28deg);animation:faq-notify-orbit 8s linear infinite}.faq-notify-arc.arc-two{left:16%;top:25%;width:37%;height:58%;border-color:rgba(179,227,240,.34);border-right-color:transparent;border-bottom-color:transparent;transform:rotate(-26deg);animation-duration:6s;animation-direction:reverse}
.faq-notify-phone{position:absolute;left:24%;top:32%;z-index:2;width:61px;height:108px;border:1px solid rgba(230,249,255,.85);border-radius:11px;background:linear-gradient(145deg,rgba(5,20,31,.96),rgba(15,48,62,.9));box-shadow:0 12px 25px rgba(0,0,0,.28),0 0 0 5px rgba(49,94,112,.07);transform:rotate(-7deg);animation:faq-notify-phone-in .8s .1s cubic-bezier(.2,.7,.2,1) both}.faq-phone-speaker{position:absolute;left:50%;top:8px;width:17px;height:2px;border-radius:99px;background:rgba(255,255,255,.55);transform:translateX(-50%)}.faq-phone-status{position:absolute;left:10px;top:22px;font-size:6px;letter-spacing:.03em;color:rgba(255,255,255,.72)}.faq-phone-status i{display:inline-block;width:4px;height:4px;margin-right:2px;border-radius:50%;background:#315e70}.faq-phone-bell{position:absolute;left:50%;top:43px;display:grid;place-items:center;width:27px;height:27px;border:1px solid rgba(49,94,112,.82);border-radius:50%;color:#315e70;font-size:16px;font-weight:700;transform:translateX(-50%);animation:faq-note-pulse 2s ease-in-out infinite}.faq-phone-line{position:absolute;left:11px;right:11px;height:1px;background:rgba(255,255,255,.25)}.faq-phone-line.line-one{top:82px}.faq-phone-line.line-two{top:89px;right:21px}.faq-phone-line.line-three{top:96px;right:16px}
.faq-notify-card{position:absolute;right:7%;z-index:3;display:flex;align-items:center;gap:7px;width:42%;min-height:34px;padding:6px 8px;border:1px solid rgba(201,237,247,.32);border-radius:7px;background:rgba(7,27,38,.76);box-shadow:0 8px 20px rgba(0,0,0,.16);color:#fff;animation:faq-notify-card-in .7s .25s cubic-bezier(.2,.7,.2,1) both}.faq-notify-card.notify-card-one{top:36%}.faq-notify-card.notify-card-two{top:61%;animation-delay:.4s}.faq-notify-card-icon{display:grid;place-items:center;flex:none;width:18px;height:18px;border:1px solid rgba(49,94,112,.8);border-radius:50%;color:#315e70;font-size:11px;font-weight:700}.faq-notify-card strong,.faq-notify-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.faq-notify-card strong{font-size:9px;line-height:1.1}.faq-notify-card small{margin-top:2px;color:rgba(255,255,255,.56);font-size:7px;line-height:1.1}.faq-notify-dot{position:absolute;right:12%;bottom:17%;width:5px;height:5px;border-radius:50%;background:#315e70;box-shadow:0 0 0 5px rgba(49,94,112,.11),-42px -12px 0 rgba(255,255,255,.35);animation:faq-note-pulse 2.6s ease-in-out infinite}
@keyframes faq-notify-orbit{to{transform:rotate(388deg)}}@keyframes faq-notify-phone-in{from{opacity:0;transform:translateY(12px) rotate(-13deg) scale(.92)}to{opacity:1;transform:rotate(-7deg) scale(1)}}@keyframes faq-notify-card-in{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
@media(max-width:700px){.faq-notify-topline{left:14px;right:14px;top:12px}.faq-notify-phone{left:22%;top:31%;transform:rotate(-7deg) scale(.92)}.faq-notify-card{right:5%;width:44%;padding:5px 6px}.faq-notify-card.notify-card-one{top:35%}.faq-notify-card.notify-card-two{top:62%}.faq-notify-card strong{font-size:8px}.faq-notify-card small{font-size:6px}}

.faq-art-connect{background:radial-gradient(circle at 45% 58%,rgba(49,94,112,.2),transparent 35%),linear-gradient(145deg,#061720,#0c2b3a 68%,#071923)}
.faq-art-connect .faq-art-halo{left:47%;top:56%;width:148px;height:148px}
.faq-connect-topline{position:absolute;left:17px;right:17px;top:15px;z-index:4;display:flex;justify-content:space-between;align-items:center;color:rgba(255,255,255,.75);font-size:8px;letter-spacing:.15em;font-weight:700}.faq-connect-topline span{display:flex;align-items:center;gap:6px}.faq-connect-topline span i{width:5px;height:5px;border-radius:50%;background:#315e70;box-shadow:0 0 0 4px rgba(49,94,112,.12);animation:faq-note-pulse 2.2s ease-in-out infinite}.faq-connect-topline strong{color:rgba(255,255,255,.48);font-size:7px;letter-spacing:.1em;font-weight:600}.faq-connect-badge{position:absolute;right:8%;top:28%;z-index:4;padding:5px 7px;border:1px solid rgba(49,94,112,.46);border-radius:99px;background:rgba(5,20,31,.42);color:rgba(255,255,255,.72);font-size:6px;letter-spacing:.08em;white-space:nowrap;animation:faq-connect-badge-in .7s .25s both}.faq-art-connect .faq-art-car{left:7%;bottom:28px;width:52%;stroke:#fff;filter:drop-shadow(0 5px 10px rgba(0,0,0,.28))}.faq-art-connect .faq-art-phone{right:11%;bottom:27px;width:20%;stroke:#fff;filter:drop-shadow(0 5px 10px rgba(0,0,0,.25))}.faq-art-connect .faq-art-dots{left:51%;top:52%;gap:7px}.faq-art-connect .faq-art-pin{right:16%;top:25%;border-color:#315e70;color:#315e70;background:rgba(5,20,31,.35);box-shadow:0 0 0 5px rgba(49,94,112,.08)}
@keyframes faq-connect-badge-in{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
@media(max-width:700px){.faq-connect-topline{left:14px;right:14px;top:12px}.faq-connect-badge{right:6%;top:25%;font-size:5px}.faq-art-connect .faq-art-car{bottom:24px}.faq-art-connect .faq-art-phone{bottom:24px}}

.faq-art-connect .faq-art-car-image{left:4%;bottom:30px;width:58%;height:auto;stroke:none;filter:drop-shadow(0 5px 10px rgba(0,0,0,.32));object-fit:contain;animation:faq-object-in .8s .1s cubic-bezier(.2,.7,.2,1) both}
@media(max-width:700px){.faq-art-connect .faq-art-car-image{left:2%;bottom:25px;width:60%}}

/* Kia Link: escena de conexión rediseñada desde cero. */
.faq-art-connect{min-height:210px;border:1px solid rgba(49,94,112,.42);background:radial-gradient(circle at 48% 48%,rgba(49,94,112,.2),transparent 27%),linear-gradient(145deg,#03131d 0%,#092a37 58%,#061923 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 12px 28px rgba(5,20,31,.16)}
.faq-art-connect:before{opacity:.24;background-size:24px 24px;transform:perspective(260px) rotateX(58deg) scale(1.45);}
.faq-art-connect:after{height:58%;background:linear-gradient(transparent,rgba(1,10,16,.64))}
.faq-connect-head{position:absolute;inset:13px 15px auto;z-index:7;display:flex;justify-content:space-between;align-items:center;color:rgba(255,255,255,.72);font-size:7px;letter-spacing:.16em;font-weight:700}
.faq-connect-brand,.faq-connect-status{display:flex;align-items:center;gap:6px}.faq-connect-brand i,.faq-connect-status i{display:block;width:5px;height:5px;border-radius:50%;background:#315e70;box-shadow:0 0 0 4px rgba(49,94,112,.1);animation:faq-note-pulse 2.6s ease-in-out infinite}.faq-connect-status{color:rgba(255,255,255,.5);font-size:6px;letter-spacing:.08em}.faq-connect-status i{width:4px;height:4px;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.08)}
.faq-connect-orbit{position:absolute;z-index:1;left:4%;top:34%;width:70%;height:56%;border:1px solid rgba(49,94,112,.36);border-radius:50%;transform:rotate(-13deg);animation:faq-connect-orbit 12s linear infinite}.faq-connect-orbit-two{left:14%;top:45%;width:58%;height:38%;border-color:rgba(255,255,255,.22);transform:rotate(21deg);animation-duration:9s;animation-direction:reverse}
.faq-connect-route{position:absolute;z-index:2;left:39%;top:50%;width:37%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.82),transparent);transform-origin:left center;transform:rotate(-25deg);animation:faq-connect-route 3.8s ease-in-out infinite}.faq-connect-route-two{left:54%;top:58%;width:28%;transform:rotate(24deg);animation-delay:-1.8s}.faq-connect-node{position:absolute;z-index:4;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.1),0 0 16px rgba(49,94,112,.75);animation:faq-note-pulse 2.3s ease-in-out infinite}.faq-connect-node-one{left:46%;top:44%}.faq-connect-node-two{left:73%;top:63%;animation-delay:-.9s}
.faq-connect-card{position:absolute;z-index:6;right:9%;top:27%;display:grid;gap:2px;min-width:76px;padding:7px 9px;border:1px solid rgba(255,255,255,.25);border-radius:8px;background:rgba(4,20,29,.58);box-shadow:0 8px 18px rgba(0,0,0,.18);color:#fff;animation:faq-connect-card-in .7s .2s cubic-bezier(.2,.7,.2,1) both}.faq-connect-card strong{font-size:9px;line-height:1.05}.faq-connect-card span{color:rgba(255,255,255,.56);font-size:6px;letter-spacing:.04em}.faq-connect-card i{position:absolute;right:8px;top:9px;width:5px;height:5px;border-radius:50%;background:#315e70;box-shadow:0 0 0 3px rgba(49,94,112,.14)}
.faq-connect-vehicle{position:absolute;z-index:5;left:2%;bottom:35px;width:68%;height:auto;object-fit:contain;filter:drop-shadow(0 7px 8px rgba(0,0,0,.38));animation:faq-connect-vehicle-in .85s .08s cubic-bezier(.2,.7,.2,1) both}
.faq-connect-phone{position:absolute;z-index:7;right:8%;bottom:34px;width:45px;height:83px;border:1px solid rgba(255,255,255,.7);border-radius:9px;background:linear-gradient(145deg,#102f3b,#06151e);box-shadow:0 8px 16px rgba(0,0,0,.28);transform:rotate(7deg);animation:faq-connect-phone-in .8s .2s cubic-bezier(.2,.7,.2,1) both}.faq-connect-phone:before{content:"";position:absolute;inset:5px 4px;border:1px solid rgba(255,255,255,.18);border-radius:5px}.faq-connect-phone-speaker{position:absolute;z-index:2;top:8px;left:50%;width:13px;height:2px;border-radius:3px;background:rgba(255,255,255,.55);transform:translateX(-50%)}.faq-connect-phone-screen{position:absolute;z-index:2;inset:20px 8px 9px;display:grid;align-content:start;gap:4px;color:#fff;font-style:normal}.faq-connect-phone-screen b{font-size:6px;letter-spacing:.08em}.faq-connect-phone-screen strong{display:block;color:#315e70;font-size:13px;line-height:1}.faq-connect-phone-screen small{color:rgba(255,255,255,.58);font-size:5px}.faq-connect-phone-screen em{display:grid;place-items:center;width:19px;height:19px;margin:7px auto 0;border:1px solid rgba(49,94,112,.72);border-radius:50%;color:#fff;font-size:12px;font-style:normal}
.faq-connect-footer{position:absolute;z-index:8;left:12px;right:12px;bottom:10px;display:flex;justify-content:space-between;padding-top:7px;border-top:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.48);font-size:6px;letter-spacing:.12em}.faq-connect-footer span{position:relative}.faq-connect-footer span:not(:last-child):after{content:"";position:absolute;right:-22px;top:50%;width:1px;height:9px;background:rgba(255,255,255,.15);transform:translateY(-50%)}
.faq-connect-scene{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;opacity:.98;filter:saturate(.95) contrast(1.04);animation:faq-connect-scene-in .8s .05s cubic-bezier(.2,.7,.2,1) both}.faq-art-connect>.faq-connect-head,.faq-art-connect>.faq-connect-footer{z-index:3}
@keyframes faq-connect-scene-in{from{opacity:0;transform:scale(1.025)}to{opacity:.98;transform:none}}@keyframes faq-connect-orbit{to{transform:rotate(347deg)}}@keyframes faq-connect-route{0%,100%{opacity:.28;transform:rotate(-25deg) scaleX(.78)}50%{opacity:1;transform:rotate(-19deg) scaleX(1)}}@keyframes faq-connect-card-in{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}@keyframes faq-connect-vehicle-in{from{opacity:0;transform:translateX(-16px) scale(.9)}to{opacity:1;transform:none}}@keyframes faq-connect-phone-in{from{opacity:0;transform:translate(10px,10px) rotate(13deg) scale(.9)}to{opacity:1;transform:rotate(7deg)}}
@media(max-width:700px){.faq-art-connect{min-height:174px}.faq-connect-head{inset:11px 13px auto}.faq-connect-orbit{top:36%;width:72%;height:52%}.faq-connect-card{right:7%;top:26%;min-width:68px;padding:6px 7px}.faq-connect-card strong{font-size:8px}.faq-connect-card span{font-size:5px}.faq-connect-vehicle{left:1%;bottom:29px;width:69%}.faq-connect-phone{right:7%;bottom:28px;width:38px;height:71px}.faq-connect-phone-screen{inset:17px 6px 7px}.faq-connect-phone-screen em{width:15px;height:15px;font-size:9px}.faq-connect-footer{left:10px;right:10px;bottom:8px;font-size:5px}.faq-connect-footer span:not(:last-child):after{right:-14px;height:7px}}

/* Kia Link: alerta visual con jerarquía central y estados separados. */
.faq-art-alert{border:1px solid rgba(49,94,112,.42);background:radial-gradient(circle at 50% 47%,rgba(49,94,112,.22),transparent 28%),linear-gradient(145deg,#03131d 0%,#0a2936 58%,#061923 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 12px 28px rgba(5,20,31,.16)}.faq-art-alert:before{opacity:.24;background-size:24px 24px;transform:perspective(260px) rotateX(58deg) scale(1.45)}.faq-art-alert:after{height:50%;background:linear-gradient(transparent,rgba(1,10,16,.66))}
.faq-alert-head{position:absolute;inset:13px 15px auto;z-index:7;display:flex;justify-content:space-between;align-items:center;color:rgba(255,255,255,.72);font-size:7px;letter-spacing:.15em;font-weight:700}.faq-alert-brand,.faq-alert-status{display:flex;align-items:center;gap:6px}.faq-alert-brand i,.faq-alert-status i{display:block;width:5px;height:5px;border-radius:50%;background:#315e70;box-shadow:0 0 0 4px rgba(49,94,112,.1);animation:faq-note-pulse 2.4s ease-in-out infinite}.faq-alert-status{color:rgba(255,255,255,.5);font-size:6px;letter-spacing:.06em}.faq-alert-status i{width:4px;height:4px;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.08)}
.faq-alert-orbit{position:absolute;z-index:1;left:30%;top:25%;width:41%;height:48%;border:1px solid rgba(49,94,112,.52);border-radius:50%;transform:rotate(-22deg);animation:faq-alert-orbit 9s linear infinite}.faq-alert-orbit-two{left:21%;top:35%;width:57%;height:31%;border-color:rgba(255,255,255,.22);transform:rotate(24deg);animation-duration:7s;animation-direction:reverse}.faq-alert-beam{position:absolute;z-index:2;left:16%;top:53%;width:68%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:rotate(-12deg);animation:faq-alert-beam 3.2s ease-in-out infinite}.faq-alert-beam-two{top:45%;transform:rotate(18deg);animation-delay:-1.4s}.faq-alert-core{position:absolute;z-index:5;left:50%;top:43%;display:grid;place-items:center;width:62px;height:62px;border:1px solid rgba(255,255,255,.74);border-radius:50%;background:rgba(4,18,27,.6);box-shadow:0 0 0 7px rgba(255,255,255,.07),0 0 28px rgba(49,94,112,.24);transform:translate(-50%,-50%);animation:faq-alert-core-in .75s .1s cubic-bezier(.2,.7,.2,1) both}.faq-art-alert .faq-alert-core svg{position:absolute;left:50%;top:50%;width:37px;height:43px;fill:none;stroke:rgba(255,255,255,.72);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transform:translate(-50%,-58%);animation:none}.faq-alert-core strong{position:relative;margin-top:-2px;color:#fff;font-size:19px;line-height:1}.faq-alert-core small{position:absolute;bottom:7px;color:rgba(255,255,255,.5);font-size:5px;letter-spacing:.1em}.faq-alert-signal{position:absolute;z-index:4;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.1),0 0 15px rgba(49,94,112,.78);animation:faq-note-pulse 2.1s ease-in-out infinite}.faq-alert-signal-one{left:22%;top:33%}.faq-alert-signal-two{right:19%;top:57%;animation-delay:-.8s}
.faq-alert-card{position:absolute;z-index:6;bottom:28px;display:flex;align-items:center;gap:6px;width:39%;padding:6px 7px;border:1px solid rgba(255,255,255,.28);border-radius:7px;background:rgba(4,20,29,.67);box-shadow:0 7px 16px rgba(0,0,0,.16);color:#fff;animation:faq-alert-card-in .7s .18s cubic-bezier(.2,.7,.2,1) both}.faq-alert-card-one{left:7%}.faq-alert-card-two{right:7%;animation-delay:.35s}.faq-alert-card>i{display:grid;place-items:center;flex:none;width:15px;height:15px;border:1px solid #315e70;border-radius:50%;color:#fff;font-size:9px;font-style:normal}.faq-alert-card strong,.faq-alert-card small{display:block;white-space:nowrap}.faq-alert-card strong{font-size:7px;line-height:1.1}.faq-alert-card small{margin-top:2px;color:rgba(255,255,255,.52);font-size:5px;line-height:1.1}.faq-alert-footer{position:absolute;z-index:8;left:12px;right:12px;bottom:10px;display:flex;justify-content:space-between;padding-top:7px;border-top:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.48);font-size:6px;letter-spacing:.12em}.faq-alert-footer span:last-child{color:rgba(255,255,255,.72)}
@keyframes faq-alert-orbit{to{transform:rotate(338deg)}}@keyframes faq-alert-beam{0%,100%{opacity:.25;transform:rotate(-12deg) scaleX(.8)}50%{opacity:.9;transform:rotate(-7deg) scaleX(1)}}@keyframes faq-alert-core-in{from{opacity:0;transform:translate(-50%,-50%) scale(.76)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes faq-alert-card-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:700px){.faq-alert-head{inset:11px 13px auto}.faq-alert-card{bottom:26px;width:40%;padding:5px 6px}.faq-alert-card-one{left:6%}.faq-alert-card-two{right:6%}.faq-alert-card strong{font-size:6px}.faq-alert-card small{font-size:4px}.faq-alert-core{width:52px;height:52px}.faq-art-alert .faq-alert-core svg{width:31px;height:36px}.faq-alert-core strong{font-size:16px}.faq-alert-footer{left:10px;right:10px;bottom:8px;font-size:5px}}

/* Kia Link: costos claros en una interfaz de plan activo. */
.faq-art-plan{border:1px solid rgba(49,94,112,.42);background:radial-gradient(circle at 44% 48%,rgba(49,94,112,.2),transparent 29%),linear-gradient(145deg,#03131d 0%,#0a2936 58%,#061923 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 12px 28px rgba(5,20,31,.16)}.faq-art-plan:before{opacity:.24;background-size:24px 24px;transform:perspective(260px) rotateX(58deg) scale(1.45)}.faq-art-plan:after{height:48%;background:linear-gradient(transparent,rgba(1,10,16,.66))}
.faq-plan-head{position:absolute;inset:13px 15px auto;z-index:7;display:flex;justify-content:space-between;align-items:center;color:rgba(255,255,255,.72);font-size:7px;letter-spacing:.15em;font-weight:700}.faq-plan-brand,.faq-plan-status{display:flex;align-items:center;gap:6px}.faq-plan-brand i,.faq-plan-status i{display:block;width:5px;height:5px;border-radius:50%;background:#315e70;box-shadow:0 0 0 4px rgba(49,94,112,.1);animation:faq-note-pulse 2.4s ease-in-out infinite}.faq-plan-status{color:rgba(255,255,255,.5);font-size:6px;letter-spacing:.06em}.faq-plan-status i{width:4px;height:4px;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.08)}
.faq-plan-grid{position:absolute;z-index:2;left:8%;right:8%;top:31%;height:72px;border-bottom:1px solid rgba(255,255,255,.28);background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:100% 24px,34px 100%;transform:skewY(-5deg);animation:faq-plan-grid-in .7s .1s both}.faq-plan-line{position:absolute;left:0;right:0;bottom:23px;height:1px;background:linear-gradient(90deg,transparent,rgba(49,94,112,.78),transparent);transform:rotate(-13deg);transform-origin:center;animation:faq-plan-line-draw 3.6s ease-in-out infinite}.faq-plan-bar{position:absolute;bottom:0;width:13px;border-radius:4px 4px 0 0;background:linear-gradient(#9db8c2,#315e70);transform-origin:bottom;animation:faq-bars-rise 2.8s ease-in-out infinite}.faq-plan-bar.bar-one{left:12%;height:22px}.faq-plan-bar.bar-two{left:25%;height:37px;animation-delay:.2s}.faq-plan-bar.bar-three{left:38%;height:28px;animation-delay:.4s}.faq-plan-bar.bar-four{left:51%;height:53px;animation-delay:.6s}.faq-plan-point{position:absolute;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background:#315e70;box-shadow:0 0 0 4px rgba(49,94,112,.13);animation:faq-note-pulse 2.1s ease-in-out infinite}.faq-plan-point.point-one{left:31%;top:47%}.faq-plan-point.point-two{left:57%;top:29%;animation-delay:-.6s}.faq-plan-point.point-three{right:9%;top:18%;animation-delay:-1.2s}
.faq-plan-card{position:absolute;z-index:6;left:8%;right:8%;bottom:33px;display:grid;gap:2px;padding:7px 10px;border:1px solid rgba(255,255,255,.28);border-radius:7px;background:rgba(4,20,29,.68);box-shadow:0 7px 16px rgba(0,0,0,.18);color:#fff;animation:faq-plan-card-in .7s .2s cubic-bezier(.2,.7,.2,1) both}.faq-plan-card small{color:rgba(255,255,255,.5);font-size:5px;letter-spacing:.12em}.faq-plan-card strong{font-size:8px;line-height:1.1}.faq-plan-card span{max-width:190px;color:rgba(255,255,255,.58);font-size:6px;line-height:1.25}.faq-plan-card i{position:absolute;right:10px;top:50%;display:grid;place-items:center;width:18px;height:18px;border:1px solid #315e70;border-radius:50%;color:#fff;font-size:10px;font-style:normal;transform:translateY(-50%)}.faq-plan-tag{position:absolute;z-index:7;right:8%;top:30%;padding:4px 6px;border:1px solid rgba(49,94,112,.58);border-radius:99px;background:rgba(49,94,112,.12);color:rgba(255,255,255,.72);font-size:5px;letter-spacing:.08em;animation:faq-plan-tag-in .7s .35s both}.faq-plan-footer{position:absolute;z-index:8;left:12px;right:12px;bottom:10px;display:flex;justify-content:space-between;padding-top:7px;border-top:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.48);font-size:6px;letter-spacing:.1em}.faq-plan-footer span:last-child{color:rgba(255,255,255,.74)}
@keyframes faq-plan-grid-in{from{opacity:0;transform:skewY(-5deg) translateY(8px)}to{opacity:1;transform:skewY(-5deg)}}@keyframes faq-plan-line-draw{0%,100%{opacity:.3;transform:rotate(-13deg) scaleX(.74)}50%{opacity:1;transform:rotate(-10deg) scaleX(1)}}@keyframes faq-plan-card-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes faq-plan-tag-in{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}
@media(max-width:700px){.faq-plan-head{inset:11px 13px auto}.faq-plan-grid{top:31%;height:61px;left:7%;right:7%}.faq-plan-bar{width:10px}.faq-plan-card{left:7%;right:7%;bottom:29px;padding:6px 8px}.faq-plan-card strong{font-size:7px}.faq-plan-card span{font-size:5px}.faq-plan-card i{right:8px;width:16px;height:16px}.faq-plan-tag{right:7%;top:30%;font-size:4px}.faq-plan-footer{left:10px;right:10px;bottom:8px;font-size:5px}}

/* Kia Link: garaje conectado para varios vehículos. */
.faq-art-fleet{border:1px solid rgba(49,94,112,.42);background:radial-gradient(circle at 43% 52%,rgba(49,94,112,.2),transparent 30%),linear-gradient(145deg,#03131d 0%,#0a2936 58%,#061923 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 12px 28px rgba(5,20,31,.16)}.faq-art-fleet:before{opacity:.24;background-size:24px 24px;transform:perspective(260px) rotateX(58deg) scale(1.45)}.faq-art-fleet:after{height:50%;background:linear-gradient(transparent,rgba(1,10,16,.66))}
.faq-fleet-scene{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;opacity:.96;filter:saturate(.88) contrast(1.04);animation:faq-fleet-scene-in .8s .05s cubic-bezier(.2,.7,.2,1) both}.faq-art-fleet>.faq-fleet-orbit,.faq-art-fleet>.faq-fleet-link,.faq-art-fleet>.faq-fleet-vehicle{display:none}.faq-fleet-head{position:absolute;inset:13px 15px auto;z-index:8;display:flex;justify-content:space-between;align-items:center;color:rgba(255,255,255,.72);font-size:7px;letter-spacing:.15em;font-weight:700}.faq-fleet-brand,.faq-fleet-status{display:flex;align-items:center;gap:6px}.faq-fleet-brand i,.faq-fleet-status i{display:block;width:5px;height:5px;border-radius:50%;background:#315e70;box-shadow:0 0 0 4px rgba(49,94,112,.1);animation:faq-note-pulse 2.4s ease-in-out infinite}.faq-fleet-status{color:rgba(255,255,255,.5);font-size:6px;letter-spacing:.06em}.faq-fleet-status i{width:4px;height:4px;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.08)}
.faq-fleet-orbit{position:absolute;z-index:1;left:4%;top:35%;width:70%;height:46%;border:1px solid rgba(49,94,112,.4);border-radius:50%;transform:rotate(-13deg);animation:faq-fleet-orbit 11s linear infinite}.faq-fleet-orbit-two{left:17%;top:43%;width:55%;height:30%;border-color:rgba(255,255,255,.2);transform:rotate(19deg);animation-duration:8s;animation-direction:reverse}.faq-fleet-link{position:absolute;z-index:3;left:26%;top:51%;width:44%;height:1px;background:linear-gradient(90deg,transparent,rgba(49,94,112,.85),transparent);transform-origin:left center;transform:rotate(-12deg);animation:faq-fleet-link-pulse 3.4s ease-in-out infinite}.faq-fleet-link-two{left:40%;top:57%;width:30%;transform:rotate(17deg);animation-delay:-1.4s}.faq-fleet-vehicle{position:absolute;z-index:5;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.38));animation:faq-fleet-vehicle-in .8s .1s cubic-bezier(.2,.7,.2,1) both}.fleet-vehicle-primary{left:2%;bottom:34px;width:62%}.fleet-vehicle-secondary{right:3%;bottom:55px;width:39%;opacity:.5;filter:drop-shadow(0 4px 7px rgba(0,0,0,.35)) saturate(.7);animation-delay:.3s}.faq-fleet-panel{position:absolute;z-index:7;right:7%;top:25%;display:grid;gap:2px;min-width:76px;padding:7px 9px;border:1px solid rgba(255,255,255,.27);border-radius:8px;background:rgba(4,20,29,.62);box-shadow:0 8px 18px rgba(0,0,0,.18);color:#fff;animation:faq-fleet-panel-in .7s .3s cubic-bezier(.2,.7,.2,1) both}.faq-fleet-panel small{color:rgba(255,255,255,.5);font-size:5px;letter-spacing:.1em}.faq-fleet-panel strong{font-size:9px;line-height:1.1}.faq-fleet-panel span{color:rgba(255,255,255,.58);font-size:6px}.faq-fleet-panel i{position:absolute;right:8px;top:8px;display:grid;place-items:center;width:15px;height:15px;border:1px solid #315e70;border-radius:50%;font-size:9px;font-style:normal}.faq-fleet-footer{position:absolute;z-index:8;left:12px;right:12px;bottom:10px;display:flex;justify-content:space-between;padding-top:7px;border-top:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.48);font-size:6px;letter-spacing:.1em}.faq-fleet-footer span:last-child{color:rgba(255,255,255,.72)}
@keyframes faq-fleet-scene-in{from{opacity:0;transform:scale(1.025)}to{opacity:.96;transform:none}}@keyframes faq-fleet-orbit{to{transform:rotate(347deg)}}@keyframes faq-fleet-link-pulse{0%,100%{opacity:.25;transform:rotate(-12deg) scaleX(.75)}50%{opacity:1;transform:rotate(-7deg) scaleX(1)}}@keyframes faq-fleet-vehicle-in{from{opacity:0;transform:translateX(-13px) scale(.9)}to{opacity:1;transform:none}}@keyframes faq-fleet-panel-in{from{opacity:0;transform:translateX(9px)}to{opacity:1;transform:none}}
@media(max-width:700px){.faq-fleet-head{inset:11px 13px auto}.fleet-vehicle-primary{left:1%;bottom:28px;width:63%}.fleet-vehicle-secondary{right:2%;bottom:47px;width:39%}.faq-fleet-panel{right:6%;top:25%;min-width:66px;padding:6px 7px}.faq-fleet-panel strong{font-size:8px}.faq-fleet-panel span{font-size:5px}.faq-fleet-footer{left:10px;right:10px;bottom:8px;font-size:5px}}

/* Hero solar: nodos transparentes para que el vehículo siga siendo protagonista. */
.solar-node-orbit{position:absolute;inset:0;pointer-events:none;transform-origin:center;animation:solar-orbit-spin 54s linear infinite}
.solar-node-orbit .solar-node{animation:solar-counter-spin 54s linear infinite}
.solar-node-orbit-alerts,.solar-node-orbit-engine,.solar-node-orbit-help{animation-delay:0s}
.solar-node{
  background:transparent;
  border-color:rgba(255,255,255,.58);
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  text-shadow:0 1px 8px rgba(0,0,0,.72);
}

/* v145: completa la estandarización mobile de las visualizaciones restantes.
   Todas usan el mismo panel claro, jerarquía superior y zonas separadas para
   evitar gráficos amontonados o textos ilegibles al cambiar de lámina. */
@media (max-width:900px){
  .benefit-feature .service-visual-telemetry,
  .benefit-feature .service-visual-alerts,
  .benefit-feature .service-visual-scanner,
  .benefit-feature .service-visual-stats,
  .benefit-feature .service-visual-support,
  .benefit-feature .service-visual-remote{
    color:#17364a!important;
    background:
      radial-gradient(circle at 50% 43%,rgba(105,177,202,.3),transparent 27%),
      linear-gradient(145deg,#eaf3f7 0%,#cbdbe3 100%)!important;
  }

  .benefit-feature .service-visual-telemetry:before,
  .benefit-feature .service-visual-alerts:before,
  .benefit-feature .service-visual-scanner:before,
  .benefit-feature .service-visual-stats:before,
  .benefit-feature .service-visual-support:before,
  .benefit-feature .service-visual-remote:before{
    inset:44px 0 0!important;
    opacity:.68!important;
    background:
      repeating-linear-gradient(0deg,transparent 0 25px,rgba(23,54,74,.09) 26px 27px),
      repeating-linear-gradient(90deg,transparent 0 34px,rgba(23,54,74,.07) 35px 36px)!important;
  }

  .benefit-feature .service-visual-telemetry:after,
  .benefit-feature .service-visual-alerts:after,
  .benefit-feature .service-visual-scanner:after,
  .benefit-feature .service-visual-stats:after,
  .benefit-feature .service-visual-support:after,
  .benefit-feature .service-visual-remote:after{
    height:34%!important;
    background:linear-gradient(transparent,rgba(169,193,204,.45))!important;
  }

  .benefit-feature .service-visual-telemetry .visual-topbar,
  .benefit-feature .service-visual-alerts .visual-topbar,
  .benefit-feature .service-visual-scanner .visual-topbar,
  .benefit-feature .service-visual-stats .visual-topbar,
  .benefit-feature .service-visual-support .visual-topbar,
  .benefit-feature .service-visual-remote .visual-topbar{color:#17364a!important}
  .benefit-feature .service-visual-telemetry .visual-status,
  .benefit-feature .service-visual-alerts .visual-status,
  .benefit-feature .service-visual-scanner .visual-status,
  .benefit-feature .service-visual-stats .visual-status,
  .benefit-feature .service-visual-support .visual-status,
  .benefit-feature .service-visual-remote .visual-status{color:#476276!important}
  .benefit-feature .service-visual-telemetry .visual-status i,
  .benefit-feature .service-visual-alerts .visual-status i,
  .benefit-feature .service-visual-scanner .visual-status i,
  .benefit-feature .service-visual-stats .visual-status i,
  .benefit-feature .service-visual-support .visual-status i,
  .benefit-feature .service-visual-remote .visual-status i{
    background:#315e70!important;
    box-shadow:0 0 0 4px rgba(49,94,112,.16)!important;
  }

  /* Telemetría: ruta contenida, vehículo central y lectura inferior. */
  .benefit-feature .service-visual-telemetry .telemetry-road{
    inset:48px 12px 47px!important;
    overflow:hidden!important;
    transform:none!important;
    border:1px solid rgba(23,54,74,.16);
    border-radius:12px;
    background:rgba(255,255,255,.2);
    box-shadow:inset 0 0 20px rgba(255,255,255,.24);
  }
  .benefit-feature .service-visual-telemetry .telemetry-road:before,
  .benefit-feature .service-visual-telemetry .telemetry-road:after{
    content:'';
    position:absolute;
    left:10%;
    right:8%;
    top:23%;
    height:45%;
    border:1px solid rgba(49,94,112,.55);
    border-left-color:transparent;
    border-radius:50%;
    transform:rotate(-13deg);
    box-shadow:0 0 0 6px rgba(49,94,112,.06);
  }
  .benefit-feature .service-visual-telemetry .telemetry-road:after{
    left:21%;
    right:18%;
    top:31%;
    height:29%;
    border-color:rgba(49,94,112,.25);
    border-left-color:transparent;
    box-shadow:none;
  }
  .benefit-feature .service-visual-telemetry .road-edge{
    left:49%!important;
    top:-14%!important;
    height:125%!important;
    width:1px!important;
    background:rgba(49,94,112,.25);
    box-shadow:0 0 0 1px rgba(255,255,255,.35);
    transform:rotate(13deg)!important;
  }
  .benefit-feature .service-visual-telemetry .road-edge-two{left:70%!important;opacity:.55;transform:rotate(-11deg)!important}
  .benefit-feature .service-visual-telemetry .road-car{
    left:50%!important;
    top:52%!important;
    width:52px!important;
    height:52px!important;
    transform:translate(-50%,-50%)!important;
    border:1px solid rgba(255,255,255,.9);
    background:radial-gradient(circle at 35% 25%,#315e70,#0b2736 74%);
    box-shadow:0 0 0 7px rgba(255,255,255,.4),0 0 0 14px rgba(49,94,112,.12),0 9px 18px rgba(23,54,74,.2);
  }
  .benefit-feature .service-visual-telemetry .road-car svg{width:24px;height:24px;stroke:#fff}
  .benefit-feature .service-visual-telemetry .telemetry-point{
    width:7px;height:7px;background:#315e70;border:1px solid #fff;box-shadow:0 0 0 4px rgba(49,94,112,.13)
  }
  .benefit-feature .service-visual-telemetry .point-one{left:17%;top:58%}
  .benefit-feature .service-visual-telemetry .point-two{left:81%;top:30%}
  .benefit-feature .service-visual-telemetry .point-three{left:30%;top:18%}
  .benefit-feature .service-visual-telemetry .telemetry-readout{
    left:12px!important;bottom:10px!important;padding:6px 9px;border:1px solid rgba(23,54,74,.16);border-radius:8px;background:rgba(255,255,255,.78);box-shadow:0 6px 14px rgba(23,54,74,.08)
  }
  .benefit-feature .service-visual-telemetry .telemetry-readout:before{content:'CONSUMO PROMEDIO';display:block;margin-bottom:3px;color:#476276;font-size:6px;letter-spacing:.12em}
  .benefit-feature .service-visual-telemetry .telemetry-readout strong{font-size:23px;color:#17364a}
  .benefit-feature .service-visual-telemetry .telemetry-readout small{font-size:7px;color:#476276;margin-top:2px}

  /* Alertas: foco central y dos confirmaciones del mismo tamaño. */
  .benefit-feature .service-visual-alerts .alert-bloom{top:45%!important;width:112px!important;height:112px!important;transform:translate(-50%,-50%)!important}
  .benefit-feature .service-visual-alerts .alert-bloom:before{content:'';position:absolute;inset:15px;border:1px solid rgba(49,94,112,.2);border-radius:50%;box-shadow:0 0 0 12px rgba(49,94,112,.06),0 0 0 24px rgba(49,94,112,.035)}
  .benefit-feature .service-visual-alerts .alert-ring{border-color:rgba(49,94,112,.48)}
  .benefit-feature .service-visual-alerts .alert-ring-one{inset:20px!important;border-width:2px;border-right-color:transparent;border-bottom-color:transparent;transform:rotate(-35deg)}
  .benefit-feature .service-visual-alerts .alert-ring-two{inset:3px!important;border-color:rgba(49,94,112,.18)}
  .benefit-feature .service-visual-alerts .alert-symbol{width:48px!important;height:48px!important;border:2px solid #fff;color:#fff;font-size:24px!important;background:radial-gradient(circle at 35% 25%,#315e70,#0b2736 74%);box-shadow:0 0 0 6px rgba(49,94,112,.16),0 9px 18px rgba(23,54,74,.2)}
  .benefit-feature .service-visual-alerts .alert-card{left:12px!important;right:auto!important;bottom:10px!important;top:auto!important;width:calc(50% - 16px)!important;min-height:36px;padding:6px 7px;color:#17364a;border:1px solid rgba(23,54,74,.16);border-radius:8px;background:rgba(255,255,255,.78);box-shadow:0 6px 14px rgba(23,54,74,.08)}
  .benefit-feature .service-visual-alerts .alert-card-secondary{left:auto!important;right:12px!important;opacity:1}
  .benefit-feature .service-visual-alerts .alert-card-icon{width:19px;height:19px;color:#fff;border:0;background:#315e70;font-size:10px}
  .benefit-feature .service-visual-alerts .alert-card strong{color:#17364a;font-size:8px}
  .benefit-feature .service-visual-alerts .alert-card small{color:#476276;font-size:6px;margin-top:2px}

  /* Escáner: retícula y resultado en una franja propia. */
  .benefit-feature .service-visual-scanner .scanner-frame{left:12px!important;right:12px!important;top:45px!important;bottom:51px!important;width:auto!important;height:auto!important;transform:none!important;display:grid;place-items:center;border:1px solid rgba(23,54,74,.18);border-radius:12px;background:rgba(255,255,255,.24);box-shadow:inset 0 0 22px rgba(255,255,255,.2);overflow:hidden}
  .benefit-feature .service-visual-scanner .scanner-frame:before{content:'LECTURA DEL VEHÍCULO';position:absolute;left:12px;top:10px;color:#476276;font-size:6px;letter-spacing:.14em}
  .benefit-feature .service-visual-scanner .scanner-frame:after{content:'';position:absolute;inset:21px 24px;border:1px dashed rgba(49,94,112,.28);border-radius:9px;background:repeating-linear-gradient(0deg,transparent 0 26px,rgba(49,94,112,.08) 27px 28px)}
  .benefit-feature .service-visual-scanner .scanner-frame svg{position:relative;z-index:2;width:42px;height:42px;padding:9px;border:1px solid rgba(255,255,255,.85);border-radius:50%;background:#315e70;stroke:#fff;box-shadow:0 0 0 7px rgba(49,94,112,.14),0 8px 16px rgba(23,54,74,.16)}
  .benefit-feature .service-visual-scanner .scanner-line{z-index:3;left:26px!important;right:26px!important;top:50%!important;height:2px;background:#315e70;box-shadow:0 0 10px rgba(49,94,112,.6)}
  .benefit-feature .service-visual-scanner .scanner-corner{z-index:4;width:14px;height:14px;border-color:#315e70}
  .benefit-feature .service-visual-scanner .corner-tl{left:15px;top:23px}.benefit-feature .service-visual-scanner .corner-tr{right:15px;top:23px}.benefit-feature .service-visual-scanner .corner-bl{left:15px;bottom:23px}.benefit-feature .service-visual-scanner .corner-br{right:15px;bottom:23px}
  .benefit-feature .service-visual-scanner .scanner-result{left:12px!important;right:12px!important;bottom:10px!important;top:auto!important;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;color:#476276;border:1px solid rgba(23,54,74,.16);border-radius:8px;background:rgba(255,255,255,.78);box-shadow:0 6px 14px rgba(23,54,74,.08);font-size:7px}
  .benefit-feature .service-visual-scanner .scanner-result i{background:#315e70;box-shadow:0 0 0 3px rgba(49,94,112,.12)}
  .benefit-feature .service-visual-scanner .scanner-result strong{color:#17364a;font-size:8px}

  /* Estadísticas: barras equilibradas, lectura y eficiencia sin competir. */
  .benefit-feature .service-visual-stats .stats-chart{left:12px!important;right:12px!important;top:45px!important;bottom:49px!important;height:auto!important;display:flex;align-items:flex-end;gap:6px;padding:25px 9px 10px;border:1px solid rgba(23,54,74,.16);border-radius:12px;background:repeating-linear-gradient(0deg,transparent 0 24px,rgba(23,54,74,.09) 25px 26px),repeating-linear-gradient(90deg,transparent 0 32px,rgba(23,54,74,.07) 33px 34px),rgba(255,255,255,.2);box-shadow:inset 0 0 20px rgba(255,255,255,.2)}
  .benefit-feature .service-visual-stats .stats-chart:before{content:'RECORRIDO SEMANAL';position:absolute;left:11px;top:9px;color:#476276;font-size:6px;letter-spacing:.14em}
  .benefit-feature .service-visual-stats .stats-chart span{position:relative;z-index:2;flex:1;max-width:none;min-width:8px;background:linear-gradient(180deg,#315e70 0%,#79a9b8 100%);border-radius:4px 4px 2px 2px;box-shadow:0 4px 8px rgba(23,54,74,.12)}
  .benefit-feature .service-visual-stats .stats-chart b{z-index:3;left:7%!important;right:6%!important;bottom:50%!important;height:2px;background:#17364a;box-shadow:0 0 0 3px rgba(49,94,112,.1);opacity:.85}
  .benefit-feature .service-visual-stats .stats-total{left:12px!important;bottom:10px!important;padding:6px 9px;border:1px solid rgba(23,54,74,.16);border-radius:8px;background:rgba(255,255,255,.78);box-shadow:0 6px 14px rgba(23,54,74,.08)}
  .benefit-feature .service-visual-stats .stats-total strong{color:#17364a;font-size:23px}.benefit-feature .service-visual-stats .stats-total small{color:#476276;font-size:7px}
  .benefit-feature .service-visual-stats .stats-chip{right:12px!important;bottom:10px!important;padding:7px 8px;color:#fff;border:0;border-radius:8px;background:#315e70;box-shadow:0 6px 14px rgba(23,54,74,.14);font-size:7px}.benefit-feature .service-visual-stats .stats-chip span{font-size:11px}

  /* Atención: disponibilidad centrada y tarjeta inferior limpia. */
  .benefit-feature .service-visual-support .support-beacon{top:45%!important;width:116px!important;height:116px!important;transform:translate(-50%,-50%)!important}
  .benefit-feature .service-visual-support .support-wave{border-color:rgba(49,94,112,.42);box-shadow:0 0 0 6px rgba(49,94,112,.05)}
  .benefit-feature .service-visual-support .support-wave.wave-one{inset:20px!important}.benefit-feature .service-visual-support .support-wave.wave-two{inset:2px!important;animation-delay:-1.6s}
  .benefit-feature .service-visual-support .support-avatar{z-index:2;width:50px!important;height:50px!important;color:#fff;border:2px solid #fff;font-size:22px!important;background:radial-gradient(circle at 35% 25%,#315e70,#0b2736);box-shadow:0 0 0 6px rgba(49,94,112,.16),0 9px 18px rgba(23,54,74,.2)}
  .benefit-feature .service-visual-support .support-card{left:12px!important;right:12px!important;bottom:10px!important;padding:7px 9px;color:#17364a;border:1px solid rgba(23,54,74,.16);border-radius:8px;background:rgba(255,255,255,.78);box-shadow:0 6px 14px rgba(23,54,74,.08)}
  .benefit-feature .service-visual-support .support-card strong{font-size:9px;color:#17364a}.benefit-feature .service-visual-support .support-card small{color:#476276;font-size:6px;margin-top:2px}.benefit-feature .service-visual-support .support-card span{right:9px;top:11px;color:#315e70;font-size:14px;font-weight:700}

  /* Apertura remota: una única órbita y candado central con estado claro. */
  .benefit-feature .service-visual-remote .remote-unlock-art{top:47%!important;width:154px!important;height:104px!important;transform:translate(-50%,-50%)!important}
  .benefit-feature .service-visual-remote .remote-unlock-orbit-one{width:132px!important;height:66px!important;border-color:rgba(49,94,112,.55)!important}
  .benefit-feature .service-visual-remote .remote-unlock-orbit-two{display:none!important}
  .benefit-feature .service-visual-remote .remote-unlock-signal{width:8px!important;height:8px!important;background:#315e70!important;box-shadow:0 0 0 4px rgba(49,94,112,.14),0 0 14px rgba(49,94,112,.35)!important}
  .benefit-feature .service-visual-remote .signal-left{left:12px!important}.benefit-feature .service-visual-remote .signal-right{right:12px!important}
  .benefit-feature .service-visual-remote .remote-unlock-badge{width:52px!important;height:52px!important;border-color:#fff!important;background:radial-gradient(circle at 35% 25%,#315e70,#0b2736 74%)!important;box-shadow:0 0 0 7px rgba(49,94,112,.12),0 9px 18px rgba(23,54,74,.2)!important}
  .benefit-feature .service-visual-remote .remote-unlock-badge svg{width:26px;height:26px;stroke:#fff}
  .benefit-feature .service-visual-remote .remote-unlock-caption{left:12px!important;right:12px!important;bottom:10px!important;padding:6px 8px;color:#17364a;border:1px solid rgba(23,54,74,.16);border-radius:8px;background:rgba(255,255,255,.78);box-shadow:0 6px 14px rgba(23,54,74,.08);font-size:7px}
  .benefit-feature .service-visual-remote .remote-unlock-caption strong{font-size:8px;color:#17364a}.benefit-feature .service-visual-remote .remote-unlock-caption small{color:#476276;font-size:6px}
}

/* v76: arrastre horizontal fiable sin bloquear el desplazamiento vertical de la página. */
@media (max-width:700px){
  .plan-grid{
    touch-action:pan-y;
    user-select:none;
    cursor:grab;
  }

  .plan-grid.is-dragging{
    cursor:grabbing;
    scroll-snap-type:none;
  }

  .plan-grid.is-dragging .plan-card{
    transition:none;
  }

  .plan-grid .plan-card{
    user-select:none;
  }
}

/* v77: al deslizar, las tarjetas vuelven a su geometría normal de carrusel. */
@media (max-width:700px){
  .plan-grid:not(.is-deck) .plan-card-24,
  .plan-grid:not(.is-deck) .plan-card-monthly{
    z-index:1;
    transform:scale(.96);
  }

  .plan-grid:not(.is-deck) .plan-featured{
    z-index:2;
    transform:scale(1);
  }
}
.solar-node small{color:rgba(255,255,255,.82)}
.solar-node .node-icon svg{filter:drop-shadow(0 1px 5px rgba(0,0,0,.7))}
@keyframes solar-orbit-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes solar-counter-spin{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}
@media(prefers-reduced-motion:reduce){.solar-node-orbit,.solar-node-orbit .solar-node{animation:none;transform:none}}

/* Kia palette: Midnight Black, Polar White and neutral Kia grays. No red. */
:root{--red:#05141f;--red-dark:#000b12}
.button:focus-visible,.header-cta:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,button:focus-visible{outline-color:rgba(5,20,31,.38)}
.hero .button-primary,.mobile-menu-cta{background:#fff;color:#05141f;border-color:#fff}.hero .button-primary:hover,.mobile-menu-cta:hover{background:#c7c8ca;border-color:#c7c8ca;color:#05141f}
.phone-glow{background:rgba(199,200,202,.28)}
.section-dark .check-list li>span:first-child,.section-dark .text-link span{color:#fff}
.node-icon svg{stroke:#fff}.core-pulse{border-color:rgba(255,255,255,.82)}
.hero-media{background-image:url('./assets/hero-kia-link-horizontal-v1-poster.jpg?v=20261006-1041-horizontal')}.hero-video{opacity:0;transition:opacity .35s ease}.hero-video.is-ready{opacity:1}.hero-video.is-motion-disabled{opacity:0;visibility:hidden}
@media(prefers-reduced-motion:reduce){.hero-video{transition:none}}
@media(max-width:900px){.hero-media{background-image:url('./assets/hero-kia-link-mobile-v2-poster.jpg?v=20261006-1044-vertical');background-position:center}.hero-video{object-position:center}}
@media(max-width:900px){.hero{align-items:flex-start;padding-bottom:0}.hero-content{padding-top:112px;z-index:4}.hero h1{font-size:clamp(40px,11.8vw,56px);line-height:.95;max-width:360px;margin-bottom:15px}.hero-copy{font-size:15px;line-height:1.35;max-width:330px;margin-bottom:18px}.button-row{max-width:255px}.button{min-height:46px;padding:11px 16px}.hero-proof{margin-top:20px;font-size:11px}.solar-system{z-index:1;right:50%;top:56%;width:350px;height:350px;transform:translateX(50%) scale(.62);transform-origin:center top}}
@media(max-width:560px){.hero-content{padding-top:102px}.hero h1{font-size:clamp(38px,11.4vw,52px);max-width:340px}.hero-copy{max-width:310px}.solar-system{top:57%;transform:translateX(50%) scale(.58)}}

/* Mobile hero: keep the copy compact, let the media breathe, and avoid dark gutters on wide phones. */
@media(max-width:900px){
  .hero{height:max(700px,100svh);min-height:650px}
  .hero-media,.hero-video{width:100%;height:100%;min-width:100%;min-height:100%}
  .hero-video{object-fit:cover;object-position:center center}
  .hero-shade{background:transparent}
  .hero-content{padding-top:82px;text-shadow:0 1px 9px rgba(0,0,0,.42)}
  .hero h1{font-size:clamp(36px,10.5vw,50px);max-width:calc(100vw - 36px);letter-spacing:-.055em;margin-bottom:12px}
  .hero-copy{font-size:14px;line-height:1.3;max-width:min(100%,390px);margin-bottom:15px}
  .hero-proof{font-size:11px;text-shadow:0 1px 8px rgba(0,0,0,.5)}
}
@media(min-width:380px) and (max-width:900px){
  .button-row{display:flex;flex-wrap:nowrap;gap:8px;width:min(100%,480px);max-width:none}
  .button-row .button{width:auto;min-width:0;flex:1 1 0;min-height:44px;padding:9px 12px;font-size:13px;line-height:1.1;white-space:nowrap;text-shadow:none}
  .button-row .button span{font-size:17px}
}
@media(max-width:379px){
  .button-row{max-width:260px}
  .button-row .button{min-height:44px;padding:9px 12px;font-size:12px;text-shadow:none}
}
@media(max-width:560px){
  .hero-content{padding-top:76px}
  .hero h1{font-size:clamp(34px,10.8vw,47px);max-width:100%;}
  .hero-copy{font-size:14px;max-width:min(100%,340px)}
  .hero-proof{margin-top:16px}
}

/* Mobile hero v3: vertical readability veil and a larger orbital graphic. */
@media(max-width:900px){
  .hero-shade{background:linear-gradient(180deg,rgba(3,15,24,.82) 0%,rgba(3,15,24,.64) 18%,rgba(3,15,24,.3) 42%,rgba(3,15,24,0) 67%)}
  .hero-content{padding-top:98px}
  .solar-system{top:57%;transform:translateX(50%) scale(.8)}
}
@media(max-width:560px){
  .hero-content{padding-top:92px}
  .solar-system{top:58%;transform:translateX(50%) scale(.75)}
}

/* Mobile hero v4: give the complete copy block 25% more visual presence. */
@media(max-width:900px){
  .hero-content .eyebrow{font-size:15px;letter-spacing:.18em;margin-bottom:18px}
  .hero h1{font-size:clamp(45px,13.1vw,63px);margin-bottom:15px}
  .hero-copy{font-size:17px;line-height:1.35;max-width:min(100%,390px);margin-bottom:18px}
  .hero-proof{font-size:14px;gap:11px;margin-top:20px}
}
@media(min-width:380px) and (max-width:900px){
  .button-row .button{min-height:48px;padding:10px 13px;font-size:14px}
  .button-row .button span{font-size:18px}
}
@media(max-width:560px){
  .hero h1{font-size:clamp(42px,13.2vw,59px)}
  .hero-copy{font-size:17px;max-width:min(100%,350px)}
  .hero-proof{font-size:14px}
}

/* Mobile hero v5: stable sizing across narrow, regular and wide phones. */
@media(max-width:900px){
  .hero-content{width:100%;max-width:100%;min-width:0;padding-top:clamp(78px,12svh,108px)}
  .hero-content .eyebrow{font-size:clamp(11px,3.1vw,14px);letter-spacing:clamp(.12em,.5vw,.18em);line-height:1.25;max-width:100%}
  .hero h1{font-size:clamp(38px,11.5vw,58px);max-width:100%;line-height:.95;overflow-wrap:normal;word-break:normal}
  .hero-copy{font-size:clamp(14px,4vw,17px);max-width:100%;width:min(100%,380px)}
  .button-row{width:100%;max-width:100%;min-width:0}
  .hero-proof{max-width:100%;font-size:clamp(12px,3.5vw,14px);line-height:1.3}
}
@media(min-width:460px) and (max-width:900px){
  .button-row{display:flex;flex-wrap:nowrap;gap:8px}
  .button-row .button{flex:1 1 0;width:auto;min-width:0;min-height:46px;padding:9px 10px;font-size:clamp(12px,2.7vw,14px);white-space:nowrap}
  .button-row .button span{font-size:17px}
  .solar-system{top:58%;transform:translateX(50%) scale(.75)}
}
@media(max-width:459px){
  .button-row{display:grid;grid-template-columns:1fr;gap:8px;max-width:min(100%,320px)}
  .button-row .button{width:100%;min-height:46px;padding:9px 14px;font-size:14px}
  .solar-system{top:64%;transform:translateX(50%) scale(.68)}
}
@media(max-width:360px){
  .hero-content{padding-top:72px}
  .hero h1{font-size:clamp(34px,10.8vw,42px)}
  .hero-copy{font-size:14px}
  .hero-content .eyebrow{font-size:11px;letter-spacing:.13em}
  .hero-proof{font-size:12px}
  .solar-system{top:67%;transform:translateX(50%) scale(.6)}
}
@media(max-width:900px) and (max-height:560px){
  .hero{height:100svh;min-height:560px}
  .hero-content{padding-top:72px}
  .solar-system{top:60%}
}

/* Beneficios Kia Link: selector de servicios + panel visual de detalle. */
.benefit-grid{display:none}
.benefits-explorer{margin-top:52px;display:grid;grid-template-columns:minmax(310px,.7fr) minmax(0,1.3fr);gap:28px;align-items:stretch}
.benefit-selector-column{display:flex;flex-direction:column;gap:16px;min-width:0}
.explorer-hint{min-height:34px;display:flex;align-items:center;gap:12px;color:var(--muted);font-size:14px;line-height:1.3;padding-left:3px}
.hint-line{width:56px;height:1px;background:#c7c8ca;display:block;flex:none}.hint-cursor{font-size:27px;line-height:1;color:var(--ink);transform:rotate(-28deg);display:inline-block}
.benefit-selector-list{display:grid;gap:7px}
.benefit-swipe-cue{display:none}
.benefit-selector{width:100%;min-height:67px;display:grid;grid-template-columns:40px minmax(0,1fr) 18px;align-items:center;gap:13px;text-align:left;padding:10px 15px 10px 14px;border:1px solid #d6dde1;border-radius:8px;background:#f7f8f8;color:var(--ink);cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.benefit-selector:hover{border-color:#05141f;transform:translateX(2px);box-shadow:0 8px 20px rgba(5,20,31,.08)}
.benefit-selector:focus-visible{outline:2px solid #05141f;outline-offset:3px}
.benefit-selector.is-active{background:#05141f;color:#fff;border-color:#05141f;box-shadow:inset 5px 0 0 #fff,0 12px 24px rgba(5,20,31,.13)}
.selector-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid #c7c8ca;border-radius:50%;color:#05141f;background:#fff;flex:none}.selector-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.benefit-selector.is-active .selector-icon{border-color:#fff;color:#05141f}
.selector-copy{min-width:0}.selector-copy strong,.selector-copy small{display:block;overflow:hidden;text-overflow:ellipsis}.selector-copy strong{font-size:15px;line-height:1.18;font-weight:650}.selector-copy small{font-size:12px;line-height:1.35;color:var(--muted);margin-top:3px;white-space:nowrap}.benefit-selector.is-active .selector-copy small{color:rgba(255,255,255,.68)}
.selector-arrow{font-size:25px;line-height:1;text-align:right;color:#68747b;transition:transform .2s ease,color .2s ease}.benefit-selector:hover .selector-arrow,.benefit-selector.is-active .selector-arrow{color:inherit;transform:translateX(2px)}
.benefit-feature{position:relative;isolation:isolate;min-height:660px;overflow:hidden;border-radius:18px;background:#05141f;color:#fff;box-shadow:0 16px 34px rgba(5,20,31,.16)}
.feature-media{position:absolute;inset:0;z-index:-3;background:url('./assets/kia-link-hero-poster.webp') center/cover no-repeat;filter:saturate(.95) contrast(1.02)}
.feature-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,20,31,.95) 0%,rgba(5,20,31,.78) 40%,rgba(5,20,31,.2) 83%),linear-gradient(0deg,rgba(5,20,31,.66),transparent 48%)}
.feature-content{position:relative;z-index:2;height:100%;max-width:500px;padding:46px 42px 38px;display:flex;flex-direction:column;align-items:flex-start}.feature-kicker{font-size:11px;line-height:1.2;letter-spacing:.18em;color:#fff;margin:0 0 25px}.feature-title{font-size:clamp(42px,4.8vw,68px);line-height:.96;letter-spacing:-.055em;font-weight:500;margin:0;max-width:460px}.feature-description{font-size:17px;line-height:1.45;color:rgba(255,255,255,.76);max-width:420px;margin:25px 0 27px}.feature-cta{background:#fff;color:#05141f;border-color:#fff;min-height:46px;padding:11px 19px;border-radius:999px}.feature-cta:hover{background:#c7c8ca;border-color:#c7c8ca;color:#05141f}.feature-cta span{font-size:22px;line-height:0;margin-left:12px}.feature-status{display:flex;align-items:center;gap:9px;margin-top:auto;color:rgba(255,255,255,.75);font-size:12px}.status-dot{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.15)}
.feature-map{position:absolute;z-index:1;top:38px;right:32px;width:278px;height:240px;border:1px solid rgba(255,255,255,.38);border-radius:18px;background:linear-gradient(135deg,rgba(13,42,53,.78),rgba(5,20,31,.38)),repeating-linear-gradient(26deg,transparent 0 27px,rgba(255,255,255,.08) 28px 29px),repeating-linear-gradient(116deg,transparent 0 36px,rgba(255,255,255,.07) 37px 38px);box-shadow:0 14px 36px rgba(0,0,0,.17);overflow:hidden;transform:rotate(2deg)}
.benefit-feature.is-changing .feature-content{animation:feature-copy-in .28s ease both}@keyframes feature-copy-in{from{opacity:.45;transform:translateY(8px)}to{opacity:1;transform:none}}
.feature-map:before,.feature-map:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.21);border-radius:50%;transform:rotate(-20deg)}.feature-map:before{width:180px;height:180px;left:36px;top:35px}.feature-map:after{width:100px;height:100px;left:77px;top:75px}.map-topbar{position:absolute;left:17px;right:17px;top:15px;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(5,20,31,.6);font-size:13px}.map-topbar small{font-size:9px;color:rgba(255,255,255,.68)}.map-topbar small span{color:#fff}.map-pin{position:absolute;left:50%;top:55%;width:56px;height:56px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:0 0 0 12px rgba(255,255,255,.12),0 0 0 22px rgba(255,255,255,.06)}.map-pin svg{width:28px;height:28px;fill:none;stroke:#05141f;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.map-controls{position:absolute;right:12px;bottom:12px;display:grid;gap:5px}.map-controls span{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.26);border-radius:50%;background:rgba(5,20,31,.7);font-size:18px;line-height:1}
@media(max-width:1100px){.benefits-explorer{grid-template-columns:minmax(275px,.78fr) minmax(0,1.22fr);gap:18px}.benefit-selector{grid-template-columns:34px minmax(0,1fr) 14px;gap:10px;padding-right:11px}.selector-icon{width:34px;height:34px}.selector-icon svg{width:20px;height:20px}.selector-copy strong{font-size:14px}.selector-copy small{font-size:11px}.feature-map{right:20px;width:235px;height:205px}.feature-content{padding-left:32px;padding-right:26px}.feature-description{font-size:16px}}
@media(max-width:900px){.benefits-explorer{grid-template-columns:1fr;gap:22px}.explorer-hint{justify-content:center}.benefit-selector-list{grid-template-columns:repeat(3,1fr);gap:8px}.benefit-selector{min-height:88px;grid-template-columns:30px minmax(0,1fr);align-content:center;gap:9px;padding:11px}.selector-arrow{display:none}.selector-copy small{white-space:normal}.benefit-feature{min-height:520px}.feature-map{top:24px;right:22px;width:235px;height:200px}.feature-content{padding:270px 28px 28px;max-width:570px}.feature-title{font-size:48px;max-width:470px}.feature-description{margin-top:17px}}
@media(max-width:620px){.benefits-explorer{margin-top:34px}.benefit-selector-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:2px 3px 8px}.benefit-selector{min-width:calc(50% - 5px);min-height:82px;scroll-snap-align:start}.benefit-selector-list::-webkit-scrollbar{height:5px}.benefit-selector-list::-webkit-scrollbar-thumb{background:#05141f;border-radius:99px}.feature-map{right:50%;transform:translateX(50%) rotate(2deg);width:calc(100% - 42px);max-width:290px;height:188px}.benefit-feature{min-height:620px}.feature-content{padding:248px 24px 26px}.feature-kicker{font-size:10px;margin-bottom:17px}.feature-title{font-size:42px;line-height:.98}.feature-description{font-size:15px;margin:15px 0 20px}.feature-status{font-size:11px}.benefit-feature[data-benefit="3"] .feature-media{background-position:100% center}}
@media(max-width:620px){
  .benefit-swipe-cue{display:flex;align-items:center;justify-content:center;gap:10px;margin:-3px auto 1px;color:var(--muted);font-size:10px;line-height:1;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}
  .benefit-swipe-arrow{width:27px;height:27px;display:grid;place-items:center;border:1px solid rgba(49,94,112,.45);border-radius:50%;color:var(--accent-blue);font-size:19px;line-height:1;letter-spacing:0;animation:benefit-swipe-nudge 1.8s ease-in-out infinite}
  .benefit-swipe-arrow:last-child{animation-delay:.45s}
  .benefit-swipe-label{white-space:nowrap}
}
@keyframes benefit-swipe-nudge{0%,100%{opacity:.48;transform:translateX(0)}50%{opacity:1;transform:translateX(3px)}}
@media(prefers-reduced-motion:reduce){.benefit-selector{transition:none}.benefit-feature{scroll-behavior:auto}}

/* Planes Kia Link: tarjetas editoriales con órbitas de datos en movimiento. */
.plans{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f7f8f8 100%)}
.plans:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;background-image:linear-gradient(rgba(5,20,31,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(5,20,31,.045) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(180deg,transparent,#000 18%,#000 78%,transparent)}
.plans .section-heading{position:relative;z-index:1}.plans .section-heading h2{max-width:900px;margin-inline:auto;font-size:clamp(46px,6vw,82px)}.plans .section-heading h2:after{content:"";display:block;width:72px;height:4px;margin:26px auto 0;background:#05141f;border-radius:99px}.plans .section-heading>p:last-child{max-width:560px}
.plan-intro{display:flex;align-items:center;justify-content:center;gap:14px;margin:34px auto 0;color:var(--muted);font-size:14px}.plan-intro-line{width:72px;height:1px;background:#c7cdd0}.plan-intro-signal{display:flex;gap:5px;margin-left:8px}.plan-intro-signal i{display:block;width:5px;height:5px;border-radius:50%;background:#b8c3c8}.plan-intro-signal i:first-child{background:#05141f;box-shadow:0 0 0 4px rgba(5,20,31,.15)}
.plan-grid{position:relative;z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:36px;align-items:stretch}
.plan-card{min-height:540px;padding:26px 30px 28px;border:1px solid #d4dade;border-radius:24px;background:rgba(255,255,255,.9);box-shadow:0 16px 40px rgba(5,20,31,.07);overflow:hidden;isolation:isolate;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .35s ease}
.plan-card:before{content:"";position:absolute;inset:auto -20% -24% -18%;z-index:-1;height:48%;background:radial-gradient(circle at 50% 50%,rgba(199,200,202,.22),transparent 63%);pointer-events:none}.plan-card:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.36;background:linear-gradient(135deg,transparent 60%,rgba(5,20,31,.035) 60.2%,transparent 60.6%),linear-gradient(160deg,transparent 74%,rgba(5,20,31,.035) 74.2%,transparent 74.6%);pointer-events:none}.plan-card:hover{transform:translateY(-8px);border-color:#aebac0;box-shadow:0 24px 52px rgba(5,20,31,.14)}
.plan-card-top{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:22px;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.plan-index{font-variant-numeric:tabular-nums;color:#94a0a6}.plan-status{font-size:10px;letter-spacing:.06em}
.plan-visual{position:relative;width:86px;height:86px;display:grid;place-items:center;margin:22px auto 21px;color:var(--ink);border-radius:50%;background:radial-gradient(circle,rgba(5,20,31,.045) 0 38%,transparent 39%),rgba(241,244,245,.82)}.plan-visual:before{content:"";position:absolute;inset:-9px;border:1px solid rgba(5,20,31,.12);border-radius:50%;animation:plan-visual-pulse 3.8s ease-in-out infinite}.plan-visual:after{content:"";position:absolute;width:5px;height:5px;top:2px;right:12px;border-radius:50%;background:#05141f;box-shadow:0 0 0 5px rgba(5,20,31,.12);animation:plan-signal-blink 2.6s ease-in-out infinite}.plan-orbit{position:absolute;border:1px solid rgba(5,20,31,.24);border-radius:50%;pointer-events:none}.plan-orbit-one{width:84px;height:38px;transform:rotate(-27deg);animation:plan-orbit-spin 7s linear infinite}.plan-orbit-two{width:54px;height:92px;transform:rotate(37deg);border-color:rgba(5,20,31,.14);animation:plan-orbit-spin-reverse 9s linear infinite}.plan-icon{position:relative;z-index:2;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:0 8px 18px rgba(5,20,31,.08)}.plan-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.plan-duration{font-size:20px;font-weight:600;margin:0 0 10px}.plan-price{font-size:76px;font-weight:500;line-height:.88;letter-spacing:-.065em}.plan-price span{font-size:30px;vertical-align:top;margin-right:3px}.plan-price small{font-size:35px;letter-spacing:-.03em}.plan-unit{margin:10px 0 0;color:var(--muted);font-size:14px}.plan-perks{width:100%;list-style:none;padding:0;margin:28px 0 25px;display:grid;gap:12px;text-align:left;color:#4b5c65;font-size:14px}.plan-perks li{position:relative;padding-left:24px}.plan-perks li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:4px;border-left:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(-45deg)}.plan-card .button{margin-top:auto;border-radius:8px;min-height:52px;padding-inline:18px}.plans .button-outline{border-color:var(--ink);color:var(--ink);background:transparent}.plans .button-outline:hover{background:var(--ink);color:#fff}.plans .button-primary{background:#fff;color:#05141f;border-color:#fff}.plans .button-primary:hover{background:#c7c8ca;border-color:#c7c8ca;color:#05141f}
.plan-featured{transform:translateY(-12px);border:2px solid #fff;background:linear-gradient(145deg,#071923,#0c2733);color:#fff;box-shadow:0 24px 58px rgba(5,20,31,.22)}.plan-featured:hover{transform:translateY(-18px);border-color:#fff}.plan-featured:before{background:radial-gradient(circle at 50% 40%,rgba(199,200,202,.2),transparent 62%)}.plan-featured:after{opacity:.23;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:34px 34px}.plan-featured .plan-card-top,.plan-featured .plan-index,.plan-featured .plan-unit,.plan-featured .plan-perks{color:rgba(255,255,255,.7)}.plan-featured .plan-status{color:#fff}.plan-featured .plan-visual{color:#fff;background:radial-gradient(circle,rgba(199,200,202,.16) 0 38%,transparent 39%),rgba(255,255,255,.08)}.plan-featured .plan-visual:before{border-color:rgba(199,200,202,.4)}.plan-featured .plan-orbit-one{border-color:rgba(255,255,255,.72)}.plan-featured .plan-orbit-two{border-color:rgba(255,255,255,.4)}.plan-featured .plan-icon{background:#102b38;box-shadow:0 0 0 1px rgba(255,255,255,.42),0 0 28px rgba(199,200,202,.18)}.plan-featured .plan-perks li:before{border-color:#fff}.featured-label{top:18px;left:50%;right:auto;transform:translateX(-50%);width:max-content;border-radius:99px;background:#fff;color:#05141f;padding:7px 16px;font-size:10px;letter-spacing:.12em;box-shadow:0 8px 22px rgba(255,255,255,.14)}.plan-featured .plan-card-top{margin-top:32px}
.plans-footnote{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:10px;margin:28px 0 0;color:var(--muted);font-size:14px}.plans-footnote span{font-size:23px;color:#829097;line-height:1;animation:plan-revolve 4s linear infinite}
@keyframes plan-orbit-spin{to{transform:rotate(333deg)}}@keyframes plan-orbit-spin-reverse{to{transform:rotate(-323deg)}}@keyframes plan-visual-pulse{0%,100%{transform:scale(.94);opacity:.62}50%{transform:scale(1.04);opacity:1}}@keyframes plan-signal-blink{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes plan-revolve{to{transform:rotate(360deg)}}
@media(max-width:900px){.plan-grid{grid-template-columns:1fr;max-width:520px;margin-inline:auto}.plan-card{min-height:500px}.plan-featured{order:-1;transform:none}.plan-featured:hover{transform:translateY(-8px)}.plan-intro{justify-content:flex-start;max-width:520px}}
@media(max-width:560px){.plans .section-heading h2{font-size:44px}.plan-intro{align-items:flex-start;justify-content:flex-start;gap:10px;font-size:13px}.plan-intro-line{width:34px;margin-top:10px}.plan-intro-signal{display:none}.plan-grid{margin-top:28px}.plan-card{min-height:470px;padding:23px 22px 24px;border-radius:20px}.plan-visual{margin-top:19px}.plan-price{font-size:68px}.plan-perks{margin-top:24px;gap:10px}.plans-footnote{font-size:13px;text-align:center}}
@media(prefers-reduced-motion:reduce){.plan-card,.plan-visual:before,.plan-visual:after,.plan-orbit,.plans-footnote span{animation:none;transition:none}.plan-card:hover,.plan-featured:hover{transform:none}}

/* Cada servicio utiliza su propia escena Kia y una firma visual sutil. */
.feature-media{background-image:url('./assets/benefits/benefit-ubicacion.webp');transition:opacity .42s ease,transform .8s cubic-bezier(.2,.7,.2,1),background-position .6s ease}.benefit-feature.is-changing .feature-media{transform:scale(1.045)}
.benefit-feature[data-benefit="0"] .feature-map{transform:rotate(2deg)}
.benefit-feature[data-benefit="1"] .feature-map{border-radius:24px;transform:rotate(-2deg) scale(.94)}.benefit-feature[data-benefit="1"] .feature-map:before{border-radius:14px;transform:rotate(0);height:86px;top:79px}.benefit-feature[data-benefit="1"] .feature-map:after{border-radius:4px;width:46px;height:46px;left:106px;top:99px}.benefit-feature[data-benefit="1"] .map-pin{border-radius:10px}
.benefit-feature[data-benefit="2"] .feature-map{border-radius:50%;transform:rotate(0) scale(.91)}.benefit-feature[data-benefit="2"] .feature-map:before{width:208px;height:92px;left:34px;top:58px;border-radius:50%}.benefit-feature[data-benefit="2"] .feature-map:after{width:128px;height:54px;left:74px;top:77px;border-radius:50%}.benefit-feature[data-benefit="2"] .map-pin{width:48px;height:48px}
.benefit-feature[data-benefit="3"] .feature-map{border-color:rgba(255,255,255,.56);transform:rotate(1deg) scale(.95)}.benefit-feature[data-benefit="3"] .feature-map:before{border-style:dashed}.benefit-feature[data-benefit="3"] .map-pin{box-shadow:0 0 0 12px rgba(255,255,255,.18),0 0 0 22px rgba(255,255,255,.1)}
.benefit-feature[data-benefit="4"] .feature-map{border-radius:10px;transform:rotate(-1deg) scale(.96)}.benefit-feature[data-benefit="4"] .feature-map:before{border-radius:7px;transform:rotate(0);width:150px;height:124px;left:62px;top:54px}.benefit-feature[data-benefit="4"] .feature-map:after{width:20px;height:20px;left:120px;top:106px;border-radius:4px}.benefit-feature[data-benefit="4"] .map-pin{width:45px;height:45px;border-radius:10px}
.benefit-feature[data-benefit="5"] .feature-map{transform:rotate(3deg) scale(.92);border-radius:30px}.benefit-feature[data-benefit="5"] .feature-map:before{width:220px;height:124px;left:28px;top:57px;border-radius:15px;transform:rotate(-24deg)}.benefit-feature[data-benefit="5"] .feature-map:after{width:132px;height:74px;left:71px;top:80px;border-radius:10px;transform:rotate(-24deg)}
.benefit-feature[data-benefit="6"] .feature-map{transform:rotate(-3deg) scale(.92);border-radius:14px}.benefit-feature[data-benefit="6"] .feature-map:before,.benefit-feature[data-benefit="6"] .feature-map:after{border-radius:4px;transform:rotate(0)}.benefit-feature[data-benefit="6"] .map-pin{border-radius:7px}
.benefit-feature[data-benefit="7"] .feature-map{transform:rotate(0) scale(.94);border-radius:50%}.benefit-feature[data-benefit="7"] .feature-map:before{width:190px;height:190px;left:43px;top:24px}.benefit-feature[data-benefit="7"] .feature-map:after{width:126px;height:126px;left:75px;top:56px}.benefit-feature[data-benefit="7"] .map-pin{box-shadow:0 0 0 12px rgba(255,255,255,.19),0 0 0 24px rgba(255,255,255,.08)}
.benefit-feature[data-benefit="8"] .feature-map{transform:rotate(1deg) scale(.94);border-radius:24px}.benefit-feature[data-benefit="8"] .feature-map:before{width:228px;height:130px;left:24px;top:48px;border-radius:30px 8px 30px 8px;transform:rotate(-12deg)}.benefit-feature[data-benefit="8"] .feature-map:after{width:145px;height:82px;left:66px;top:75px;border-radius:18px 5px 18px 5px;transform:rotate(-12deg)}
@media(prefers-reduced-motion:reduce){.feature-media,.benefit-feature.is-changing .feature-media{transition:none;transform:none}.benefit-feature.is-changing .feature-content{animation:none}}
@media(max-width:620px){.benefit-feature .feature-map{transform:translateX(50%) scale(.94)!important}}

/* Visuales específicos: cada tarjeta de servicio tiene su propio lenguaje gráfico. */
.feature-map{padding:0;background:#081a25;border-color:rgba(255,255,255,.28);box-shadow:0 16px 34px rgba(0,0,0,.22)}.feature-map:before,.feature-map:after{display:none}
.service-visual{position:absolute;inset:0;overflow:hidden;padding:19px 18px;color:#fff;background:linear-gradient(145deg,rgba(5,20,31,.94),rgba(10,35,45,.76));animation:service-visual-in .48s ease both}.service-visual:before{content:"";position:absolute;inset:52px -30px -25px;background:repeating-linear-gradient(28deg,transparent 0 24px,rgba(255,255,255,.065) 25px 26px),repeating-linear-gradient(118deg,transparent 0 35px,rgba(255,255,255,.055) 36px 37px);opacity:.6;pointer-events:none}.service-visual:after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(transparent,rgba(0,0,0,.2));pointer-events:none}.visual-topbar{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:.13em;line-height:1.2}.visual-topbar strong{font-weight:600}.visual-status{display:flex;align-items:center;gap:5px;font-size:9px;letter-spacing:0;color:rgba(255,255,255,.68);white-space:nowrap}.visual-status i{width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.1)}
.visual-caption,.visual-controls,.dashboard-readouts,.telemetry-readout,.alert-card,.scanner-result,.remote-phone,.stats-total,.stats-chip,.support-card,.geofence-label{position:absolute;z-index:3}
@keyframes service-visual-in{from{opacity:0;transform:translateY(9px) scale(.985)}to{opacity:1;transform:none}}@keyframes visual-pulse{0%,100%{transform:translate(-50%,-50%) scale(.86);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.08);opacity:1}}@keyframes visual-scan{0%{top:16%}50%{top:80%}100%{top:16%}}@keyframes visual-signal{0%,100%{transform:scale(.72);opacity:.2}50%{transform:scale(1.08);opacity:.75}}

/* Ubicación: mapa estilizado con el vehículo Kia como punto activo. */
.service-visual-location .visual-field{position:absolute;inset:51px 18px 42px;overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:linear-gradient(145deg,#0a2431,#071923)}
.location-map-art{position:absolute;inset:0;width:100%;height:100%;opacity:.92}
.location-map-art .map-water{fill:rgba(34,92,103,.22)}
.location-map-art .map-streets path{fill:none;stroke:rgba(255,255,255,.18);stroke-width:2}
.location-map-art .map-blocks path{fill:rgba(255,255,255,.07);stroke:rgba(255,255,255,.16);stroke-width:1}
.location-map-art .map-route{fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:8 7;filter:drop-shadow(0 0 4px rgba(255,255,255,.38));animation:map-route-flow 7s linear infinite}
.location-map-field:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 55% 53%,rgba(255,255,255,.12),transparent 18%),linear-gradient(90deg,rgba(5,20,31,.1),transparent 45%,rgba(5,20,31,.25));pointer-events:none}
.location-pulse{position:absolute;left:55%;top:53%;width:76px;height:48px;display:grid;place-items:center;border-radius:50%;background:transparent;border:0;box-shadow:0 0 0 7px rgba(255,255,255,.13),0 0 0 15px rgba(255,255,255,.05);animation:visual-pulse 3.4s ease-in-out infinite;z-index:3}
.location-pulse img{display:block;width:64px;height:36px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(5,20,31,.32))}
.route-node{position:absolute;width:7px;height:7px;border:1px solid #fff;border-radius:50%;background:#05141f;box-shadow:0 0 0 5px rgba(255,255,255,.1);z-index:2}.node-a{left:24%;top:70%}.node-b{right:12%;top:23%}
.map-place{position:absolute;z-index:3;padding:4px 7px;border:1px solid rgba(255,255,255,.18);border-radius:5px;background:rgba(5,20,31,.62);font-size:8px;letter-spacing:.04em;color:rgba(255,255,255,.78)}.place-one{left:12%;top:25%}.place-two{right:9%;bottom:17%}
.visual-caption{left:18px;bottom:19px}.visual-caption strong,.visual-caption small{display:block}.visual-caption strong{font-size:13px}.visual-caption small{font-size:9px;color:rgba(255,255,255,.64);margin-top:3px}.visual-controls{right:14px;bottom:16px;display:grid;gap:5px}.visual-controls span{width:26px;height:26px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(5,20,31,.62);font-size:17px}
@keyframes map-route-flow{to{stroke-dashoffset:-90}}
/* Estado del motor */
.service-visual-motor{background:radial-gradient(circle at 65% 52%,rgba(255,255,255,.16),transparent 29%),linear-gradient(145deg,#05141f,#122b37)}.dashboard-core{position:absolute;left:50%;top:54%;width:132px;height:132px;transform:translate(-50%,-50%);display:grid;place-items:center;align-content:center;text-align:center;border:1px solid rgba(255,255,255,.34);border-radius:50%;background:rgba(5,20,31,.54);box-shadow:0 0 0 16px rgba(255,255,255,.05),0 0 0 32px rgba(255,255,255,.025)}.dashboard-ring{position:absolute;inset:11px;border:2px solid rgba(255,255,255,.8);border-right-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-35deg)}.dashboard-core svg{width:32px;height:32px;fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.dashboard-core strong{font-size:20px;margin-top:5px}.dashboard-core small{font-size:9px;color:rgba(255,255,255,.62)}.dashboard-readouts{left:18px;right:18px;bottom:18px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.dashboard-readouts span{padding:8px 9px;border:1px solid rgba(255,255,255,.18);border-radius:7px;background:rgba(5,20,31,.54);font-size:9px;color:rgba(255,255,255,.7)}.dashboard-readouts i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#fff;margin-right:5px}.dashboard-readouts strong{display:block;color:#fff;font-size:12px;margin-top:3px}
/* Telemetría */
.service-visual-telemetry{background:linear-gradient(165deg,#05141f,#172f39)}.telemetry-road{position:absolute;inset:65px 30px 31px;overflow:hidden;transform:perspective(240px) rotateX(18deg)}.road-edge{position:absolute;left:49%;top:-15%;height:125%;width:1px;background:rgba(255,255,255,.5);box-shadow:0 0 0 1px rgba(255,255,255,.07);transform:rotate(11deg)}.road-edge-two{left:72%;opacity:.45;transform:rotate(-10deg)}.road-car{position:absolute;left:52%;top:46%;width:39px;height:39px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:#05141f;transform:translate(-50%,-50%) rotate(-8deg);box-shadow:0 0 0 9px rgba(255,255,255,.07)}.road-car svg{width:21px;height:21px;fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.telemetry-point{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.1)}.point-one{left:18%;top:55%}.point-two{left:80%;top:29%}.point-three{left:30%;top:16%}.telemetry-readout{left:18px;bottom:17px}.telemetry-readout strong,.telemetry-readout small{display:block}.telemetry-readout strong{font-size:28px;line-height:1}.telemetry-readout small{font-size:9px;color:rgba(255,255,255,.64);margin-top:3px}
/* Alertas */
.service-visual-alerts{background:radial-gradient(circle at 50% 53%,rgba(255,255,255,.15),transparent 33%),linear-gradient(145deg,#05141f,#122c38)}.alert-bloom{position:absolute;left:50%;top:51%;width:124px;height:124px;transform:translate(-50%,-50%);display:grid;place-items:center}.alert-ring{position:absolute;border:1px solid rgba(255,255,255,.52);border-radius:50%}.alert-ring-one{inset:14px}.alert-ring-two{inset:0;border-color:rgba(255,255,255,.2)}.alert-symbol{width:49px;height:49px;display:grid;place-items:center;border:1px solid #fff;border-radius:50%;font-size:25px;background:#05141f}.alert-card{left:18px;right:18px;bottom:17px;display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid rgba(255,255,255,.25);border-radius:8px;background:rgba(5,20,31,.68)}.alert-card-secondary{left:auto;right:18px;top:69px;bottom:auto;width:132px;opacity:.84}.alert-card-icon{width:22px;height:22px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:50%;font-size:12px}.alert-card strong,.alert-card small{display:block}.alert-card strong{font-size:10px}.alert-card small{font-size:8px;color:rgba(255,255,255,.6);margin-top:3px}
/* Escáner */
.service-visual-scanner{background:linear-gradient(145deg,#0b202b,#05141f)}.scanner-frame{position:absolute;left:50%;top:53%;width:136px;height:116px;transform:translate(-50%,-50%);display:grid;place-items:center;border:1px solid rgba(255,255,255,.19);background:rgba(255,255,255,.035)}.scanner-frame svg{width:43px;height:43px;fill:none;stroke:#fff;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.scanner-line{position:absolute;left:6px;right:6px;top:16%;height:1px;background:#fff;box-shadow:0 0 14px rgba(255,255,255,.75);animation:visual-scan 2.7s ease-in-out infinite}.scanner-corner{position:absolute;width:13px;height:13px;border-color:#fff;border-style:solid}.corner-tl{left:-1px;top:-1px;border-width:2px 0 0 2px}.corner-tr{right:-1px;top:-1px;border-width:2px 2px 0 0}.corner-bl{left:-1px;bottom:-1px;border-width:0 0 2px 2px}.corner-br{right:-1px;bottom:-1px;border-width:0 2px 2px 0}.scanner-result{left:18px;right:18px;bottom:17px;display:flex;justify-content:space-between;gap:6px;padding:9px;border-top:1px solid rgba(255,255,255,.24);font-size:8px;color:rgba(255,255,255,.7)}.scanner-result i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#fff;margin-right:4px}.scanner-result strong{font-size:9px;color:#fff}
/* Control total */
.service-visual-control{background:radial-gradient(circle at 65% 52%,rgba(255,255,255,.12),transparent 26%),linear-gradient(145deg,#05141f,#172f3a)}.remote-phone{left:50%;top:55%;width:94px;height:148px;transform:translate(-50%,-50%) rotate(-6deg);display:flex;flex-direction:column;align-items:center;padding:22px 10px 10px;border:4px solid #fff;border-radius:16px;background:#0b222d;box-shadow:0 18px 28px rgba(0,0,0,.3)}.remote-speaker{position:absolute;top:9px;width:25px;height:3px;background:#fff;border-radius:4px;opacity:.7}.remote-phone strong{font-size:14px}.remote-phone>small{font-size:8px;color:rgba(255,255,255,.62);margin-top:3px}.remote-actions{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:3px;margin-top:auto}.remote-actions span{display:grid;place-items:center;font-size:18px}.remote-actions small{font-size:7px;color:rgba(255,255,255,.6);margin-top:3px}.remote-signal{position:absolute;left:50%;top:55%;border:1px solid rgba(255,255,255,.3);border-radius:50%;transform:translate(-50%,-50%);animation:visual-signal 2.8s ease-in-out infinite}.signal-one{width:168px;height:168px}.signal-two{width:220px;height:220px;animation-delay:-1.4s}
/* Estadísticas */
.service-visual-stats{background:linear-gradient(145deg,#05141f,#102b36)}.stats-chart{position:absolute;left:20px;right:20px;top:69px;height:125px;display:flex;align-items:flex-end;gap:8px;padding:0 7px 12px;border-bottom:1px solid rgba(255,255,255,.3);background:repeating-linear-gradient(0deg,transparent 0 32px,rgba(255,255,255,.1) 33px 34px)}.stats-chart span{flex:1;max-width:20px;background:linear-gradient(#fff,rgba(255,255,255,.25));border-radius:4px 4px 0 0}.stats-chart b{position:absolute;left:6%;right:8%;bottom:50%;height:1px;background:#fff;transform:rotate(-11deg);transform-origin:left center;opacity:.8}.stats-total{left:20px;bottom:17px}.stats-total strong,.stats-total small{display:block}.stats-total strong{font-size:28px;line-height:1}.stats-total small{font-size:9px;color:rgba(255,255,255,.62);margin-top:3px}.stats-chip{right:18px;bottom:19px;padding:7px 8px;border:1px solid rgba(255,255,255,.3);border-radius:6px;font-size:9px}.stats-chip span{font-size:14px;margin-right:3px}
/* Atención */
.service-visual-support{background:radial-gradient(circle at 50% 52%,rgba(255,255,255,.14),transparent 30%),linear-gradient(145deg,#05141f,#17313a)}.support-beacon{position:absolute;left:50%;top:51%;width:118px;height:118px;transform:translate(-50%,-50%);display:grid;place-items:center}.support-wave{position:absolute;border:1px solid rgba(255,255,255,.35);border-radius:50%;animation:visual-pulse 2.8s ease-in-out infinite}.wave-one{inset:17px}.wave-two{inset:0;animation-delay:-1.4s}.support-avatar{width:49px;height:49px;display:grid;place-items:center;border:1px solid #fff;border-radius:50%;font-size:22px;background:#05141f}.support-card{left:18px;right:18px;bottom:17px;padding:10px 11px;border:1px solid rgba(255,255,255,.26);border-radius:8px;background:rgba(5,20,31,.68)}.support-card strong,.support-card small{display:block}.support-card strong{font-size:11px}.support-card small{max-width:160px;font-size:8px;color:rgba(255,255,255,.62);margin-top:3px}.support-card span{position:absolute;right:11px;top:16px;font-size:15px;letter-spacing:.08em}
/* Geocercas */
.service-visual-geofence{background:radial-gradient(circle at 52% 55%,rgba(255,255,255,.13),transparent 32%),linear-gradient(145deg,#05141f,#122d38)}.geofence-field{position:absolute;inset:52px 15px 42px;background:repeating-linear-gradient(26deg,transparent 0 25px,rgba(255,255,255,.08) 26px 27px),repeating-linear-gradient(116deg,transparent 0 33px,rgba(255,255,255,.06) 34px 35px);border-radius:8px;overflow:hidden}.geofence-boundary{position:absolute;border:1px solid rgba(255,255,255,.58);border-radius:50%;transform:rotate(-12deg)}.boundary-one{width:190px;height:120px;left:24px;top:45px}.boundary-two{width:132px;height:82px;left:53px;top:64px;border-style:dashed;border-color:rgba(255,255,255,.28)}.geofence-marker{position:absolute;left:50%;top:52%;width:41px;height:41px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 0 0 9px rgba(255,255,255,.13)}.geofence-marker svg{width:23px;height:23px;fill:none;stroke:#05141f;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.geofence-house{position:absolute;width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:5px;background:#05141f;font-size:15px}.house-one{left:21px;top:24px}.house-two{right:24px;bottom:22px}.geofence-label{left:18px;bottom:17px}.geofence-label strong,.geofence-label small{display:block}.geofence-label strong{font-size:12px}.geofence-label small{font-size:8px;color:rgba(255,255,255,.62);margin-top:3px}
@media(max-width:620px){.benefit-feature .feature-map{transform:translateX(50%) scale(.94)!important}.service-visual{padding:16px 14px}.visual-topbar{font-size:8px}.visual-status{font-size:8px}.feature-map .visual-caption,.feature-map .visual-controls{transform:scale(.92);transform-origin:bottom left}.feature-map .visual-controls{transform-origin:bottom right}}
@media(prefers-reduced-motion:reduce){.service-visual,.location-pulse,.scanner-line,.remote-signal,.support-wave{animation:none}}

/* Más contraste detrás del contenido y desvanecido progresivo hacia el vehículo. */
.benefit-feature .feature-overlay{background:linear-gradient(90deg,rgba(5,20,31,.99) 0%,rgba(5,20,31,.94) 24%,rgba(5,20,31,.52) 42%,rgba(5,20,31,.1) 59%,rgba(5,20,31,0) 73%),linear-gradient(0deg,rgba(5,20,31,.22),transparent 40%)}
/* Control total: la lectura vive a la izquierda, pero el vehículo debe quedar limpio y luminoso. */
.benefit-feature[data-benefit="5"]>.feature-media{filter:brightness(1.12) saturate(1.04) contrast(1.02);background-position:68% center}
.benefit-feature[data-benefit="5"]>.feature-overlay{background:linear-gradient(90deg,rgba(5,20,31,.98) 0%,rgba(5,20,31,.86) 22%,rgba(5,20,31,.38) 40%,rgba(5,20,31,.08) 53%,rgba(5,20,31,0) 67%)}
@media(max-width:620px){.benefit-feature .feature-overlay{background:linear-gradient(90deg,rgba(5,20,31,.99) 0%,rgba(5,20,31,.9) 28%,rgba(5,20,31,.42) 46%,rgba(5,20,31,.08) 64%,rgba(5,20,31,0) 80%),linear-gradient(0deg,rgba(5,20,31,.22),transparent 40%)}}
@media(max-width:620px){.benefit-feature[data-benefit="5"]>.feature-overlay{background:linear-gradient(90deg,rgba(5,20,31,.98) 0%,rgba(5,20,31,.82) 30%,rgba(5,20,31,.28) 48%,rgba(5,20,31,.04) 62%,rgba(5,20,31,0) 76%)}.benefit-feature[data-benefit="5"]>.feature-media{background-position:68% center}}

/* La máscara vive sobre la fotografía y debajo del contenido; evita capas duplicadas. */
.benefit-feature>.feature-media{z-index:-1;filter:saturate(.98) contrast(1.02)}
.benefit-feature>.feature-overlay{z-index:0!important;pointer-events:none}
.benefit-feature .feature-overlay .feature-overlay{display:none!important}

/* Altura uniforme para todos los servicios, sin crecer por el contenido variable. */
.benefit-feature{height:660px;min-height:660px}
@media(max-width:900px){.benefit-feature{height:520px;min-height:520px}}
@media(max-width:620px){.benefit-feature{height:620px;min-height:620px}}

/* Contorno sutil para mejorar la lectura de los textos blancos sobre la fotografía. */
.benefit-feature .feature-kicker,
.benefit-feature .feature-title,
.benefit-feature .feature-description,
.benefit-feature .feature-status,
.benefit-feature .feature-meta{
  -webkit-text-stroke:0;
  text-shadow:
    -1px -1px 0 rgba(0,0,0,.25),
     0   -1px 0 rgba(0,0,0,.25),
     1px -1px 0 rgba(0,0,0,.25),
    -1px  0   0 rgba(0,0,0,.25),
     1px  0   0 rgba(0,0,0,.25),
    -1px  1px 0 rgba(0,0,0,.25),
     0    1px 0 rgba(0,0,0,.25),
     1px  1px 0 rgba(0,0,0,.25);
}

/* El visual del servicio acompaña al CTA, sin cubrir el vehículo del fondo. */
@media(min-width:621px){
  .benefit-feature .feature-map{top:auto;right:auto;left:42px;bottom:31px;width:306px;height:184px;transform:none!important;background:transparent;border:0;box-shadow:none;overflow:visible}
  .benefit-feature .feature-content{padding-bottom:245px}
  .benefit-feature .feature-status{left:auto;right:42px;bottom:32px}
  .benefit-feature .service-visual{border:1px solid rgba(255,255,255,.3);border-radius:15px;background:linear-gradient(145deg,rgba(5,20,31,.68),rgba(10,35,45,.48));backdrop-filter:blur(3px)}
}
@media(max-width:620px){
  .benefit-feature .feature-map{top:auto;right:auto;left:20px;bottom:18px;width:calc(100% - 40px);height:174px;transform:none!important;background:transparent;border:0;box-shadow:none;overflow:visible}
  .benefit-feature .feature-content{padding:29px 24px 220px;max-width:none}
  .benefit-feature .feature-status{display:none}
  .benefit-feature .service-visual{border:1px solid rgba(255,255,255,.3);border-radius:14px;background:linear-gradient(145deg,rgba(5,20,31,.68),rgba(10,35,45,.48));backdrop-filter:blur(3px)}
}

/* Visual de servicio compacto y limpio, igual en todos los estados. */
@media(min-width:621px){
  .benefit-feature .feature-map{left:42px;bottom:14px;width:260px;height:150px}
  .benefit-feature .feature-content{padding-bottom:207px}
}
@media(max-width:620px){
  .benefit-feature .feature-map{left:28px;bottom:12px;width:calc(100% - 56px);max-width:246px;height:136px}
  .benefit-feature .feature-content{padding-bottom:184px}
}

/* Auditoría de gráficos: escala y zonas internas seguras para el módulo compacto. */
.benefit-feature .service-visual{padding:14px}
.benefit-feature .visual-topbar{font-size:8px;gap:6px}
.benefit-feature .visual-status{font-size:8px}
.benefit-feature .service-visual-location .visual-field{inset:39px 14px 34px}
.benefit-feature .location-pulse{width:36px;height:36px;box-shadow:0 0 0 7px rgba(255,255,255,.12),0 0 0 13px rgba(255,255,255,.06)}
.benefit-feature .location-pulse svg{width:20px;height:20px}
.benefit-feature .visual-caption{left:12px;bottom:10px}.benefit-feature .visual-caption strong{font-size:11px}.benefit-feature .visual-caption small{font-size:8px}.benefit-feature .visual-controls{right:10px;bottom:9px}.benefit-feature .visual-controls span{width:22px;height:22px;font-size:14px}
.benefit-feature .dashboard-core{width:78px;height:78px;top:46%;box-shadow:0 0 0 10px rgba(255,255,255,.05),0 0 0 18px rgba(255,255,255,.025)}
.benefit-feature .dashboard-ring{inset:7px;border-width:1px}
.benefit-feature .dashboard-core svg{width:23px;height:23px}.benefit-feature .dashboard-core strong{font-size:16px;margin-top:2px}.benefit-feature .dashboard-core small{font-size:7px}
.benefit-feature .dashboard-readouts{left:11px;right:11px;bottom:9px;gap:5px}.benefit-feature .dashboard-readouts span{padding:5px 6px;font-size:8px}.benefit-feature .dashboard-readouts strong{font-size:10px;margin-top:2px}.benefit-feature .dashboard-readouts i{width:4px;height:4px;margin-right:3px}
.benefit-feature .telemetry-road{inset:42px 22px 30px}.benefit-feature .road-car{width:32px;height:32px}.benefit-feature .road-car svg{width:17px;height:17px}.benefit-feature .telemetry-readout{left:12px;bottom:10px}.benefit-feature .telemetry-readout strong{font-size:22px}.benefit-feature .telemetry-readout small{font-size:8px}
.benefit-feature .alert-bloom{width:90px;height:90px;top:45%}.benefit-feature .alert-symbol{width:38px;height:38px;font-size:20px}.benefit-feature .alert-card{left:12px;right:12px;bottom:10px;padding:7px 8px;gap:7px}.benefit-feature .alert-card-secondary{left:auto;right:12px;top:51%;width:108px}.benefit-feature .alert-card-icon{width:18px;height:18px;font-size:10px}.benefit-feature .alert-card strong{font-size:9px}.benefit-feature .alert-card small{font-size:7px}
.benefit-feature .scanner-frame{width:110px;height:78px;top:48%}.benefit-feature .scanner-frame svg{width:32px;height:32px}.benefit-feature .scanner-result{left:12px;right:12px;bottom:10px;padding:6px;font-size:7px}.benefit-feature .scanner-result strong{font-size:8px}
.benefit-feature .remote-phone{width:78px;height:116px;top:49%;padding:16px 8px 8px;border-width:3px;border-radius:13px}.benefit-feature .remote-speaker{top:7px;width:20px;height:2px}.benefit-feature .remote-phone strong{font-size:12px}.benefit-feature .remote-phone>small{font-size:7px}.benefit-feature .remote-actions span{font-size:15px}.benefit-feature .remote-actions small{font-size:6px}.benefit-feature .signal-one{width:145px;height:145px}.benefit-feature .signal-two{width:184px;height:184px}
.benefit-feature .stats-chart{left:14px;right:14px;top:43px;height:72px;gap:5px;padding:0 5px 8px}.benefit-feature .stats-total{left:14px;bottom:10px}.benefit-feature .stats-total strong{font-size:23px}.benefit-feature .stats-total small{font-size:8px}.benefit-feature .stats-chip{right:12px;bottom:10px;padding:5px 6px;font-size:8px}.benefit-feature .stats-chip span{font-size:11px}
.benefit-feature .support-beacon{width:88px;height:88px;top:46%}.benefit-feature .support-wave.wave-one{inset:13px}.benefit-feature .support-avatar{width:38px;height:38px;font-size:17px}.benefit-feature .support-card{left:12px;right:12px;bottom:10px;padding:7px 8px}.benefit-feature .support-card strong{font-size:9px}.benefit-feature .support-card small{font-size:7px;margin-top:2px}.benefit-feature .support-card span{right:8px;top:11px;font-size:12px}
.benefit-feature .geofence-field{inset:40px 12px 31px}.benefit-feature .boundary-one{width:165px;height:84px;left:18px;top:25px}.benefit-feature .boundary-two{width:112px;height:58px;left:44px;top:38px}.benefit-feature .geofence-marker{width:34px;height:34px}.benefit-feature .geofence-marker svg{width:19px;height:19px}.benefit-feature .geofence-house{width:20px;height:20px;font-size:13px}.benefit-feature .house-one{left:16px;top:17px}.benefit-feature .house-two{right:16px;bottom:15px}.benefit-feature .geofence-label{left:12px;bottom:10px}.benefit-feature .geofence-label strong{font-size:10px}.benefit-feature .geofence-label small{font-size:7px}
@media(max-width:620px){
  .benefit-feature .dashboard-core{width:70px;height:70px}.benefit-feature .dashboard-core svg{width:20px;height:20px}.benefit-feature .dashboard-core strong{font-size:14px}
  .benefit-feature .dashboard-readouts{left:9px;right:9px;bottom:7px}.benefit-feature .dashboard-readouts span{padding:4px 5px;font-size:7px}.benefit-feature .dashboard-readouts strong{font-size:9px}
  .benefit-feature .stats-chart{top:39px;height:64px}.benefit-feature .scanner-frame{width:100px;height:70px}.benefit-feature .remote-phone{width:70px;height:104px}
}

/* Estado del motor: cabecera, lectura central e indicadores inferiores separados. */
.benefit-feature .service-visual-motor .dashboard-core{
  left:50%;
  top:29px;
  width:56px;
  height:56px;
  transform:translateX(-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:0;
  box-shadow:0 0 0 6px rgba(255,255,255,.05),0 0 0 11px rgba(255,255,255,.025);
}
.benefit-feature .service-visual-motor .dashboard-ring{inset:5px}
.benefit-feature .service-visual-motor .dashboard-core svg{width:16px;height:16px}
.benefit-feature .service-visual-motor .dashboard-core strong{font-size:13px;line-height:1;margin:1px 0 0}
.benefit-feature .service-visual-motor .dashboard-core small{display:none}
.benefit-feature .service-visual-motor .dashboard-readouts{
  left:10px;
  right:10px;
  bottom:8px;
  min-height:31px;
  gap:5px;
}
.benefit-feature .service-visual-motor .dashboard-readouts span{
  display:grid;
  grid-template-columns:5px 1fr;
  grid-template-rows:auto auto;
  column-gap:4px;
  align-items:center;
  padding:4px 5px;
  line-height:1;
}
.benefit-feature .service-visual-motor .dashboard-readouts i{
  grid-row:1 / span 2;
  width:4px;
  height:4px;
  margin:0;
}
.benefit-feature .service-visual-motor .dashboard-readouts strong{
  grid-column:2;
  margin:1px 0 0;
  font-size:9px;
  line-height:1;
}
@media (min-width:621px){
  .benefit-feature > [data-safe-zone="visual"],
  .benefit-feature > .feature-map{
    top:auto !important;
    left:32px !important;
    right:32px !important;
    bottom:24px !important;
    width:auto !important;
    max-width:none !important;
    height:150px !important;
    min-height:150px !important;
    max-height:150px !important;
    aspect-ratio:auto !important;
    transform:none !important;
    overflow:hidden !important;
    border-radius:16px !important;
  }

  .benefit-feature > [data-safe-zone="visual"] .service-visual,
  .benefit-feature > .feature-map .service-visual{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    border-radius:16px !important;
  }

  .benefit-feature > [data-safe-zone="copy"],
  .benefit-feature > .feature-content{
    padding-bottom:190px !important;
  }
}

/* v4 final mobile safe layout: keep the copy in a true vertical flow and
   reserve the lower visual zone so no heading, paragraph or CTA can cover it. */
@media (max-width:620px){
  .benefit-feature > [data-safe-zone="copy"],
  .benefit-feature > .feature-content{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    bottom:auto !important;
    z-index:6 !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    min-height:0 !important;
    box-sizing:border-box !important;
    padding:22px 22px 0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
  }

  .benefit-feature > [data-safe-zone="copy"] .feature-kicker,
  .benefit-feature > .feature-content .feature-kicker{
    position:static !important;
    margin:0 0 11px !important;
  }

  .benefit-feature > [data-safe-zone="copy"] .feature-title,
  .benefit-feature > .feature-content .feature-title{
    position:static !important;
    width:100% !important;
    max-width:100% !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    line-height:.94 !important;
    transform:none !important;
  }

  .benefit-feature > [data-safe-zone="copy"] .feature-description,
  .benefit-feature > .feature-content .feature-description{
    position:static !important;
    inset:auto !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-height:0 !important;
    height:auto !important;
    margin:16px 0 16px !important;
    line-height:1.35 !important;
  }

  .benefit-feature > [data-safe-zone="copy"] .feature-cta,
  .benefit-feature > .feature-content .feature-cta{
    position:relative !important;
    z-index:7 !important;
    flex:0 0 auto !important;
    margin:0 !important;
  }

  .benefit-feature > [data-safe-zone="copy"] .feature-status,
  .benefit-feature > .feature-content .feature-status{
    display:none !important;
  }
}

@media (max-width:380px){
  .benefit-feature > [data-safe-zone="copy"],
  .benefit-feature > .feature-content{
    padding:18px 18px 0 !important;
  }

  .benefit-feature > [data-safe-zone="copy"] .feature-kicker,
  .benefit-feature > .feature-content .feature-kicker{
    margin-bottom:9px !important;
  }

  .benefit-feature > [data-safe-zone="copy"] .feature-description,
  .benefit-feature > .feature-content .feature-description{
    margin-top:13px !important;
    margin-bottom:14px !important;
  }
}

/* v12: última regla mobile para Apertura remota.
   La regla anterior del carrusel fijaba el fondo en 100%, anulando el ajuste
   y dejando el vehículo demasiado abajo. 90% lo eleva sin cambiar la zona
   segura del copy ni del panel visual. */
@media (max-width:620px){
  .benefit-feature[data-benefit="9"] > [data-safe-zone="vehicle"].feature-media{
    background-position:61% 90% !important;
  }
}

/* Prioridad final: encuadre mobile de Apertura remota. */
@media (max-width:620px){
  .benefit-feature[data-benefit="9"] > [data-safe-zone="vehicle"],
  .benefit-feature[data-benefit="9"] > .feature-media{
    background-position:61% 70% !important;
  }
}

/* Prioridad final: encuadre mobile de Apertura remota.
   Esta regla debe quedar después de los ajustes generales del carrusel para
   que la fotografía respete la zona segura del vehículo. */
@media (max-width:620px){
  .benefit-feature[data-benefit="9"] > [data-safe-zone="vehicle"],
  .benefit-feature[data-benefit="9"] > .feature-media{
    background-position:61% 80% !important;
  }
}

/* Ajuste de composición mobile: eleva la fotografía de Apertura remota
   sin mover el contenido editorial ni el panel de estado. */
@media (max-width:620px){
  /* Repite el atributo para superar la regla general posterior del carrusel. */
  .benefit-feature[data-benefit="9"] > [data-safe-zone="vehicle"][data-safe-zone="vehicle"],
  .benefit-feature[data-benefit="9"] > .feature-media.feature-media{
    background-position:61% 70% !important;
  }
}

/* v4: mobile safe layout for the benefit carousel.
   Keep the copy in a real vertical flow so headings, descriptions and CTAs
   never overlap while the visual panel remains anchored in its own zone. */
@media (max-width:620px){
  .benefit-feature > [data-safe-zone="copy"],
  .benefit-feature > .feature-content{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    bottom:auto !important;
    z-index:6 !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    min-height:0 !important;
    box-sizing:border-box !important;
    padding:22px 22px 0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
  }

  .benefit-feature > [data-safe-zone="copy"] .feature-kicker,
  .benefit-feature > .feature-content .feature-kicker{
    position:static !important;
    margin:0 0 11px !important;
  }

  .benefit-feature > [data-safe-zone="copy"] .feature-title,
  .benefit-feature > .feature-content .feature-title{
    position:static !important;
    width:100% !important;
    max-width:100% !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    line-height:.94 !important;
    transform:none !important;
  }

  .benefit-feature > [data-safe-zone="copy"] .feature-description,
  .benefit-feature > .feature-content .feature-description{
    position:static !important;
    inset:auto !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-height:0 !important;
    height:auto !important;
    margin:16px 0 16px !important;
    line-height:1.35 !important;
  }

  .benefit-feature > [data-safe-zone="copy"] .feature-cta,
  .benefit-feature > .feature-content .feature-cta{
    position:relative !important;
    z-index:7 !important;
    flex:0 0 auto !important;
    margin:0 !important;
  }

  .benefit-feature > [data-safe-zone="copy"] .feature-status,
  .benefit-feature > .feature-content .feature-status{
    display:none !important;
  }
}

@media (max-width:380px){
  .benefit-feature > [data-safe-zone="copy"],
  .benefit-feature > .feature-content{
    padding:18px 18px 0 !important;
  }

  .benefit-feature > [data-safe-zone="copy"] .feature-kicker,
  .benefit-feature > .feature-content .feature-kicker{
    margin-bottom:9px !important;
  }

  .benefit-feature > [data-safe-zone="copy"] .feature-description,
  .benefit-feature > .feature-content .feature-description{
    margin-top:13px !important;
    margin-bottom:14px !important;
  }
}

@media (max-width:620px){
  .benefit-feature .service-visual-motor .dashboard-core{top:27px;width:52px;height:52px}
  .benefit-feature .service-visual-motor .dashboard-readouts{left:8px;right:8px;bottom:7px}
  .benefit-feature .service-visual-motor .dashboard-readouts span{font-size:7px;padding:4px}
  .benefit-feature .service-visual-motor .dashboard-readouts strong{font-size:9px}
}

/* Alertas: estado central y confirmaciones inferiores en carriles independientes. */
.benefit-feature .service-visual-alerts .alert-bloom{
  top:30px;
  width:52px;
  height:52px;
  transform:translateX(-50%);
}
.benefit-feature .service-visual-alerts .alert-ring-one{inset:7px}
.benefit-feature .service-visual-alerts .alert-symbol{width:27px;height:27px;font-size:15px}
.benefit-feature .service-visual-alerts .alert-card{
  left:8px;
  right:auto;
  bottom:7px;
  width:calc(50% - 12px);
  min-height:34px;
  display:grid;
  grid-template-columns:14px minmax(0,1fr);
  gap:4px;
  align-items:center;
  padding:4px 5px;
  border-radius:6px;
}
.benefit-feature .service-visual-alerts .alert-card-secondary{
  left:auto;
  right:8px;
  top:auto;
  bottom:7px;
}
.benefit-feature .service-visual-alerts .alert-card-icon{width:14px;height:14px;font-size:8px}
.benefit-feature .service-visual-alerts .alert-card>span:last-child{min-width:0}
.benefit-feature .service-visual-alerts .alert-card strong,
.benefit-feature .service-visual-alerts .alert-card small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  line-height:1.15;
}
.benefit-feature .service-visual-alerts .alert-card strong{font-size:8px}
.benefit-feature .service-visual-alerts .alert-card small{font-size:6px;margin-top:1px}
@media (max-width:620px){
  .benefit-feature .service-visual-alerts .alert-bloom{top:28px;width:48px;height:48px}
  .benefit-feature .service-visual-alerts .alert-symbol{width:25px;height:25px;font-size:14px}
  .benefit-feature .service-visual-alerts .alert-card{left:7px;bottom:7px;width:calc(50% - 10px);min-height:32px;padding:4px}
  .benefit-feature .service-visual-alerts .alert-card-secondary{left:auto;right:7px}
  .benefit-feature .service-visual-alerts .alert-card strong{font-size:7px}
  .benefit-feature .service-visual-alerts .alert-card small{font-size:6px}
}

/* Control total: dispositivo único, limpio y completamente separado del encabezado. */
.benefit-feature .service-visual-control .remote-signal{display:none}
.benefit-feature .service-visual-control .remote-phone{
  top:25px;
  width:84px;
  height:88px;
  transform:translateX(-50%);
  padding:16px 8px 8px;
  border-width:2px;
  border-radius:10px;
  box-shadow:0 10px 18px rgba(0,0,0,.24);
}
.benefit-feature .service-visual-control .remote-speaker{top:6px;width:22px;height:2px}
.benefit-feature .service-visual-control .remote-phone strong{font-size:13px;line-height:1}
.benefit-feature .service-visual-control .remote-phone>small{font-size:7px;line-height:1;margin-top:3px}
.benefit-feature .service-visual-control .remote-actions{gap:6px;margin-top:auto}
.benefit-feature .service-visual-control .remote-actions span{font-size:17px;line-height:1}
.benefit-feature .service-visual-control .remote-actions small{display:none}
@media (max-width:620px){
  .benefit-feature .service-visual-control .remote-phone{top:24px;width:78px;height:82px;padding:15px 7px 7px}
  .benefit-feature .service-visual-control .remote-phone strong{font-size:12px}
  .benefit-feature .service-visual-control .remote-phone>small{font-size:7px}
  .benefit-feature .service-visual-control .remote-actions span{font-size:15px}
}

/* Control total en mobile: reservamos el lado derecho para el vehículo y
   mantenemos el panel informativo dentro de una zona segura independiente. */
@media (max-width:620px){
  .benefit-feature[data-benefit="5"]>.feature-media{
    background-position:62% 100%;
    background-size:cover;
  }
  .benefit-feature[data-benefit="5"]>.feature-overlay{
    background:linear-gradient(90deg,rgba(5,20,31,.98) 0%,rgba(5,20,31,.78) 30%,rgba(5,20,31,.2) 53%,rgba(5,20,31,0) 76%),linear-gradient(0deg,rgba(5,20,31,.32),transparent 47%);
  }
  .benefit-feature[data-benefit="5"] .feature-map{
    left:16px;
    right:auto;
    bottom:14px;
    width:calc(48% - 10px);
    max-width:176px;
    height:128px;
  }
  .benefit-feature[data-benefit="5"] .feature-content{
    padding-bottom:160px;
  }
  .benefit-feature[data-benefit="5"] .service-visual-control{
    padding:11px 10px;
  }
  .benefit-feature[data-benefit="5"] .service-visual-control .visual-topbar{
    font-size:7px;
  }
  .benefit-feature[data-benefit="5"] .service-visual-control .visual-status{
    font-size:7px;
  }
  .benefit-feature[data-benefit="5"] .service-visual-control .remote-phone{
    top:22px;
    width:62px;
    height:66px;
    padding:12px 5px 5px;
    border-width:2px;
    border-radius:9px;
  }
  .benefit-feature[data-benefit="5"] .service-visual-control .remote-speaker{
    top:5px;
    width:18px;
    height:2px;
  }
  .benefit-feature[data-benefit="5"] .service-visual-control .remote-phone strong{
    font-size:10px;
  }
  .benefit-feature[data-benefit="5"] .service-visual-control .remote-phone>small{
    font-size:6px;
  }
  .benefit-feature[data-benefit="5"] .service-visual-control .remote-actions{
    gap:3px;
  }
  .benefit-feature[data-benefit="5"] .service-visual-control .remote-actions span{
    font-size:12px;
  }
}

/* Atención 24/7: señal central visible y tarjeta inferior en una zona propia. */
.benefit-feature .service-visual-support .support-beacon{
  top:29px;
  width:58px;
  height:58px;
  transform:translateX(-50%);
}
.benefit-feature .service-visual-support .support-wave.wave-one{inset:7px}
.benefit-feature .service-visual-support .support-wave.wave-two{inset:0}
.benefit-feature .service-visual-support .support-avatar{width:30px;height:30px;font-size:15px}
.benefit-feature .service-visual-support .support-card{
  left:9px;
  right:9px;
  bottom:7px;
  min-height:34px;
  padding:6px 8px;
}
.benefit-feature .service-visual-support .support-card strong{font-size:9px;line-height:1.15}
.benefit-feature .service-visual-support .support-card small{max-width:150px;font-size:6px;line-height:1.15;margin-top:2px}
.benefit-feature .service-visual-support .support-card span{right:8px;top:10px;font-size:13px}
@keyframes support-wave-pulse{
  0%,100%{transform:scale(.9);opacity:.65}
  50%{transform:scale(1);opacity:1}
}
.benefit-feature .service-visual-support .support-wave{
  transform-origin:center;
  animation-name:support-wave-pulse;
}
@media (max-width:620px){
  .benefit-feature .service-visual-support .support-beacon{top:27px;width:54px;height:54px}
  .benefit-feature .service-visual-support .support-avatar{width:28px;height:28px;font-size:14px}
  .benefit-feature .service-visual-support .support-card{left:8px;right:8px;bottom:7px;min-height:32px;padding:5px 7px}
  .benefit-feature .service-visual-support .support-card strong{font-size:8px}
  .benefit-feature .service-visual-support .support-card small{font-size:6px}
}
@media (prefers-reduced-motion:reduce){
  .benefit-feature .service-visual-support .support-wave{animation:none;transform:scale(1);opacity:.85}
}

/* Geocercas: límites contenidos dentro del campo y marcador exactamente centrado. */
.benefit-feature .service-visual-geofence .geofence-field{
  inset:40px 12px 31px;
}
.benefit-feature .service-visual-geofence .boundary-one{
  width:170px;
  height:64px;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%) rotate(-12deg);
}
.benefit-feature .service-visual-geofence .boundary-two{
  width:112px;
  height:40px;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%) rotate(-12deg);
}
.benefit-feature .service-visual-geofence .geofence-marker{
  left:50%;
  top:50%;
  width:34px;
  height:34px;
}
.benefit-feature .service-visual-geofence .geofence-marker svg{width:19px;height:19px}
.benefit-feature .service-visual-geofence .geofence-house{width:18px;height:18px;font-size:11px}
.benefit-feature .service-visual-geofence .house-one{left:10px;top:10px}
.benefit-feature .service-visual-geofence .house-two{right:10px;bottom:10px}
@media (max-width:620px){
  .benefit-feature .service-visual-geofence .boundary-one{width:164px;height:54px}
  .benefit-feature .service-visual-geofence .boundary-two{width:106px;height:34px}
  .benefit-feature .service-visual-geofence .geofence-marker{width:32px;height:32px}
}

/* Microanimación coordinada para todos los gráficos de servicio. */
@keyframes service-child-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes service-field-in{from{opacity:0}to{opacity:1}}
@keyframes service-caption-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes service-control-in{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
@keyframes service-status-pulse{0%,100%{opacity:.55;box-shadow:0 0 0 3px rgba(255,255,255,.08)}50%{opacity:1;box-shadow:0 0 0 5px rgba(255,255,255,.14)}}
@keyframes service-route-drift{0%,100%{opacity:.35;transform:rotate(-27deg) translateY(2px)}50%{opacity:.78;transform:rotate(-27deg) translateY(-1px)}}
@keyframes service-route-drift-two{0%,100%{opacity:.2;transform:rotate(26deg) translateY(-1px)}50%{opacity:.58;transform:rotate(26deg) translateY(2px)}}
@keyframes service-node-ping{0%,100%{transform:scale(.8);opacity:.55}50%{transform:scale(1.18);opacity:1}}
@keyframes service-core-breathe{0%,100%{transform:translateX(-50%) scale(.97)}50%{transform:translateX(-50%) scale(1)}}
@keyframes service-readout-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes service-road-in{from{opacity:0;transform:perspective(240px) rotateX(18deg) translateY(7px)}to{opacity:1;transform:perspective(240px) rotateX(18deg) translateY(0)}}
@keyframes service-car-glide{0%,100%{transform:translate(-50%,-50%) rotate(-8deg)}50%{transform:translate(-50%,-52%) rotate(-8deg)}}
@keyframes service-point-ping{0%,100%{opacity:.35;box-shadow:0 0 0 3px rgba(255,255,255,.08)}50%{opacity:1;box-shadow:0 0 0 6px rgba(255,255,255,.16)}}
@keyframes service-symbol-pulse{0%,100%{transform:scale(.96)}50%{transform:scale(1.04)}}
@keyframes service-card-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes service-phone-in{from{opacity:0;transform:translateX(-50%) scale(.9)}to{opacity:1;transform:translateX(-50%) scale(1)}}
@keyframes service-chart-rise{from{transform:scaleY(.35);opacity:.3}to{transform:scaleY(1);opacity:1}}
@keyframes service-total-in{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}
@keyframes service-marker-pulse{0%,100%{box-shadow:0 0 0 7px rgba(255,255,255,.1)}50%{box-shadow:0 0 0 11px rgba(255,255,255,.18)}}

.benefit-feature .service-visual > .visual-topbar{animation:service-child-in .45s ease both}
.benefit-feature .service-visual > .visual-topbar .visual-status i{animation:service-status-pulse 2.8s ease-in-out .5s infinite}
.benefit-feature .service-visual .visual-field,
.benefit-feature .service-visual .telemetry-road,
.benefit-feature .service-visual .geofence-field{animation:service-field-in .65s ease .12s both}
.benefit-feature .service-visual .route-path-one{animation:service-route-drift 4.8s ease-in-out .25s infinite}
.benefit-feature .service-visual .route-path-two{animation:service-route-drift-two 5.4s ease-in-out .4s infinite}
.benefit-feature .service-visual .route-node{animation:service-node-ping 2.8s ease-in-out infinite}
.benefit-feature .service-visual .node-b{animation-delay:.8s}
.benefit-feature .service-visual > .visual-caption{animation:service-caption-in .5s ease .3s both}
.benefit-feature .service-visual > .visual-controls{animation:service-control-in .45s ease .38s both}
.benefit-feature .service-visual .dashboard-core{animation:service-core-breathe 3.2s ease-in-out .25s infinite}
.benefit-feature .service-visual .dashboard-readouts span{animation:service-readout-in .45s ease both}
.benefit-feature .service-visual .dashboard-readouts span:nth-child(2){animation-delay:.12s}
.benefit-feature .service-visual .road-car{animation:service-car-glide 3.8s ease-in-out .25s infinite}
.benefit-feature .service-visual .telemetry-point{animation:service-point-ping 2.6s ease-in-out infinite}
.benefit-feature .service-visual .point-two{animation-delay:.55s}.benefit-feature .service-visual .point-three{animation-delay:1s}
.benefit-feature .service-visual .alert-symbol{animation:service-symbol-pulse 2.4s ease-in-out .3s infinite}
.benefit-feature .service-visual .alert-card,
.benefit-feature .service-visual .scanner-result,
.benefit-feature .service-visual .support-card,
.benefit-feature .service-visual .geofence-label{animation:service-card-in .5s ease .32s both}
.benefit-feature .service-visual .alert-card-secondary{animation-delay:.46s}
.benefit-feature .service-visual .scanner-frame{animation:service-control-in .55s ease .18s both}
.benefit-feature .service-visual .remote-phone{animation:service-phone-in .55s ease .2s both}
.benefit-feature .service-visual .stats-chart span{transform-origin:center bottom;animation:service-chart-rise .7s cubic-bezier(.2,.75,.3,1) both}
.benefit-feature .service-visual .stats-chart span:nth-child(2){animation-delay:.08s}.benefit-feature .service-visual .stats-chart span:nth-child(3){animation-delay:.16s}.benefit-feature .service-visual .stats-chart span:nth-child(4){animation-delay:.24s}.benefit-feature .service-visual .stats-chart span:nth-child(5){animation-delay:.32s}.benefit-feature .service-visual .stats-chart span:nth-child(6){animation-delay:.4s}
.benefit-feature .service-visual .stats-total{animation:service-total-in .5s ease .38s both}.benefit-feature .service-visual .stats-chip{animation:service-card-in .5s ease .48s both}
.benefit-feature .service-visual .support-avatar{animation:service-symbol-pulse 2.8s ease-in-out .4s infinite}
.benefit-feature .service-visual .geofence-marker{animation:service-marker-pulse 2.8s ease-in-out .45s infinite}
.benefit-feature .service-visual .geofence-house{animation:service-control-in .45s ease both}.benefit-feature .service-visual .house-two{animation-delay:.16s}
@keyframes service-scanner-in{
  from{opacity:0;transform:translate(-50%,-50%) scale(.92)}
  to{opacity:1;transform:translate(-50%,-50%) scale(1)}
}
.benefit-feature .service-visual .scanner-frame{animation:service-scanner-in .55s ease .18s both}
@media (prefers-reduced-motion:reduce){
  .benefit-feature .service-visual > .visual-topbar,
  .benefit-feature .service-visual > .visual-caption,
  .benefit-feature .service-visual > .visual-controls,
  .benefit-feature .service-visual .visual-field,
  .benefit-feature .service-visual .telemetry-road,
  .benefit-feature .service-visual .geofence-field,
  .benefit-feature .service-visual .dashboard-readouts span,
  .benefit-feature .service-visual .alert-card,
  .benefit-feature .service-visual .scanner-result,
  .benefit-feature .service-visual .support-card,
  .benefit-feature .service-visual .geofence-label,
  .benefit-feature .service-visual .scanner-frame,
  .benefit-feature .service-visual .remote-phone,
  .benefit-feature .service-visual .stats-chart span,
  .benefit-feature .service-visual .stats-total,
  .benefit-feature .service-visual .stats-chip,
  .benefit-feature .service-visual .geofence-house{animation:none;transform:none;opacity:1}
  .benefit-feature .service-visual .scanner-frame{animation:none;transform:translate(-50%,-50%);opacity:1}
  .benefit-feature .service-visual .visual-status i,
  .benefit-feature .service-visual .route-path,
  .benefit-feature .service-visual .route-node,
  .benefit-feature .service-visual .dashboard-core,
  .benefit-feature .service-visual .road-car,
  .benefit-feature .service-visual .telemetry-point,
  .benefit-feature .service-visual .alert-symbol,
  .benefit-feature .service-visual .support-avatar,
  .benefit-feature .service-visual .geofence-marker{animation:none}
}

/* Ritmo interno estandarizado para los nueve estados del explorador. */
.benefit-feature .feature-content{max-width:560px;padding:40px 40px 207px}
.benefit-feature .feature-kicker{margin-bottom:18px}
.benefit-feature .feature-title{font-size:clamp(40px,4.2vw,60px);max-width:510px;min-height:2.88em;text-wrap:balance}
.benefit-feature .feature-description{max-width:430px;min-height:4.35em;margin:20px 0 22px}
.benefit-feature .feature-cta{position:relative;z-index:3}
@media(max-width:900px){
  .benefit-feature .feature-content{max-width:540px;padding:32px 28px 184px}
  .benefit-feature .feature-title{font-size:clamp(38px,6vw,50px);max-width:480px}
  .benefit-feature .feature-description{font-size:16px;max-width:440px}
}
@media(max-width:620px){
  .benefit-feature .feature-content{padding:29px 24px 184px}
  .benefit-feature .feature-kicker{margin-bottom:15px}
  .benefit-feature .feature-title{font-size:42px;min-height:2.94em}
  .benefit-feature .feature-description{font-size:15px;min-height:4.35em;margin:15px 0 20px}
}

/* El detalle debe acompañar la altura completa de la lista de servicios. */
@media(min-width:901px){
  .benefit-feature{
    height:auto;
    min-height:0;
    align-self:stretch;
  }
}

/* Entrada de la fotografía al cambiar de servicio: visible, suave y sin mover el contenido. */
@keyframes benefit-media-enter{
  0%{opacity:.28;transform:scale(1.075) translate3d(calc(var(--media-shift-x) + 1.2%),var(--media-shift-y),0)}
  58%{opacity:.9}
  100%{opacity:1;transform:scale(1) translate3d(var(--media-shift-x),var(--media-shift-y),0)}
}
.benefit-feature.is-changing>.feature-media{
  animation:benefit-media-enter .82s cubic-bezier(.2,.72,.22,1) both;
  transition:none;
  will-change:opacity,transform;
}
@media(prefers-reduced-motion:reduce){
  .benefit-feature.is-changing>.feature-media{
    animation:none;
    opacity:1;
    transform:none;
    will-change:auto;
  }
}

/* Alineación visual de los vehículos: cada fotografía conserva su proporción,
   pero comparte una misma línea de apoyo para que el cambio de servicio no
   haga saltar el auto hacia arriba o hacia abajo. */
.benefit-feature>.feature-media{
  --media-scale:1.045;
  --media-shift-x:0px;
  --media-shift-y:0px;
  transform:scale(var(--media-scale)) translate3d(var(--media-shift-x),var(--media-shift-y),0);
  transform-origin:center center;
}
.benefit-feature[data-benefit="0"]>.feature-media{--media-shift-y:16px}
.benefit-feature[data-benefit="3"]>.feature-media{--media-shift-y:20px}
.benefit-feature[data-benefit="5"]>.feature-media{--media-shift-y:18px}
.benefit-feature[data-benefit="6"]>.feature-media{--media-shift-y:-46px}
.benefit-feature[data-benefit="7"]>.feature-media{--media-shift-y:-28px}
.benefit-feature[data-benefit="8"]>.feature-media{--media-shift-y:36px}

@media(max-width:620px){
  .benefit-feature>.feature-media{--media-scale:1.035}
  .benefit-feature[data-benefit="0"]>.feature-media{--media-shift-y:10px}
  .benefit-feature[data-benefit="3"]>.feature-media{--media-shift-y:12px}
  /* Control total: sube la fotografía 7% respecto al encuadre móvil actual. */
  .benefit-feature[data-benefit="5"]>.feature-media{--media-shift-y:calc(10px - 7%)}
  .benefit-feature[data-benefit="6"]>.feature-media{--media-shift-y:-24px}
  .benefit-feature[data-benefit="7"]>.feature-media{--media-shift-y:-16px}
  .benefit-feature[data-benefit="8"]>.feature-media{--media-shift-y:20px}
}

/* Las fotografías panorámicas necesitan anclarse al borde derecho para que
   el vehículo completo quede visible, como en la tarjeta de ubicación. */
.benefit-feature[data-benefit="6"]>.feature-media{
  --media-scale:1;
  --media-shift-y:-46px;
  background-position:80% center;
}
.benefit-feature[data-benefit="7"]>.feature-media{
  --media-scale:1;
  --media-shift-y:-28px;
  background-position:75% center;
}
.benefit-feature[data-benefit="8"]>.feature-media{
  --media-scale:1;
  --media-shift-y:18px;
  background-position:100% center;
}
@media(max-width:620px){
  .benefit-feature[data-benefit="6"]>.feature-media{--media-shift-y:-24px}
  .benefit-feature[data-benefit="7"]>.feature-media{--media-shift-y:-16px}
  .benefit-feature[data-benefit="8"]>.feature-media{--media-shift-y:20px}
}

@media(prefers-reduced-motion:reduce){
  .benefit-feature>.feature-media,
  .benefit-feature.is-changing>.feature-media{transform:none}
}

/* Control total: acercamiento moderado del vehículo sin perder el encuadre. */
.benefit-feature[data-benefit="5"]>.feature-media{
  background-size:130% auto;
  background-position:80% 82%;
}

/* Movimiento continuo de baja intensidad: mantiene vivos los módulos sin competir con el contenido. */
@keyframes service-dashboard-ring{from{transform:rotate(-35deg)}to{transform:rotate(325deg)}}
@keyframes service-road-glow{0%,100%{opacity:.28}50%{opacity:.72}}
@keyframes service-alert-ring{0%,100%{opacity:.28;transform:scale(.94)}50%{opacity:.72;transform:scale(1.04)}}
@keyframes service-alert-ring-inner{0%,100%{opacity:.42;transform:scale(.92)}50%{opacity:.9;transform:scale(1)}}
@keyframes service-scanner-corner{0%,100%{opacity:.48}50%{opacity:1}}
@keyframes service-phone-glow{0%,100%{box-shadow:0 10px 18px rgba(0,0,0,.24),0 0 0 rgba(255,255,255,0)}50%{box-shadow:0 12px 22px rgba(0,0,0,.3),0 0 18px rgba(255,255,255,.12)}}
@keyframes service-chart-line{0%,100%{opacity:.42}50%{opacity:.95}}
@keyframes service-boundary-breathe{0%,100%{opacity:.38}50%{opacity:.78}}

.benefit-feature .service-visual .dashboard-ring{animation:service-dashboard-ring 9s linear infinite}
.benefit-feature .service-visual .road-edge{animation:service-road-glow 5.8s ease-in-out infinite}
.benefit-feature .service-visual .road-edge-two{animation-delay:-2.9s}
.benefit-feature .service-visual .alert-ring-two{animation:service-alert-ring 6.8s ease-in-out infinite}
.benefit-feature .service-visual .alert-ring-one{animation:service-alert-ring-inner 5.4s ease-in-out -.9s infinite}
.benefit-feature .service-visual .scanner-corner{animation:service-scanner-corner 3.6s ease-in-out infinite}
.benefit-feature .service-visual .corner-tr{animation-delay:-.9s}
.benefit-feature .service-visual .corner-br{animation-delay:-1.8s}
.benefit-feature .service-visual .corner-bl{animation-delay:-2.7s}
.benefit-feature .service-visual .remote-phone{animation:service-phone-in .55s ease .2s both,service-phone-glow 5.8s ease-in-out 1s infinite}
.benefit-feature .service-visual .stats-chart b{animation:service-chart-line 4.8s ease-in-out .5s infinite}
.benefit-feature .service-visual .geofence-boundary{animation:service-boundary-breathe 5.2s ease-in-out infinite}
.benefit-feature .service-visual .boundary-two{animation-delay:-2.6s}

@media(prefers-reduced-motion:reduce){
  .benefit-feature .service-visual *{animation:none!important}
  .benefit-feature .service-visual .scanner-frame{transform:translate(-50%,-50%)}
  .benefit-feature .service-visual .dashboard-core{transform:translate(-50%,-50%)}
  .benefit-feature .service-visual .remote-phone{transform:translateX(-50%)}
  .benefit-feature .service-visual .boundary-one,
  .benefit-feature .service-visual .boundary-two{transform:translate(-50%,-50%) rotate(-12deg)}
}

/* Kia blue-gray: un sistema de acentos natural y único para toda la landing. */
:root{
  --accent-blue:#315e70;
  --accent-blue-dark:#244b5c;
  --accent-blue-light:#9db8c2;
  --accent-glow:rgba(49,94,112,.24);
  --red:var(--accent-blue);
  --red-dark:var(--accent-blue-dark);
}

/* Acciones y estados: el azul pizarra guía la interacción sin teñir los fondos. */
.button-primary{background:var(--accent-blue);border-color:var(--accent-blue)}
.button-primary:hover{background:var(--accent-blue-dark);border-color:var(--accent-blue-dark)}
.button-outline{border-color:var(--accent-blue);color:var(--accent-blue)}
.button-outline:hover{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}
.plans .button-outline{border-color:var(--accent-blue);color:var(--accent-blue)}
.plans .button-outline:hover{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}
.mobile-menu-cta{background:var(--accent-blue)!important;border-color:var(--accent-blue)!important;color:#fff!important}
.mobile-menu-cta:hover{background:var(--accent-blue-dark)!important;border-color:var(--accent-blue-dark)!important}
.button:focus-visible,.header-cta:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,button:focus-visible{outline-color:var(--accent-glow)}

/* Hero y navegación visual: pequeños puntos azul acero, lectura principal intacta. */
.core-pulse{border-color:rgba(157,184,194,.85)}
.node-icon svg{stroke:var(--accent-blue-light)}
.solar-node{border-color:rgba(157,184,194,.42)}
.solar-node:hover{border-color:rgba(157,184,194,.78)}
.phone-glow{background:rgba(49,94,112,.28)}

/* Selector de servicios: el estado activo deja de depender del negro. */
.benefit-selector:hover{border-color:var(--accent-blue)}
.benefit-selector:focus-visible{outline-color:var(--accent-blue)}
.benefit-selector.is-active{background:var(--accent-blue);border-color:var(--accent-blue);box-shadow:inset 5px 0 0 #fff,0 12px 24px rgba(49,94,112,.22)}
.benefit-selector.is-active .selector-icon{border-color:#fff;color:var(--accent-blue)}
.benefit-feature .feature-status .status-dot{background:var(--accent-blue-light);box-shadow:0 0 0 5px rgba(157,184,194,.2),0 0 14px rgba(157,184,194,.34)}

/* Planes y pasos: una sola firma cromática para conversión y progreso. */
.plans .section-heading h2:after{background:var(--accent-blue)}
.plan-featured{border-color:var(--accent-blue);box-shadow:0 24px 58px rgba(49,94,112,.18)}
.featured-label{background:var(--accent-blue);box-shadow:0 8px 22px rgba(49,94,112,.2)}
.plan-featured .button-primary{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}
.plan-featured .button-primary:hover{background:var(--accent-blue-dark);border-color:var(--accent-blue-dark)}
.step-number{border-color:var(--accent-blue);color:var(--accent-blue)}
.steps{background:linear-gradient(180deg,#f3f5f6 0%,#eef1f3 100%)}

/* FAQ y contacto: azul pizarra en la señal de apertura, enlaces y confirmaciones. */
.faq-heading h2:after{background:var(--accent-blue)}
.faq-item:hover{border-color:rgba(49,94,112,.52);box-shadow:0 16px 34px rgba(49,94,112,.1)}
.faq-item[open]{border-color:var(--accent-blue);box-shadow:0 18px 42px rgba(49,94,112,.14)}
.faq-item[open] .faq-toggle{background:var(--accent-blue);border-color:var(--accent-blue)}
.contact-note span{color:var(--accent-blue)}
.form-status{color:var(--accent-blue)}

@media(max-width:620px){
  .benefit-selector.is-active{box-shadow:inset 0 4px 0 #fff,0 10px 22px rgba(49,94,112,.18)}
  .steps{background:#f3f5f6}
}

@media(prefers-reduced-motion:reduce){
  .solar-node:hover,.benefit-selector:hover,.faq-item:hover{transform:none}
}

/* Apertura remota: fotografía principal + estado de desbloqueo ligero. */
.benefit-feature[data-benefit="9"]>.feature-media{background-position:center center;background-size:cover}
.benefit-feature[data-benefit="9"]>.feature-overlay{
  background:linear-gradient(90deg,rgba(5,20,31,.97) 0%,rgba(5,20,31,.82) 37%,rgba(5,20,31,.28) 55%,rgba(5,20,31,0) 75%),linear-gradient(0deg,rgba(5,20,31,.36),transparent 48%);
}
.service-visual-remote{background:linear-gradient(145deg,#071b26,#123942)!important}
.remote-unlock-art{position:absolute;left:50%;top:52%;width:150px;height:124px;transform:translate(-50%,-50%);display:grid;place-items:center}
.remote-unlock-orbit{position:absolute;inset:50%;border:1px solid rgba(157,184,194,.55);border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg);animation:remote-unlock-orbit 7.2s linear infinite}
.remote-unlock-orbit-one{width:116px;height:70px}
.remote-unlock-orbit-two{width:86px;height:54px;transform:translate(-50%,-50%) rotate(42deg);animation-direction:reverse;animation-duration:5.6s;opacity:.75}
.remote-unlock-signal{position:absolute;top:50%;width:10px;height:10px;border-radius:50%;background:#9db8c2;box-shadow:0 0 0 5px rgba(157,184,194,.14),0 0 18px rgba(157,184,194,.58);animation:remote-unlock-signal 2.7s ease-in-out infinite}
.signal-left{left:20px}.signal-right{right:20px;animation-delay:-1.3s}
.remote-unlock-badge{position:relative;z-index:2;width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:#0c2934;box-shadow:0 0 0 9px rgba(255,255,255,.06),0 0 24px rgba(157,184,194,.2);animation:remote-unlock-badge 3.4s ease-in-out infinite}
.remote-unlock-badge svg{width:28px;height:28px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.remote-unlock-caption{position:absolute;left:18px;right:18px;bottom:13px;display:flex;justify-content:space-between;align-items:end;gap:10px;padding:8px 10px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(5,20,31,.76);font-size:9px}
.remote-unlock-caption strong{font-size:10px;letter-spacing:.04em}.remote-unlock-caption small{color:rgba(255,255,255,.72);font-size:8px;text-align:right}
@keyframes remote-unlock-orbit{to{transform:translate(-50%,-50%) rotate(342deg)}}
@keyframes remote-unlock-signal{0%,100%{transform:scale(.8);opacity:.45}50%{transform:scale(1.22);opacity:1}}
@keyframes remote-unlock-badge{0%,100%{transform:scale(.96);box-shadow:0 0 0 9px rgba(255,255,255,.06),0 0 18px rgba(157,184,194,.16)}50%{transform:scale(1.04);box-shadow:0 0 0 13px rgba(157,184,194,.12),0 0 28px rgba(157,184,194,.32)}}
@media(max-width:620px){
  .benefit-feature[data-benefit="9"]>.feature-media{background-position:64% center}
  .remote-unlock-art{width:132px;height:108px}
  .remote-unlock-caption{left:13px;right:13px;bottom:10px}
}
@media(prefers-reduced-motion:reduce){.remote-unlock-orbit,.remote-unlock-signal,.remote-unlock-badge{animation:none}}

/* Ubicación en tiempo real mobile: conserva la fotografía a sangre y reserva
   aire vertical para que el vehículo se lea completo, sin quedar recortado. */
@media(max-width:620px){
  .benefit-feature[data-benefit="0"]>.feature-media{
    inset:0;
    --media-scale:1;
    --media-shift-x:0;
    --media-shift-y:0;
    background-color:#05141f;
    background-size:104% auto;
    background-position:calc(0% - 80%) calc(100% - 40%);
    background-repeat:no-repeat;
  }
}
@keyframes benefit-location-media-enter{
  0%{opacity:.28;transform:scale(1.035) translate3d(3%,0,0)}
  58%{opacity:.9}
  100%{opacity:1;transform:none}
}
@media(max-width:620px){
  .benefit-feature[data-benefit="0"].is-changing>.feature-media{
    animation:benefit-location-media-enter .82s cubic-bezier(.2,.72,.22,1) both;
  }
}

/* Ubicación: composición vertical exclusiva para móvil. La imagen deja el
   tercio superior libre para el contenido y coloca el Kia completo en la
   zona inferior, sin depender de desplazamientos que puedan recortarlo. */
@media(max-width:620px){
  .benefit-feature[data-benefit="0"]>.feature-media{
    background-image:url('./assets/benefits/benefit-ubicacion-mobile-v4.webp?v=20260925-location-safezone-v4') !important;
    background-size:cover;
    background-position:center 100% !important;
    background-repeat:no-repeat;
    transform:none;
  }
}

/* Kia Link app capture inside the device frame. Keep the supplied UI intact
   while allowing it to scale cleanly across the responsive phone stage. */
.phone-screen{
  padding:0;
  display:block;
  overflow:hidden;
  background:#071923;
}
.phone-app-screen{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  border-radius:22px;
}
@media(max-width:560px){
  .phone-screen{padding:0}
}

/* Mobile: libera el centro de la tarjeta para que el vehículo se lea completo.
   Los mínimos de altura que alinean desktop no deben empujar el CTA hacia la
   fotografía en pantallas estrechas. */
@media(max-width:620px){
  .benefit-feature .feature-content{padding-top:22px;padding-bottom:184px}
  .benefit-feature .feature-kicker{margin-bottom:11px}
  .benefit-feature .feature-title{min-height:0;line-height:.94}
  .benefit-feature .feature-description{min-height:0;margin:14px 0 16px;max-width:340px}
  .benefit-feature .feature-cta{min-height:44px;padding:10px 17px}
}

/*
 * Zonas seguras mobile para los beneficios.
 *
 * La composición queda dividida en tres áreas que no se pisan:
 *   - copy: encabezado, descripción y CTA en la franja superior izquierda;
 *   - vehicle: fotografía completa, con el vehículo reservado abajo/derecha;
 *   - visual: gráfico de servicio en una banda inferior independiente.
 * Esto evita que un título o botón termine encima del vehículo al cambiar de
 * servicio o al variar el ancho del teléfono.
 */
@media (max-width: 620px){
  .benefit-feature{
    height:clamp(600px,158vw,660px);
    min-height:600px;
    --copy-zone-width:78%;
    --copy-zone-height:410px;
    --visual-zone-height:142px;
  }

  .benefit-feature > [data-safe-zone="vehicle"]{
    z-index:-1;
    background-size:cover !important;
    background-repeat:no-repeat !important;
    background-position:72% 58% !important;
  }

  .benefit-feature > [data-safe-zone="copy"]{
    position:relative;
    z-index:3;
    width:var(--copy-zone-width);
    max-width:var(--copy-zone-width);
    height:var(--copy-zone-height);
    min-height:0;
    padding:22px 0 0 22px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
  }

  .benefit-feature > [data-safe-zone="copy"] .feature-kicker{
    margin:0 0 11px;
  }

  .benefit-feature > [data-safe-zone="copy"] .feature-title{
    max-width:100%;
    min-height:0;
    font-size:clamp(31px,9.2vw,41px);
    line-height:.94;
    text-wrap:balance;
  }

  .benefit-feature > [data-safe-zone="copy"] .feature-description{
    max-width:100%;
    min-height:0;
    margin:14px 0 16px;
    font-size:clamp(14px,3.8vw,16px);
    line-height:1.35;
  }

  .benefit-feature > [data-safe-zone="copy"] .feature-cta{
    position:relative;
    z-index:4;
    width:auto;
    min-height:44px;
    padding:10px 17px;
    white-space:nowrap;
  }

  .benefit-feature > [data-safe-zone="copy"] .feature-status{
    display:none;
  }

  .benefit-feature > [data-safe-zone="visual"]{
    position:absolute;
    z-index:4;
    top:auto;
    right:auto;
    left:22px;
    bottom:16px;
    width:min(58%,246px);
    max-width:none;
    height:var(--visual-zone-height);
    transform:none !important;
    overflow:visible;
    border:0;
    background:transparent;
    box-shadow:none;
  }

  .benefit-feature > [data-safe-zone="visual"] .service-visual{
    width:100%;
    height:100%;
    border:1px solid rgba(255,255,255,.3);
    border-radius:14px;
    background:linear-gradient(145deg,rgba(5,20,31,.72),rgba(10,35,45,.5));
    backdrop-filter:blur(3px);
  }

  .benefit-feature > .feature-overlay{
    z-index:0 !important;
    background:linear-gradient(180deg,
      rgba(5,20,31,.94) 0%,
      rgba(5,20,31,.86) 23%,
      rgba(5,20,31,.52) 36%,
      rgba(5,20,31,.16) 43%,
      rgba(5,20,31,0) 50%) !important;
  }

  /* Cada fondo recibe un encuadre que mantiene el vehículo en su zona baja. */
  .benefit-feature[data-benefit="0"] > [data-safe-zone="vehicle"]{background-position:center 100% !important}
  .benefit-feature[data-benefit="1"] > [data-safe-zone="vehicle"]{background-position:76% 58% !important}
  .benefit-feature[data-benefit="2"] > [data-safe-zone="vehicle"]{background-position:78% 58% !important}
  .benefit-feature[data-benefit="3"] > [data-safe-zone="vehicle"]{background-position:78% 58% !important}
  .benefit-feature[data-benefit="4"] > [data-safe-zone="vehicle"]{background-position:70% 56% !important}
  .benefit-feature[data-benefit="5"] > [data-safe-zone="vehicle"]{background-position:78% 58% !important}
  .benefit-feature[data-benefit="6"] > [data-safe-zone="vehicle"]{background-position:82% 58% !important}
  .benefit-feature[data-benefit="7"] > [data-safe-zone="vehicle"]{background-position:80% 58% !important}
  .benefit-feature[data-benefit="8"] > [data-safe-zone="vehicle"]{background-position:80% 60% !important}
  .benefit-feature[data-benefit="9"] > [data-safe-zone="vehicle"]{background-position:74% 58% !important}
}

/* Control total mobile: muestra el vehículo completo, sin la capa oscura. */
@media (max-width:620px){
  .benefit-feature[data-benefit="5"] > [data-safe-zone="vehicle"].feature-media{
    --media-shift-x:0;
    background-position:calc(78% + 16%) 58% !important;
  }
}

@media (max-width: 380px){
  .benefit-feature{
    --copy-zone-width:82%;
    --copy-zone-height:400px;
    --visual-zone-height:132px;
  }

  .benefit-feature > [data-safe-zone="copy"]{
    padding-top:18px;
    padding-left:18px;
  }

  .benefit-feature > [data-safe-zone="copy"] .feature-title{
    font-size:clamp(29px,9.3vw,36px);
  }

  .benefit-feature > [data-safe-zone="visual"]{
    left:18px;
    bottom:14px;
    width:60%;
  }
}

@media (prefers-reduced-motion: reduce){
  .benefit-feature > [data-safe-zone="vehicle"]{
    transition:none !important;
  }
}

/* Atención 24/7 en móvil: composición vertical con zonas seguras.
   La imagen alternativa mantiene el vehículo completo en la zona inferior,
   deja el bloque superior libre para el texto y conserva el panel visual en
   la esquina inferior izquierda sin cubrir el auto. */
@media (max-width:620px){
  .benefit-feature[data-benefit="7"] > [data-safe-zone="vehicle"]{
    background-image:url('./assets/benefits/benefit-atencion-mobile-safe.webp?v=20250925-atencion-mobile-safe-v1') !important;
    background-size:100% auto !important;
    background-position:center 60% !important;
    background-repeat:no-repeat !important;
    background-color:#05141f;
  }

  .benefit-feature[data-benefit="8"] > [data-safe-zone="vehicle"]{
    background-image:url('./assets/benefits/benefit-geocercas-mobile-safe-v2.webp?v=20250925-geocercas-mobile-safe-v2') !important;
    background-size:cover !important;
    background-position:80% 100% !important;
    background-repeat:no-repeat !important;
  }
}

/* En mobile, la tarjeta completa funciona como carrusel táctil. */
.benefit-mobile-progress{display:none}
.benefit-mobile-swipe-hint{display:none}
@media (max-width:620px){
  .benefits-explorer{
    display:block;
    overflow:hidden;
    margin-top:28px;
  }

  .benefit-selector-column{display:none}

  .benefit-feature{
    width:100%;
    max-width:none;
    touch-action:pan-y;
    cursor:grab;
    will-change:transform,opacity;
  }

  .benefit-feature:active{cursor:grabbing}
  .benefit-feature.is-swipe-next{animation:benefit-swipe-next .46s cubic-bezier(.22,.75,.25,1) both}
  .benefit-feature.is-swipe-prev{animation:benefit-swipe-prev .46s cubic-bezier(.22,.75,.25,1) both}

  .benefit-mobile-swipe-hint{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin:12px auto 0;
    color:rgba(5,20,31,.62);
    font-size:11px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
  }

  .benefit-swipe-arrow{
    display:grid;
    place-items:center;
    width:22px;
    height:22px;
    border:1px solid rgba(5,20,31,.28);
    border-radius:50%;
    color:var(--accent-blue,#315e70);
    font-size:19px;
    line-height:1;
    animation:benefit-swipe-arrow-pulse 1.8s ease-in-out infinite;
  }

  .benefit-swipe-arrow:last-child{animation-delay:.18s}

  .benefit-mobile-progress{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    margin:14px auto 0;
    min-height:10px;
  }

  .benefit-mobile-progress button{
    appearance:none;
    width:20px;
    height:4px;
    padding:0;
    border:0;
    border-radius:999px;
    background:rgba(5,20,31,.22);
    cursor:pointer;
    transition:width .24s ease,background-color .24s ease,transform .24s ease;
  }

  .benefit-mobile-progress button span{display:block;width:100%;height:100%}
  .benefit-mobile-progress button.is-active{
    width:34px;
    background:var(--accent-blue,#315e70);
  }

  .benefit-mobile-progress button:focus-visible{
    outline:2px solid var(--accent-blue,#315e70);
    outline-offset:4px;
  }
}

@media (min-width:621px){.benefit-mobile-progress{display:none}}
@media (min-width:621px){.benefit-mobile-swipe-hint{display:none}}

@keyframes benefit-swipe-next{
  0%{opacity:1;transform:translateX(0)}
  32%{opacity:.36;transform:translateX(-24px)}
  100%{opacity:1;transform:translateX(0)}
}

@keyframes benefit-swipe-prev{
  0%{opacity:1;transform:translateX(0)}
  32%{opacity:.36;transform:translateX(24px)}
  100%{opacity:1;transform:translateX(0)}
}

@keyframes benefit-swipe-arrow-pulse{
  0%,100%{opacity:.5;transform:translateX(0)}
  50%{opacity:1;transform:translateX(3px)}
}

@media (prefers-reduced-motion:reduce){
  .benefit-feature.is-swipe-next,
  .benefit-feature.is-swipe-prev{animation:none}
  .benefit-mobile-progress button{transition:none}
  .benefit-swipe-arrow{animation:none}
}

/* Apertura remota: composición mobile con zonas seguras.
   El vehículo queda en la franja inferior derecha; el copy y el panel
   visual conservan áreas independientes para evitar solapamientos. */
@media (max-width:620px){
  .benefit-feature[data-benefit="9"]{
    min-height:620px;
    background:#05141f;
  }

  .benefit-feature[data-benefit="9"] > [data-safe-zone="vehicle"]{
    z-index:-3 !important;
    background-size:auto 92% !important;
    background-position:61% 100% !important;
    background-repeat:no-repeat !important;
    background-color:#05141f !important;
    filter:saturate(.96) contrast(1.04) brightness(1.06);
  }

  .benefit-feature[data-benefit="9"] > [data-safe-zone="copy"]{
    z-index:4 !important;
    min-height:100%;
    max-width:100% !important;
    padding:29px 24px 244px !important;
  }

  .benefit-feature[data-benefit="9"] > [data-safe-zone="copy"] .feature-title{
    max-width:300px;
  }

  .benefit-feature[data-benefit="9"] > [data-safe-zone="copy"] .feature-description{
    max-width:286px;
  }

  .benefit-feature[data-benefit="9"] > .feature-overlay{
    z-index:0 !important;
    background:
      linear-gradient(180deg,rgba(5,20,31,.94) 0%,rgba(5,20,31,.76) 34%,rgba(5,20,31,.24) 58%,rgba(5,20,31,0) 78%),
      linear-gradient(90deg,rgba(5,20,31,.34) 0%,rgba(5,20,31,.08) 52%,rgba(5,20,31,0) 82%) !important;
  }

  .benefit-feature[data-benefit="9"] > [data-safe-zone="visual"]{
    z-index:5 !important;
    left:16px !important;
    right:16px !important;
    bottom:16px !important;
    width:auto !important;
    max-width:none !important;
    height:142px !important;
    transform:none !important;
  }
}

@media (max-width:380px){
  .benefit-feature[data-benefit="9"]{
    min-height:600px;
  }

  .benefit-feature[data-benefit="9"] > [data-safe-zone="copy"]{
    padding:27px 21px 226px !important;
  }

  .benefit-feature[data-benefit="9"] > [data-safe-zone="visual"]{
    left:12px !important;
    right:12px !important;
    bottom:13px !important;
    width:auto !important;
    height:132px !important;
  }
}

/* Paneles visuales de los slides: todos comparten la proporción horizontal
   de Apertura remota. El contenido interno se adapta al mismo lienzo para
   evitar que un servicio se vea vertical, comprimido o desbalanceado. */
.benefit-feature > [data-safe-zone="visual"],
.benefit-feature > .feature-map{
  box-sizing:border-box !important;
  aspect-ratio:26 / 15 !important;
  width:260px !important;
  height:150px !important;
  min-height:150px !important;
  max-height:150px !important;
  transform:none !important;
}

.benefit-feature > [data-safe-zone="visual"] .service-visual,
.benefit-feature > .feature-map .service-visual{
  box-sizing:border-box !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:26 / 15 !important;
}

@media (max-width:620px){
  .benefit-feature > [data-safe-zone="visual"],
  .benefit-feature > .feature-map{
    left:18px !important;
    right:auto !important;
    bottom:16px !important;
    width:min(224px,calc(100% - 36px)) !important;
    max-width:224px !important;
    height:142px !important;
    min-height:142px !important;
    max-height:142px !important;
    transform:none !important;
  }

  .benefit-feature > [data-safe-zone="visual"] .service-visual,
  .benefit-feature > .feature-map .service-visual{
    width:100% !important;
    height:100% !important;
    aspect-ratio:26 / 15 !important;
  }
}

@media (max-width:380px){
  .benefit-feature > [data-safe-zone="visual"],
  .benefit-feature > .feature-map{
    left:15px !important;
    bottom:13px !important;
    width:min(224px,calc(100% - 30px)) !important;
    max-width:224px !important;
    height:132px !important;
    min-height:132px !important;
    max-height:132px !important;
  }
}

/* v3: todos los visuales usan el mismo rectángulo horizontal a ancho completo.
   El bloque final neutraliza las formas y transformaciones heredadas por cada
   servicio para que ningún slide se vea circular, estrecho o desalineado. */
@media (max-width:620px){
  .benefit-feature > [data-safe-zone="visual"],
  .benefit-feature > .feature-map{
    top:auto !important;
    left:16px !important;
    right:16px !important;
    bottom:16px !important;
    width:auto !important;
    max-width:none !important;
    height:150px !important;
    min-height:150px !important;
    max-height:150px !important;
    aspect-ratio:auto !important;
    transform:none !important;
    overflow:hidden !important;
    border-radius:16px !important;
  }

  .benefit-feature > [data-safe-zone="visual"] .service-visual,
  .benefit-feature > .feature-map .service-visual{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    border-radius:16px !important;
  }

  .benefit-feature > [data-safe-zone="copy"],
  .benefit-feature > .feature-content{
    padding-bottom:190px !important;
  }
}

@media (max-width:380px){
  .benefit-feature > [data-safe-zone="visual"],
  .benefit-feature > .feature-map{
    left:12px !important;
    right:12px !important;
    bottom:13px !important;
    width:auto !important;
    max-width:none !important;
    height:144px !important;
    min-height:144px !important;
    max-height:144px !important;
    border-radius:16px !important;
  }

  .benefit-feature > [data-safe-zone="copy"],
  .benefit-feature > .feature-content{
    padding-bottom:182px !important;
  }
}

/* v3 final desktop normalization: every slide uses the same full-width
   rectangular visual panel, with equal safe margins and no inherited tilt. */
@media (min-width:621px){
  .benefit-feature > [data-safe-zone="visual"],
  .benefit-feature > .feature-map{
    top:auto !important;
    left:32px !important;
    right:32px !important;
    bottom:24px !important;
    width:auto !important;
    max-width:none !important;
    height:150px !important;
    min-height:150px !important;
    max-height:150px !important;
    aspect-ratio:auto !important;
    transform:none !important;
    overflow:hidden !important;
    border-radius:16px !important;
  }

  .benefit-feature > [data-safe-zone="visual"] .service-visual,
  .benefit-feature > .feature-map .service-visual{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    border-radius:16px !important;
  }

  .benefit-feature > [data-safe-zone="copy"],
  .benefit-feature > .feature-content{
    padding-bottom:190px !important;
  }
}

/* v4 final mobile safe layout: keep the copy in a true vertical flow and
   reserve the lower visual zone so no heading, paragraph or CTA can cover it. */
@media (max-width:620px){
  .benefit-feature > [data-safe-zone="copy"],
  .benefit-feature > .feature-content{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    bottom:auto !important;
    z-index:6 !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    min-height:0 !important;
    box-sizing:border-box !important;
    padding:22px 22px 0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
  }

  .benefit-feature > [data-safe-zone="copy"] .feature-kicker,
  .benefit-feature > .feature-content .feature-kicker{
    position:static !important;
    margin:0 0 11px !important;
  }

  .benefit-feature > [data-safe-zone="copy"] .feature-title,
  .benefit-feature > .feature-content .feature-title{
    position:static !important;
    width:100% !important;
    max-width:100% !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    line-height:.94 !important;
    transform:none !important;
  }

  .benefit-feature > [data-safe-zone="copy"] .feature-description,
  .benefit-feature > .feature-content .feature-description{
    position:static !important;
    inset:auto !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-height:0 !important;
    height:auto !important;
    margin:16px 0 16px !important;
    line-height:1.35 !important;
  }

  .benefit-feature > [data-safe-zone="copy"] .feature-cta,
  .benefit-feature > .feature-content .feature-cta{
    position:relative !important;
    z-index:7 !important;
    flex:0 0 auto !important;
    margin:0 !important;
  }

  .benefit-feature > [data-safe-zone="copy"] .feature-status,
  .benefit-feature > .feature-content .feature-status{
    display:none !important;
  }
}

@media (max-width:380px){
  .benefit-feature > [data-safe-zone="copy"],
  .benefit-feature > .feature-content{
    padding:18px 18px 0 !important;
  }

  .benefit-feature > [data-safe-zone="copy"] .feature-kicker,
  .benefit-feature > .feature-content .feature-kicker{
    margin-bottom:9px !important;
  }

  .benefit-feature > [data-safe-zone="copy"] .feature-description,
  .benefit-feature > .feature-content .feature-description{
    margin-top:13px !important;
    margin-bottom:14px !important;
  }
}
/* v13: zoom del vehículo de Atención 24/7 en mobile.
   Aumenta únicamente la fotografía; copy, CTA y panel conservan su zona segura. */
@media (max-width:620px){
  .benefit-feature[data-benefit="7"] > [data-safe-zone="vehicle"].feature-media{
    background-size:150% auto !important;
    background-position:center 60% !important;
  }
}
/* v14: ampliación adicional y desplazamiento lateral del vehículo en mobile. */
@media (max-width:620px){
  .benefit-feature[data-benefit="7"] > [data-safe-zone="vehicle"].feature-media{
    background-size:170% auto !important;
    background-position:80% 60% !important;
  }
}
/* v15: eleva el vehículo 30% adicional sin mover copy, CTA ni panel. */
@media (max-width:620px){
  .benefit-feature[data-benefit="7"] > [data-safe-zone="vehicle"].feature-media{
    background-size:auto 130% !important;
    background-position:80% 100% !important;
  }
}

/* v16: Ubicación en tiempo real — zoom del vehículo y desplazamiento a la izquierda
   en mobile, sin mover las zonas seguras de copy ni del visual. */
@media (max-width:620px){
  .benefit-feature[data-benefit="0"] > [data-safe-zone="vehicle"].feature-media{
    background-size:auto 150% !important;
    background-position:75% 100% !important;
  }
}

/* v17: +20% de zoom y +30% de desplazamiento a la izquierda para el vehículo
   de Ubicación en tiempo real en mobile. */
@media (max-width:620px){
  .benefit-feature[data-benefit="0"] > [data-safe-zone="vehicle"].feature-media{
    background-size:auto 170% !important;
    background-position:105% 100% !important;
  }
}

/* v18: baja 35% el vehículo de Ubicación en tiempo real en mobile,
   conservando el zoom y el desplazamiento horizontal definidos en v17. */
@media (max-width:620px){
  .benefit-feature[data-benefit="0"] > [data-safe-zone="vehicle"].feature-media{
    background-position:105% 65% !important;
  }
}

/* v19: sube 10% el vehículo de Ubicación en tiempo real en mobile. */
@media (max-width:620px){
  .benefit-feature[data-benefit="0"] > [data-safe-zone="vehicle"].feature-media{
    background-position:105% 75% !important;
  }
}

/* v20: sube 5% más el vehículo y amplía el fondo para evitar espacios
   descubiertos en el borde derecho del slide mobile. */
@media (max-width:620px){
  .benefit-feature[data-benefit="0"] > [data-safe-zone="vehicle"].feature-media{
    background-size:auto 180% !important;
    background-position:105% 80% !important;
  }
}

/* v21: el fondo vertical de Ubicación debe sangrar ligeramente por el borde
   derecho de la tarjeta para que el encuadre nunca deje una franja descubierta
   en pantallas mobile estrechas. El contenido conserva sus zonas seguras. */
@media (max-width:620px){
  .benefit-feature[data-benefit="0"] > [data-safe-zone="vehicle"].feature-media{
    inset:-1px -14px -1px -1px !important;
    width:auto !important;
    background-size:auto 180% !important;
    background-position:100% 80% !important;
    background-repeat:no-repeat !important;
    background-color:#05141f !important;
  }
}

/* v22: Telemetría mobile, vehículo más alejado y encuadre desplazado a la izquierda. */
@media (max-width:620px){
  .benefit-feature[data-benefit="2"] > [data-safe-zone="vehicle"].feature-media{
    background-color:#05141f !important;
    background-size:auto 95% !important;
    background-position:88% 58% !important;
    background-repeat:no-repeat !important;
  }
}

/* v41: Alertas mobile, imagen completa y vehículo 2% más arriba. */
@media (max-width:620px){
  .benefit-feature[data-benefit="3"] > [data-safe-zone="vehicle"].feature-media{
    --media-shift-y:-2%;
    background-color:#05141f !important;
    background-size:auto 100% !important;
    background-position:88% 58% !important;
    background-repeat:no-repeat !important;
  }
}

/* v25: Control total mobile, vehículo 7% más arriba dentro de su zona segura. */
@media (max-width:620px){
  .benefit-feature[data-benefit="4"] > [data-safe-zone="vehicle"].feature-media{
    background-color:#05141f !important;
    background-size:auto 85% !important;
    background-position:88% 65% !important;
    background-repeat:no-repeat !important;
  }
}

/* v43: Apertura remota debe ocupar todo el ancho disponible del slide en móvil. */
@media (max-width:620px){
  article.benefit-feature[data-benefit="9"] > div.feature-map[data-safe-zone="visual"]{
    top:auto !important;
    left:16px !important;
    right:auto !important;
    bottom:16px !important;
    width:calc(100% - 32px) !important;
    max-width:none !important;
    height:150px !important;
    min-height:150px !important;
    max-height:150px !important;
    transform:none !important;
  }
}

@media (max-width:380px){
  article.benefit-feature[data-benefit="9"] > div.feature-map[data-safe-zone="visual"]{
    left:12px !important;
    width:calc(100% - 24px) !important;
    bottom:13px !important;
    height:144px !important;
    min-height:144px !important;
    max-height:144px !important;
  }
}

/* v47: Geocercas mobile, aleja 10% adicional el encuadre del vehículo. */
@media (max-width:620px){
  article.benefit-feature[data-benefit="8"] > div.feature-media[data-safe-zone="vehicle"]{
    background-size:auto 100% !important;
    background-position:80% 100% !important;
    background-repeat:no-repeat !important;
    background-color:#05141f !important;
  }
}

/* v48: asset móvil extendido con más pavimento debajo del vehículo. */
@media (max-width:620px){
  article.benefit-feature[data-benefit="8"] > div.feature-media[data-safe-zone="vehicle"]{
    background-image:url('./assets/benefits/benefit-geocercas-mobile-safe-v3.webp?v=20260928-geocercas-mobile-safe-v3') !important;
    background-size:auto 100% !important;
    background-position:80% 100% !important;
    background-repeat:no-repeat !important;
    background-color:#05141f !important;
  }
}

/* v50: sube 10% la fotografía de Geocercas respecto al encuadre anterior. */
@media (max-width:620px){
  article.benefit-feature[data-benefit="8"] > div.feature-media[data-safe-zone="vehicle"]{
    --media-shift-y:10% !important;
  }
}

/* v51: Apertura remota, vehículo 2% más alejado en mobile. */
@media (max-width:620px){
  article.benefit-feature[data-benefit="9"] > div.feature-media[data-safe-zone="vehicle"]{
    background-size:auto 90% !important;
    background-position:61% 100% !important;
    background-repeat:no-repeat !important;
    background-color:#05141f !important;
  }
}

/* v52: la sombra de Apertura remota solo acompaña el bloque editorial y
   desaparece inmediatamente después del botón. */
@media (max-width:620px){
  article.benefit-feature[data-benefit="9"] > div.feature-overlay{
    background:linear-gradient(180deg,
      rgba(5,20,31,.95) 0%,
      rgba(5,20,31,.88) 24%,
      rgba(5,20,31,.58) 33%,
      rgba(5,20,31,.14) 38%,
      rgba(5,20,31,0) 42%) !important;
  }
}

/* v53: fotografía vertical móvil de Apertura remota, con espacio real arriba
   y abajo para permitir el posicionamiento vertical del vehículo. */
@media (max-width:620px){
  article.benefit-feature[data-benefit="9"] > div.feature-media[data-safe-zone="vehicle"]{
    background-image:url('./assets/benefits/benefit-apertura-remota-mobile-safe-v1.webp?v=20260928-apertura-remota-mobile-safe-v1') !important;
    background-size:auto 100% !important;
    background-position:61% 100% !important;
    background-repeat:no-repeat !important;
    background-color:#05141f !important;
    --media-shift-y:0 !important;
  }
}

/* v59: Geocercas mobile, imagen 2% más abajo. */
@media (max-width:620px){
  article.benefit-feature[data-benefit="8"] > div.feature-media[data-safe-zone="vehicle"]{
    --media-shift-y:15% !important;
  }
}

/* v60: Atención 24/7, imagen 2% más abajo respecto a su encuadre actual. */
@media (max-width:620px){
  article.benefit-feature[data-benefit="7"] > div.feature-media[data-safe-zone="vehicle"]{
    --media-shift-y:calc(-16px + 2%) !important;
  }
}

/* v61: Estadísticas de conducción, imagen 3% más alejada en mobile. */
@media (max-width:620px){
  article.benefit-feature[data-benefit="6"] > div.feature-media[data-safe-zone="vehicle"]{
    background-size:auto 97% !important;
    background-position:82% 58% !important;
    background-repeat:no-repeat !important;
    background-color:#05141f !important;
  }
}

/* v62: asset vertical móvil de Estadísticas con espacio real para mover
   el vehículo sin recortarlo. */
@media (max-width:620px){
  article.benefit-feature[data-benefit="6"] > div.feature-media[data-safe-zone="vehicle"]{
    background-image:url('./assets/benefits/benefit-estadisticas-mobile-safe-v1.webp?v=20260928-estadisticas-mobile-safe-v1') !important;
    background-size:auto 100% !important;
    background-position:82% 100% !important;
    background-repeat:no-repeat !important;
    background-color:#05141f !important;
    --media-shift-y:0 !important;
  }
}

/* v63: asset vertical móvil de Control total con espacio real para mover
   el vehículo verticalmente sin recortarlo. */
@media (max-width:620px){
  article.benefit-feature[data-benefit="5"] > div.feature-media[data-safe-zone="vehicle"]{
    background-image:url('./assets/benefits/benefit-control-mobile-safe-v1.webp?v=20260928-control-mobile-safe-v1') !important;
    background-size:auto 100% !important;
    background-position:80% 100% !important;
    background-repeat:no-repeat !important;
    background-color:#05141f !important;
    --media-shift-y:0 !important;
  }
}

/* v64: asset vertical móvil de Alertas con espacio real para mover
   la camioneta verticalmente sin recortarla. */
@media (max-width:620px){
  article.benefit-feature[data-benefit="3"] > div.feature-media[data-safe-zone="vehicle"]{
    background-image:url('./assets/benefits/benefit-alertas-mobile-safe-v1.webp?v=20260928-alertas-mobile-safe-v1') !important;
    background-size:auto 100% !important;
    background-position:82% 100% !important;
    background-repeat:no-repeat !important;
    background-color:#05141f !important;
    --media-shift-y:0 !important;
  }
}

/* v65: asset vertical móvil de Telemetría con espacio real para mover
   el vehículo verticalmente sin recortarlo. */
@media (max-width:620px){
  article.benefit-feature[data-benefit="2"] > div.feature-media[data-safe-zone="vehicle"]{
    background-image:url('./assets/benefits/benefit-telemetria-mobile-safe-v1.webp?v=20260928-telemetria-mobile-safe-v1') !important;
    background-size:auto 100% !important;
    background-position:82% 100% !important;
    background-repeat:no-repeat !important;
    background-color:#05141f !important;
    --media-shift-y:0 !important;
  }
}

/* v66: Apertura remota, versión vertical azul con señal visual de
   desbloqueo y espacio real para mover el vehículo sin recortarlo. */
@media (max-width:620px){
  article.benefit-feature[data-benefit="9"] > div.feature-media[data-safe-zone="vehicle"]{
    background-image:url('./assets/benefits/benefit-apertura-remota-mobile-safe-v2.webp?v=20260928-apertura-remota-mobile-safe-v2') !important;
    background-size:auto 100% !important;
    background-position:70% 100% !important;
    background-repeat:no-repeat !important;
    background-color:#05141f !important;
    --media-shift-y:0 !important;
  }
}

/* v67: Apertura remota, color azul metálico natural y señal de
   desbloqueo sutil, con espacio vertical para mover el vehículo. */
@media (max-width:620px){
  article.benefit-feature[data-benefit="9"] > div.feature-media[data-safe-zone="vehicle"]{
    background-image:url('./assets/benefits/benefit-apertura-remota-mobile-safe-v3.webp?v=20260928-apertura-remota-mobile-safe-v3') !important;
    background-size:auto 100% !important;
    background-position:70% 100% !important;
    background-repeat:no-repeat !important;
    background-color:#05141f !important;
    --media-shift-y:0 !important;
  }
}

/* v124: adapta el explorador de Características de Kia Link a mobile.
   La lista de servicios permanece visible y la ficha activa pasa debajo,
   evitando el antiguo carrusel de una sola tarjeta y sus solapamientos. */
@media (max-width:900px){
  .benefits .container{
    width:min(100% - 32px,620px);
  }

  .benefits .section-heading{
    padding:0;
    text-align:left;
  }

  .benefits .section-heading h2{
    margin-bottom:12px;
    font-size:clamp(38px,10vw,54px);
    line-height:1;
    letter-spacing:-.055em;
  }

  .benefits .section-heading>p:not(.benefit-search-empty){
    max-width:540px;
    font-size:16px;
    line-height:1.4;
  }

  .benefits-explorer{
    display:flex!important;
    flex-direction:column;
    gap:16px;
    margin-top:28px;
    overflow:visible!important;
  }

  .benefit-selector-column{
    display:flex!important;
    flex:0 0 auto;
    gap:12px;
    padding:0!important;
  }

  .explorer-hint{
    min-height:22px;
    justify-content:flex-start;
    gap:8px;
    padding:0;
    font-size:12px;
  }

  .hint-line{width:32px}
  .hint-cursor{font-size:18px}
  .benefit-swipe-cue{display:none!important}

  .benefit-selector-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    overflow:visible!important;
    padding:0!important;
  }

  .benefit-selector{
    min-width:0!important;
    min-height:76px!important;
    grid-template-columns:34px minmax(0,1fr) 15px!important;
    gap:9px;
    padding:10px!important;
    border:1px solid #d8e0e8;
    border-radius:12px;
    background:#fff;
    color:var(--ink);
    box-shadow:0 4px 14px rgba(5,20,31,.035);
    scroll-snap-align:none;
  }

  .benefit-selector:hover{
    transform:none;
    border-color:var(--accent-blue);
    box-shadow:0 8px 18px rgba(49,94,112,.09);
  }

  .benefit-selector.is-active{
    padding:9px!important;
    border:2px solid #183f73;
    background:#edf5ff;
    color:var(--ink);
    box-shadow:none;
  }

  .selector-icon{
    width:34px!important;
    height:34px!important;
    border:0;
    background:#f1f5f8;
    color:var(--ink);
  }

  .benefit-selector.is-active .selector-icon{
    border:0;
    background:#dceaff;
    color:#183f73;
  }

  .selector-icon svg{width:20px;height:20px}
  .selector-copy strong{font-size:13px!important;line-height:1.15}
  .selector-copy small{display:none!important}
  .selector-kia-has-it{
    display:block!important;
    margin-top:2px;
    overflow:hidden;
    color:#61758a;
    font-size:10px;
    line-height:1.1;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .benefit-selector.is-active .selector-kia-has-it{color:#315e70}
  .selector-arrow{display:block!important;font-size:24px;color:#183f73}

  .benefit-mobile-progress-top,
  .benefits-explorer>.benefit-mobile-progress{display:none!important}

  .benefit-feature{
    order:2;
    display:grid!important;
    grid-template-rows:auto 470px;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    overflow:hidden;
    border:1px solid #d7e0e6;
    border-radius:16px;
    background:#fff;
    color:var(--ink);
    box-shadow:0 14px 32px rgba(5,20,31,.09);
    cursor:default;
    touch-action:auto;
  }

  .benefit-feature>.feature-media{
    position:relative!important;
    inset:auto!important;
    grid-row:1;
    z-index:0!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:16 / 9;
    background-position:center!important;
    background-size:cover!important;
    filter:none!important;
    transform:none!important;
  }

  .benefit-feature>.feature-overlay{display:none!important}

  .benefit-feature>.feature-content{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    grid-row:2;
    z-index:2!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:470px;
    box-sizing:border-box;
    padding:18px 18px 290px!important;
    display:block!important;
    color:var(--ink);
  }

  .benefit-feature .feature-connection-badge{
    position:static!important;
    display:flex!important;
    width:max-content;
    align-items:center;
    gap:7px;
    margin:0 0 13px;
    padding:7px 11px;
    border-radius:999px;
    background:#f1f5f8;
    color:var(--ink);
    font-size:12px;
  }

  .benefit-feature .feature-connection-badge span{
    width:9px;
    height:9px;
    border-radius:50%;
    background:var(--accent-blue);
    box-shadow:0 0 0 3px rgba(49,94,112,.12);
  }

  .benefit-feature .feature-kicker{
    display:block!important;
    margin:0 0 6px!important;
    color:#61758a;
    font-size:10px;
    letter-spacing:.16em;
    line-height:1.2;
  }

  .benefit-feature .feature-service-name{
    display:block!important;
    max-width:100%;
    margin:0;
    color:var(--ink);
    font-size:clamp(28px,7.8vw,36px);
    line-height:1.04;
    letter-spacing:-.04em;
    font-weight:650;
  }

  .benefit-feature .feature-title{display:none!important}

  .benefit-feature .feature-kia-has-it{
    display:block!important;
    margin:8px 0 0;
    color:var(--ink);
    font-size:15px;
    font-weight:700;
  }

  .benefit-feature .feature-description{
    display:block!important;
    width:100%;
    max-width:100%;
    min-height:0;
    margin:7px 0 0;
    color:#61758a;
    font-size:15px;
    line-height:1.38;
  }

  .benefit-feature .feature-map{
    top:auto!important;
    left:18px!important;
    right:18px!important;
    bottom:74px!important;
    width:auto!important;
    max-width:none!important;
    height:190px!important;
    min-height:190px!important;
    max-height:190px!important;
    transform:none!important;
    border:1px solid #dbe3e7!important;
    border-radius:13px!important;
    background:#eef2f4!important;
    box-shadow:none!important;
  }

  .benefit-feature .feature-status{
    position:absolute!important;
    left:18px;
    bottom:276px;
    z-index:4;
    margin:0;
    color:#53687b;
    font-size:12px;
  }

  .benefit-feature .feature-status .status-dot{
    width:9px;
    height:9px;
    background:var(--accent-blue);
    box-shadow:0 0 0 3px rgba(49,94,112,.12);
  }

  .benefit-feature .feature-cta{
    position:absolute!important;
    left:18px!important;
    right:18px!important;
    bottom:18px!important;
    width:calc(100% - 36px)!important;
    min-height:50px;
    justify-content:center;
    border-radius:10px;
    background:var(--ink);
    border-color:var(--ink);
    color:#fff;
    font-size:15px;
  }
}

@media (max-width:380px){
  .benefits .container{width:calc(100% - 24px)}
  .benefit-selector{grid-template-columns:30px minmax(0,1fr) 12px!important;gap:7px;padding:8px!important}
  .benefit-selector.is-active{padding:7px!important}
  .selector-icon{width:30px!important;height:30px!important}
  .selector-icon svg{width:18px;height:18px}
  .selector-copy strong{font-size:12px!important}
  .selector-kia-has-it{font-size:9px}
  .benefit-feature{grid-template-rows:auto 480px}
  .benefit-feature>.feature-content{min-height:480px;padding-inline:16px!important}
  .benefit-feature .feature-map{left:16px!important;right:16px!important}
  .benefit-feature .feature-status{left:16px}
  .benefit-feature .feature-cta{left:16px!important;right:16px!important;width:calc(100% - 32px)!important}
}

/* v126-final: Estado del motor con lectura centrada y zonas internas separadas. */
@media (min-width:901px){
  .benefit-feature .service-visual-motor .dashboard-core{
    top:43%!important;
    width:132px!important;
    height:132px!important;
    transform:translate(-50%,-50%)!important;
  }
  .benefit-feature .service-visual-motor .dashboard-core:before{top:17px}
  .benefit-feature .service-visual-motor .dashboard-core svg{
    top:40px!important;
    width:28px;
    height:28px;
  }
  .benefit-feature .service-visual-motor .dashboard-core strong{
    top:68px!important;
    margin:0!important;
    font-size:24px;
  }
  .benefit-feature .service-visual-motor .dashboard-core:after{bottom:16px}
  .benefit-feature .service-visual-motor .dashboard-readouts{
    bottom:16px!important;
    gap:16px!important;
  }
  .benefit-feature .service-visual-motor .dashboard-readouts span{
    min-height:58px;
    padding:10px 12px 16px!important;
  }
}

@media (max-width:900px){
  .benefit-feature .service-visual-motor .dashboard-core{
    top:38px!important;
    width:56px!important;
    height:56px!important;
    transform:translateX(-50%)!important;
  }
  .benefit-feature .service-visual-motor .dashboard-readouts{bottom:8px!important;gap:8px!important}
}

/* v126: Estado del motor con lectura centrada y zonas internas separadas. */
@media (min-width:901px){
  .benefit-feature .service-visual-motor .dashboard-core{
    top:43%!important;
    width:132px!important;
    height:132px!important;
    transform:translate(-50%,-50%)!important;
  }
  .benefit-feature .service-visual-motor .dashboard-core:before{top:17px}
  .benefit-feature .service-visual-motor .dashboard-core svg{
    top:40px!important;
    width:28px;
    height:28px;
  }
  .benefit-feature .service-visual-motor .dashboard-core strong{
    top:68px!important;
    margin:0!important;
    font-size:24px;
  }
  .benefit-feature .service-visual-motor .dashboard-core:after{bottom:16px}
  .benefit-feature .service-visual-motor .dashboard-readouts{
    bottom:16px!important;
    gap:16px!important;
  }
  .benefit-feature .service-visual-motor .dashboard-readouts span{
    min-height:58px;
    padding:10px 12px 16px!important;
  }
}

@media (max-width:900px){
  .benefit-feature .service-visual-motor .dashboard-core{
    top:38px!important;
    width:56px!important;
    height:56px!important;
    transform:translateX(-50%)!important;
  }
  .benefit-feature .service-visual-motor .dashboard-readouts{bottom:8px!important;gap:8px!important}
}

/* v68: planes móviles como carrusel táctil, mostrando la siguiente tarjeta. */
@media (max-width:700px){
  .plan-grid{
    display:flex;
    width:calc(100% + 32px);
    max-width:none;
    margin:28px -16px 0;
    padding:0 16px 12px;
    gap:12px;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:16px;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .plan-grid::-webkit-scrollbar{display:none}
  .plan-card{
    flex:0 0 calc(100% - 28px);
    min-width:0;
    scroll-snap-align:start;
  }
  .plan-featured{order:initial;transform:none}
  .plan-card:hover,.plan-featured:hover{transform:none}
}

@media (prefers-reduced-motion:reduce){
  .plan-grid{scroll-behavior:auto}
}

/* v71: hero móvil con zonas seguras para que el sistema solar rodee siempre
   al vehículo y mantenga sus etiquetas legibles sobre cualquier fondo. */
@media (max-width:900px){
  .solar-system{
    left:50%;
    right:auto;
    top:calc(100% - min(92vw,360px) - 18px);
    width:min(92vw,360px);
    height:min(92vw,360px);
    transform:translateX(-50%);
    transform-origin:center center;
    z-index:5;
    isolation:isolate;
  }

  .solar-system::before{
    content:"";
    position:absolute;
    inset:15%;
    z-index:-1;
    border-radius:50%;
    background:radial-gradient(circle,rgba(3,15,24,.5),rgba(3,15,24,.12) 58%,transparent 74%);
    filter:blur(8px);
    pointer-events:none;
  }

  .solar-orbit-large{
    width:88%;
    height:88%;
    border-color:rgba(157,184,194,.78);
    border-right-color:transparent;
    border-bottom-color:rgba(157,184,194,.36);
  }

  .solar-orbit-small{
    width:54%;
    height:54%;
    border-color:rgba(255,255,255,.62);
    border-left-color:transparent;
    border-top-color:rgba(157,184,194,.7);
  }

  .solar-ray{background:linear-gradient(90deg,rgba(157,184,194,.9),transparent)}
  .solar-node-orbit{inset:4%}
  .solar-node{
    width:136px;
    min-width:136px;
    max-width:136px;
    padding:8px 9px;
    gap:6px;
    border-color:rgba(157,184,194,.76);
    background:rgba(3,15,24,.78);
    box-shadow:0 8px 22px rgba(0,0,0,.28),0 0 0 1px rgba(157,184,194,.12);
    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px);
    text-shadow:none;
    font-size:10px;
    white-space:normal;
  }

  .solar-node strong{font-size:11px;color:#fff;line-height:1.1}
  .solar-node small{font-size:9px;color:rgba(255,255,255,.82);line-height:1.1}
  .solar-node .node-icon{width:25px;height:25px}
  .solar-node .node-icon svg{width:23px;height:23px;stroke:var(--accent-blue-light,#9db8c2)!important;filter:drop-shadow(0 1px 5px rgba(157,184,194,.42))}

  .solar-node-orbit-location .solar-node{left:calc(50% - 68px);top:-2%}
  .solar-node-orbit-alerts .solar-node{right:-2%;top:27%}
  .solar-node-orbit-engine .solar-node{left:-2%;bottom:23%}
  .solar-node-orbit-help .solar-node{right:1%;bottom:-2%}
}

/* v71: el plan recomendado inicia centrado, con los otros dos planes
   asomándose a ambos lados para comunicar que se pueden deslizar. */
@media (max-width:700px){
  .plan-grid{
    align-items:stretch;
    gap:8px;
    padding:12px 18px 18px;
    scroll-padding-inline:18px;
  }

  .plan-card{
    flex:0 0 calc(100% - 36px);
    scroll-snap-align:center;
    z-index:1;
    transform:scale(.96);
  }

  .plan-featured{z-index:2;transform:scale(1)}
  .plan-card:hover{transform:scale(.96)}
  .plan-featured:hover{transform:scale(1)}
}

@media (max-width:380px){
  .plan-card{flex-basis:calc(100% - 30px)}
}

/* v73: mostrar claramente las tarjetas vecinas en el carrusel móvil. */
@media (max-width:700px){
  .plan-grid{
    gap:10px;
    padding-inline:14px;
    scroll-padding-inline:14px;
    touch-action:pan-y;
  }

  .plan-card{
    flex-basis:calc(100% - clamp(48px,18vw,72px));
    border-color:#aebdc4;
    background:linear-gradient(145deg,#f8fafb 0%,#e8eef0 100%);
    box-shadow:0 14px 34px rgba(5,20,31,.13);
  }

  .plan-featured{
    border-color:var(--accent-blue);
    background:linear-gradient(145deg,#071923 0%,#0c2733 100%);
    box-shadow:0 24px 58px rgba(5,20,31,.24);
  }

  .plan-card:not(.plan-featured) .plan-card-top,
  .plan-card:not(.plan-featured) .plan-index,
  .plan-card:not(.plan-featured) .plan-unit,
  .plan-card:not(.plan-featured) .plan-perks{
    color:#536771;
  }
}

/* v74: baraja móvil: la opción recomendada al frente y las otras dos detrás. */
@media (max-width:700px){
  .plan-grid{
    padding-bottom:48px;
  }

  .plan-grid .plan-card-24{
    position:relative;
    z-index:1;
    transform:translateX(clamp(110px,46vw,176px)) translateY(22px) scale(.94);
  }

  .plan-grid .plan-featured{
    position:relative;
    z-index:3;
    transform:translateY(0) scale(1);
  }

  .plan-grid .plan-card-monthly{
    position:relative;
    z-index:1;
    transform:translateX(clamp(-176px,-46vw,-110px)) translateY(38px) scale(.9);
  }

  .plan-grid .plan-card-24:hover{transform:translateX(clamp(110px,46vw,176px)) translateY(22px) scale(.94)}
  .plan-grid .plan-featured:hover{transform:translateY(0) scale(1)}
  .plan-grid .plan-card-monthly:hover{transform:translateX(clamp(-176px,-46vw,-110px)) translateY(38px) scale(.9)}
}

/* v82: progreso duplicado arriba y abajo para mantener visible la navegación
   sin añadir miniaturas ni recortes a las láminas. */
@media (max-width:620px){
  .benefit-feature{
    width:100%;
    margin-inline:0;
    overflow:hidden;
    z-index:1;
  }

  .benefit-feature::before,
  .benefit-feature::after{
    display:none;
  }

  .benefit-mobile-progress-top{margin:0 auto 10px}
}

/* v84: firma editorial "Kia lo tiene" para reforzar la propuesta de valor
   sin introducir un color adicional en la landing. */
.kia-has-it,
.selector-kia-has-it,
.feature-kia-has-it{
  color:currentColor;
  font-weight:800;
  letter-spacing:.01em;
}

.kia-has-it{
  display:inline-block;
  margin-left:8px;
  font-size:1.1em;
  line-height:1.1;
  text-transform:none;
  white-space:nowrap;
}

.selector-kia-has-it{
  display:block;
  margin-top:4px;
  font-size:11px;
  line-height:1;
}

.feature-kia-has-it{
  margin:11px 0 0;
  font-size:16px;
  line-height:1.1;
}

@media (max-width:620px){
  .feature-kia-has-it{font-size:15px;margin-top:9px}
}

/* v85: la gráfica de estadísticas reparte sus seis barras a lo ancho del
   panel, conservando una lectura equilibrada en desktop y móvil. */
.benefit-feature .service-visual .stats-chart{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
}

.benefit-feature .service-visual .stats-chart span{
  width:clamp(18px,3.2vw,38px);
  max-width:none;
  justify-self:center;
}

@media (max-width:620px){
  .benefit-feature .service-visual .stats-chart{
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:6px;
  }

  .benefit-feature .service-visual .stats-chart span{
    width:clamp(16px,5vw,26px);
  }
}

/* v87: gráfico del plan activo distribuido en todo el panel, sin acumular
   barras ni puntos en el extremo izquierdo. */
.faq-art-plan .faq-plan-grid{
  left:7%;
  right:7%;
  top:27%;
  height:82px;
  transform:skewY(-4deg);
}

.faq-art-plan .faq-plan-bar{
  width:14px;
}

.faq-art-plan .faq-plan-bar.bar-one{left:10%}
.faq-art-plan .faq-plan-bar.bar-two{left:36%}
.faq-art-plan .faq-plan-bar.bar-three{left:62%}
.faq-art-plan .faq-plan-bar.bar-four{left:87%}

.faq-art-plan .faq-plan-point.point-one{left:27%;top:47%}
.faq-art-plan .faq-plan-point.point-two{left:59%;top:29%}
.faq-art-plan .faq-plan-point.point-three{right:4%;top:18%}

@media (max-width:700px){
  .faq-art-plan .faq-plan-grid{
    left:7%;
    right:7%;
    top:27%;
    height:66px;
  }

  .faq-art-plan .faq-plan-bar{width:10px}
}

/* v86: apertura remota con más aire entre la órbita, el candado y sus
   indicadores laterales. */
.service-visual-remote .remote-unlock-art{
  width:min(62%,360px);
  min-width:230px;
  height:108px;
}

.service-visual-remote .remote-unlock-orbit-one{
  width:calc(100% - 44px);
  height:82px;
}

.service-visual-remote .remote-unlock-orbit-two{display:none}

.service-visual-remote .remote-unlock-signal{width:9px;height:9px}
.service-visual-remote .signal-left{left:2%}
.service-visual-remote .signal-right{right:2%}

@media (max-width:620px){
  .service-visual-remote .remote-unlock-art{
    width:calc(100% - 30px);
    min-width:0;
    max-width:250px;
    height:92px;
  }

  .service-visual-remote .remote-unlock-orbit-one{
    width:calc(100% - 34px);
    height:68px;
  }
}

/* v90: hero móvil centrado y con zona segura para que las tarjetas no se corten ni tapen el copy. */
@media (max-width:900px){
  .hero-content{position:relative;z-index:7}
  .solar-system{
    left:50%;
    right:auto;
    transform:translateX(-50%) scale(.72);
    transform-origin:center center;
  }
  .solar-node{
    width:122px;
    min-width:122px;
    max-width:122px;
    padding:8px 9px;
    gap:6px;
  }
  .solar-node strong{font-size:10px}
  .solar-node small{font-size:8px}
  .solar-node .node-icon{width:23px;height:23px}
  .solar-node .node-icon svg{width:21px;height:21px}
}
@media (min-width:460px) and (max-width:900px){
  .solar-system{top:64%;transform:translateX(-50%) scale(.68)}
}
@media (max-width:459px){
  .solar-system{top:70%;transform:translateX(-50%) scale(.64)}
}
@media (max-width:360px){
  .solar-system{top:72%;transform:translateX(-50%) scale(.58)}
}

/* v91: en escritorio las órbitas siguen el centro visual del vehículo del hero. */
@media (min-width:901px){
  .solar-system{
    left:77%;
    right:auto;
    top:56%;
    transform:translate(-50%,-50%);
  }
}

/* v95: contorno negro semitransparente aplicado al texto, no a las cajas. */
.solar-node{border-color:transparent}
.solar-node strong,.solar-node small{
  -webkit-text-stroke:.55px rgba(0,0,0,.8);
  paint-order:stroke fill;
}

/* v97: el centro de las órbitas móviles coincide con el centro del vehículo. */
@media (max-width:900px){
  .solar-system{top:60%}
}
@media (max-width:360px){
  .solar-system{top:62%}
}

/* v98: sistema solar móvil más amplio, transparente y similar al escritorio. */
@media (max-width:900px){
  .solar-system{transform:translateX(-50%) scale(.88)}
  .solar-node-orbit{inset:0}
  .solar-orbit-large{width:96%;height:96%}
  .solar-orbit-small{width:58%;height:58%}
  .solar-node{
    background:transparent;
    border-color:transparent;
    box-shadow:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  .solar-node strong,.solar-node small{
    color:#fff;
    -webkit-text-stroke:.65px rgba(0,0,0,.8);
    text-shadow:0 1px 3px rgba(0,0,0,.72);
  }
}
@media (max-width:459px){
  .solar-system{transform:translateX(-50%) scale(.88)}
}
@media (max-width:360px){
  .solar-system{transform:translateX(-50%) scale(.8)}
}

/* v99: dos planes visibles, equilibrados en escritorio y con carrusel móvil limpio. */
@media (min-width:701px){
  .plans .plan-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    max-width:900px;
    margin-inline:auto;
    gap:24px;
  }
}
@media (max-width:700px){
  .plans .plan-grid .plan-card-24{
    transform:translateX(clamp(-176px,-46vw,-110px)) translateY(22px) scale(.94);
  }
  .plans .plan-grid .plan-card-24:hover{
    transform:translateX(clamp(-176px,-46vw,-110px)) translateY(22px) scale(.94);
  }
}

/* v100: la etiqueta del plan recomendado usa texto blanco sobre azul. */
.plan-featured .featured-label{color:#fff}

/* v103: explorador de servicios inspirado en el nuevo layout de referencia. */
.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.benefit-search{
  display:flex;
  align-items:center;
  gap:14px;
  min-height:60px;
  margin-top:28px;
  padding:0 20px;
  border:1px solid #c9d5df;
  border-radius:12px;
  background:#fff;
  color:var(--ink);
  transition:border-color .2s ease,box-shadow .2s ease;
}
.benefit-search:focus-within{
  border-color:var(--accent-blue);
  box-shadow:0 0 0 4px rgba(49,94,112,.12);
}
.benefit-search svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.benefit-search input{width:100%;height:56px;border:0;outline:0;background:transparent;color:var(--ink);font-size:17px}
.benefit-search input::placeholder{color:#61758a;opacity:1}
.benefit-filters{display:flex;align-items:center;gap:12px;margin-top:24px;overflow-x:auto;padding:2px 2px 5px;scrollbar-width:none}
.benefit-filters::-webkit-scrollbar{display:none}
.benefit-filter{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:48px;min-width:110px;padding:10px 18px;border:1px solid #d8e0e8;border-radius:999px;background:#fff;color:var(--ink);font-size:15px;white-space:nowrap;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}
.benefit-filter:hover{border-color:var(--accent-blue);transform:translateY(-1px)}
.benefit-filter:focus-visible{outline:3px solid rgba(49,94,112,.22);outline-offset:3px}
.benefit-filter svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.benefit-filter.is-active{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:700}
.benefit-search-empty{margin:16px 0 0;color:var(--muted);font-size:14px}
.benefit-selector[hidden]{display:none!important}

@media (min-width:901px){
  .benefits .container{
    width:min(1440px,calc(100% - 96px));
    display:grid;
    grid-template-columns:minmax(0,1.14fr) minmax(520px,.86fr);
    column-gap:36px;
    align-items:start;
  }
  .benefits .section-heading{
    grid-column:1;
    grid-row:1;
    max-width:790px;
    padding-top:24px;
  }
  .benefits .section-heading h2{
    font-size:clamp(46px,4vw,62px);
    line-height:1;
    letter-spacing:-.055em;
    margin:0 0 12px;
  }
  .benefits .section-heading>p:not(.benefit-search-empty){font-size:20px;max-width:700px;margin:0;color:#61758a}
  .benefits-explorer{
    display:contents;
    margin:0;
    opacity:1;
    transform:none;
  }
  .benefit-selector-column{
    grid-column:1;
    grid-row:2;
    gap:18px;
    min-width:0;
    padding-top:20px;
  }
  .explorer-hint{min-height:24px;justify-content:flex-start;padding-left:0;font-size:13px;gap:10px}
  .hint-line{width:48px}
  .hint-cursor{font-size:18px}
  .benefit-selector-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}
  .benefit-selector{
    min-height:104px;
    grid-template-columns:52px minmax(0,1fr) 20px;
    gap:14px;
    padding:18px 17px;
    border:1px solid #d8e0e8;
    border-radius:12px;
    background:#fff;
    box-shadow:0 4px 14px rgba(5,20,31,.025);
  }
  .benefit-selector:hover{border-color:var(--accent-blue);box-shadow:0 10px 22px rgba(49,94,112,.1);transform:translateY(-1px)}
  .benefit-selector.is-active{
    background:#edf5ff;
    color:var(--ink);
    border:2px solid #183f73;
    box-shadow:none;
    padding:17px 16px;
  }
  .benefit-selector.is-active .selector-copy small{color:var(--muted)}
  .selector-icon{width:52px;height:52px;background:#f1f5f8;border-color:transparent;color:var(--ink)}
  .selector-icon svg{width:27px;height:27px}
  .benefit-selector.is-active .selector-icon{background:#dceaff;border-color:transparent;color:#183f73}
  .selector-copy strong{font-size:18px;line-height:1.16}
  .selector-copy small,.selector-kia-has-it{display:none}
  .selector-arrow{font-size:28px;color:#183f73}
  .benefit-mobile-progress-top,.benefits-explorer>.benefit-mobile-progress{display:none}

  .benefit-feature{
    grid-column:2;
    grid-row:1 / span 2;
    width:100%;
    height:clamp(720px,calc(100vh - 150px),880px);
    min-height:720px;
    align-self:stretch;
    overflow:hidden;
    border:1px solid #d7e0e6;
    border-radius:14px;
    background:#fff;
    color:var(--ink);
    box-shadow:0 14px 38px rgba(5,20,31,.08);
  }
  .benefit-feature>.feature-media{
    inset:0 0 auto!important;
    z-index:0!important;
    height:246px!important;
    background-position:center center;
    background-size:cover;
    filter:none!important;
    transform:none!important;
  }
  .benefit-feature>.feature-overlay{
    inset:0 0 auto!important;
    z-index:1!important;
    height:246px!important;
    background:linear-gradient(180deg,rgba(5,20,31,.02) 34%,rgba(5,20,31,.3) 100%)!important;
  }
  .feature-connection-badge{
    position:absolute;
    z-index:4;
    top:264px;
    right:24px;
    display:flex;
    align-items:center;
    gap:8px;
    padding:8px 13px;
    border-radius:999px;
    background:#f1f5f8;
    color:var(--ink);
    font-size:13px;
    white-space:nowrap;
  }
  .feature-connection-badge span{width:12px;height:12px;border-radius:50%;background:var(--accent-blue);box-shadow:0 0 0 4px rgba(49,94,112,.12)}
  .benefit-feature>.feature-content{
    position:absolute;
    z-index:2;
    top:246px;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:auto;
    max-width:none;
    padding:22px 24px 340px;
    color:var(--ink);
    display:block;
  }
  .benefit-feature .feature-kicker,.benefit-feature .feature-title{display:none}
  .benefit-feature .feature-service-name{
    display:block;
    margin:0;
    max-width:70%;
    font-size:clamp(28px,2.5vw,38px);
    line-height:1.05;
    letter-spacing:-.04em;
    font-weight:650;
    color:var(--ink);
  }
  .benefit-feature .feature-kia-has-it{display:none}
  .benefit-feature .feature-description{
    max-width:72%;
    min-height:0;
    margin:6px 0 0;
    color:#61758a;
    font-size:18px;
    line-height:1.35;
  }
  .benefit-feature .feature-map{
    z-index:3!important;
    top:auto!important;
    left:24px!important;
    right:24px!important;
    bottom:74px!important;
    width:auto!important;
    max-width:none!important;
    height:250px!important;
    min-height:250px!important;
    max-height:250px!important;
    transform:none!important;
    border:1px solid #dbe3e7!important;
    border-radius:13px!important;
    background:#eef2f4!important;
    box-shadow:none!important;
  }
  .benefit-feature .feature-status{
    position:absolute;
    z-index:4;
    left:24px;
    bottom:343px;
    margin:0;
    color:#53687b;
    font-size:14px;
  }
  .benefit-feature .feature-status .status-dot{width:11px;height:11px;background:var(--accent-blue);box-shadow:0 0 0 4px rgba(49,94,112,.12)}
  .benefit-feature .feature-cta{
    position:absolute;
    z-index:4;
    left:24px;
    right:24px;
    bottom:20px;
    width:calc(100% - 48px);
    min-height:52px;
    justify-content:center;
    border-radius:10px;
    background:var(--ink);
    border-color:var(--ink);
    color:#fff;
    font-size:16px;
  }
  .benefit-feature .feature-cta:hover{background:#183f73;border-color:#183f73;color:#fff}

  .benefit-feature[data-benefit="0"] .service-visual-location{color:#123b38;background:#eef4ef}
  .benefit-feature[data-benefit="0"] .service-visual-location:before{opacity:.35;background:repeating-linear-gradient(28deg,transparent 0 24px,rgba(17,76,70,.08) 25px 26px),repeating-linear-gradient(118deg,transparent 0 35px,rgba(17,76,70,.06) 36px 37px)}
  .benefit-feature[data-benefit="0"] .service-visual-location:after{background:linear-gradient(transparent,rgba(255,255,255,.22))}
  .benefit-feature[data-benefit="0"] .service-visual-location .visual-status{color:#53687b}
  .benefit-feature[data-benefit="0"] .service-visual-location .visual-status i{background:var(--accent-blue);box-shadow:0 0 0 4px rgba(49,94,112,.12)}
  .benefit-feature[data-benefit="0"] .service-visual-location .visual-field{border-color:#d2ded9;background:linear-gradient(145deg,#edf4ee,#dce9df)}
  .benefit-feature[data-benefit="0"] .location-map-art .map-water{fill:rgba(79,164,196,.22)}
  .benefit-feature[data-benefit="0"] .location-map-art .map-streets path{stroke:rgba(90,119,126,.28)}
  .benefit-feature[data-benefit="0"] .location-map-art .map-blocks path{fill:rgba(255,255,255,.42);stroke:rgba(90,119,126,.2)}
  .benefit-feature[data-benefit="0"] .location-map-art .map-route{stroke:#183f73;filter:none}
  .benefit-feature[data-benefit="0"] .location-pulse{box-shadow:0 0 0 7px rgba(49,94,112,.12),0 0 0 15px rgba(49,94,112,.07)}
  .benefit-feature[data-benefit="0"] .location-pulse img{filter:none}
  .benefit-feature[data-benefit="0"] .visual-controls span{border-color:#d0dce4;background:#fff;color:var(--ink)}
}

@media (max-width:900px){
  .benefits .section-heading h2{font-size:clamp(40px,10vw,58px);line-height:1.02}
  .benefit-search{margin-top:24px}
  .benefit-filters{margin-top:18px}
  .benefit-filter{min-width:auto;padding-inline:15px}
  .feature-service-name,.feature-connection-badge{display:none}
}

@media (max-width:620px){
  .benefit-search{min-height:56px;padding-inline:16px}
  .benefit-search input{height:52px;font-size:16px}
  .benefit-filters{margin-right:-16px;padding-right:16px}
  .benefit-filter{min-height:46px;font-size:14px}
}

/* v106: título simplificado, detalle más alto y contenido distinto por servicio. */
@media (min-width:901px){
  .benefits .section-heading{padding-top:30px}
  .benefit-selector-column{padding-top:24px}
  .benefit-feature{
    height:clamp(860px,calc(100vh - 60px),980px);
    min-height:860px;
  }
  .benefit-feature .feature-map{
    height:320px!important;
    min-height:320px!important;
    max-height:320px!important;
    bottom:82px!important;
  }
  .benefit-feature .feature-content{padding-bottom:410px}
  .benefit-feature .feature-status{bottom:424px}
}

/* v108: el encabezado visual de cada servicio usa una imagen 16:9 real. */
@media (min-width:901px){
  .benefit-feature{
    display:grid;
    grid-template-rows:auto minmax(0,1fr);
  }
  .benefit-feature>.feature-media{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:16 / 9;
    min-height:0!important;
    max-height:none!important;
    z-index:0!important;
    transform:none!important;
  }
  .benefit-feature>.feature-overlay{display:none!important}
  .benefit-feature>.feature-content{
    position:relative;
    top:auto;
    left:auto;
    right:auto;
    bottom:auto;
    width:100%;
    height:auto;
    min-height:0;
    padding:22px 24px 90px;
    grid-row:2;
  }
  .benefit-feature .feature-connection-badge{
    position:absolute;
    top:22px;
    right:24px;
  }
  .benefit-feature .feature-status{
    position:static;
    margin-top:34px;
  }
  .benefit-feature .feature-map{
    bottom:82px!important;
  }
  .benefit-feature .feature-cta{
    left:24px;
    right:24px;
    bottom:20px;
    width:calc(100% - 48px);
  }
}

/* v107: el copy claro del panel no hereda el contorno usado sobre fotografías. */
@media (min-width:901px){
  .benefit-feature .feature-service-name,
  .benefit-feature .feature-description,
  .benefit-feature .feature-status,
  .benefit-feature .feature-meta{
    -webkit-text-stroke:0!important;
    text-shadow:none!important;
  }
  .benefit-feature .feature-description{
    font-weight:400;
    color:#61758a;
  }
}

/* v109: dashboard de diagnóstico para el gráfico Estado del motor. */
@media (min-width:901px){
  .benefit-feature .service-visual-motor{
    color:#17364a;
    background:
      radial-gradient(circle at 50% 47%,rgba(105,177,202,.3),transparent 24%),
      linear-gradient(145deg,#eaf3f7 0%,#ccdbe3 100%)!important;
  }
  .benefit-feature .service-visual-motor:before{
    inset:44px 0 0;
    opacity:.65;
    background:
      repeating-linear-gradient(0deg,transparent 0 31px,rgba(23,54,74,.09) 32px 33px),
      repeating-linear-gradient(90deg,transparent 0 42px,rgba(23,54,74,.07) 43px 44px);
  }
  .benefit-feature .service-visual-motor:after{
    height:38%;
    background:linear-gradient(transparent,rgba(169,193,204,.45));
  }
  .benefit-feature .service-visual-motor .visual-topbar{
    color:#17364a;
  }
  .benefit-feature .service-visual-motor .visual-status{color:#476276}
  .benefit-feature .service-visual-motor .visual-status i{background:var(--accent-blue);box-shadow:0 0 0 4px rgba(49,94,112,.14)}
  .benefit-feature .service-visual-motor .dashboard-core{
    top:51%!important;
    width:144px!important;
    height:144px!important;
    transform:translate(-50%,-50%)!important;
    border:1px solid rgba(255,255,255,.85);
    background:radial-gradient(circle at 35% 28%,#315e70,#0b2736 72%);
    box-shadow:0 0 0 12px rgba(255,255,255,.35),0 0 0 25px rgba(49,94,112,.12),0 16px 32px rgba(23,54,74,.2);
  }
  .benefit-feature .service-visual-motor .dashboard-core:before{
    content:'SALUD DEL MOTOR';
    position:absolute;
    top:23px;
    left:0;
    right:0;
    color:rgba(255,255,255,.72);
    font-size:8px;
    letter-spacing:.14em;
    text-align:center;
  }
  .benefit-feature .service-visual-motor .dashboard-core:after{
    content:'Estado óptimo';
    position:absolute;
    left:0;
    right:0;
    bottom:22px;
    color:rgba(255,255,255,.72);
    font-size:9px;
    text-align:center;
  }
  .benefit-feature .service-visual-motor .dashboard-ring{
    inset:9px!important;
    border:2px solid rgba(157,212,226,.92);
    border-right-color:transparent;
    border-bottom-color:transparent;
    box-shadow:0 0 16px rgba(157,212,226,.3);
  }
  .benefit-feature .service-visual-motor .dashboard-core svg{width:31px;height:31px;stroke:#fff}
  .benefit-feature .service-visual-motor .dashboard-core strong{font-size:25px;color:#fff;line-height:1;margin-top:8px}
  .benefit-feature .service-visual-motor .dashboard-core small{display:none}
  .benefit-feature .service-visual-motor .dashboard-readouts{
    left:22px!important;
    right:22px!important;
    bottom:22px!important;
    gap:12px!important;
  }
  .benefit-feature .service-visual-motor .dashboard-readouts span{
    position:relative;
    min-height:54px;
    padding:10px 12px 15px!important;
    border:1px solid rgba(23,54,74,.16);
    border-radius:10px;
    background:rgba(255,255,255,.72);
    color:#476276;
    font-size:10px;
    line-height:1.1;
    box-shadow:0 8px 18px rgba(23,54,74,.08);
  }
  .benefit-feature .service-visual-motor .dashboard-readouts span:after{
    content:'';
    position:absolute;
    left:12px;
    right:12px;
    bottom:8px;
    height:3px;
    border-radius:99px;
    background:linear-gradient(90deg,var(--accent-blue) 0 92%,rgba(49,94,112,.16) 92% 100%);
  }
  .benefit-feature .service-visual-motor .dashboard-readouts span:last-child:after{
    background:linear-gradient(90deg,var(--accent-blue) 0 100%,rgba(49,94,112,.16) 100% 100%);
  }
  .benefit-feature .service-visual-motor .dashboard-readouts i{background:var(--accent-blue);box-shadow:none}
  .benefit-feature .service-visual-motor .dashboard-readouts strong{font-size:13px;color:#17364a;margin-top:4px}
}

/* v110: dashboard de telemetría con ruta, vehículo central y lectura de consumo. */
@media (min-width:901px){
  .benefit-feature .service-visual-telemetry{
    color:#17364a;
    background:
      radial-gradient(circle at 52% 46%,rgba(105,177,202,.28),transparent 26%),
      linear-gradient(145deg,#eaf3f7 0%,#ccdbe3 100%)!important;
  }
  .benefit-feature .service-visual-telemetry:before{
    inset:44px 0 0;
    opacity:.65;
    background:
      repeating-linear-gradient(0deg,transparent 0 31px,rgba(23,54,74,.09) 32px 33px),
      repeating-linear-gradient(90deg,transparent 0 42px,rgba(23,54,74,.07) 43px 44px);
  }
  .benefit-feature .service-visual-telemetry:after{
    height:34%;
    background:linear-gradient(transparent,rgba(169,193,204,.45));
  }
  .benefit-feature .service-visual-telemetry .visual-topbar{color:#17364a}
  .benefit-feature .service-visual-telemetry .visual-status{color:#476276}
  .benefit-feature .service-visual-telemetry .visual-status i{background:var(--accent-blue);box-shadow:0 0 0 4px rgba(49,94,112,.14)}
  .benefit-feature .service-visual-telemetry .telemetry-road{
    inset:54px 22px 72px!important;
    overflow:hidden;
    transform:none!important;
    border:1px solid rgba(23,54,74,.16);
    border-radius:16px;
    background:rgba(255,255,255,.2);
    box-shadow:inset 0 0 30px rgba(255,255,255,.24);
  }
  .benefit-feature .service-visual-telemetry .telemetry-road:before,
  .benefit-feature .service-visual-telemetry .telemetry-road:after{
    content:'';
    position:absolute;
    left:12%;
    right:10%;
    top:24%;
    height:42%;
    border:2px solid rgba(49,94,112,.6);
    border-left-color:transparent;
    border-radius:50%;
    transform:rotate(-13deg);
    box-shadow:0 0 0 8px rgba(49,94,112,.06);
  }
  .benefit-feature .service-visual-telemetry .telemetry-road:after{
    left:22%;
    right:19%;
    top:32%;
    height:28%;
    border-width:1px;
    border-color:rgba(49,94,112,.28);
    border-left-color:transparent;
    box-shadow:none;
  }
  .benefit-feature .service-visual-telemetry .road-edge{
    left:50%!important;
    top:-12%!important;
    height:125%!important;
    width:2px!important;
    background:rgba(49,94,112,.24);
    box-shadow:0 0 0 1px rgba(255,255,255,.35);
    transform:rotate(13deg)!important;
  }
  .benefit-feature .service-visual-telemetry .road-edge-two{
    left:70%!important;
    opacity:.55;
    transform:rotate(-11deg)!important;
  }
  .benefit-feature .service-visual-telemetry .road-car{
    left:50%!important;
    top:52%!important;
    width:78px!important;
    height:78px!important;
    transform:translate(-50%,-50%)!important;
    border:1px solid rgba(255,255,255,.9);
    background:radial-gradient(circle at 35% 25%,#315e70,#0b2736 74%);
    box-shadow:0 0 0 12px rgba(255,255,255,.4),0 0 0 24px rgba(49,94,112,.12),0 14px 26px rgba(23,54,74,.2);
  }
  .benefit-feature .service-visual-telemetry .road-car svg{width:34px;height:34px;stroke:#fff}
  .benefit-feature .service-visual-telemetry .telemetry-point{
    width:9px;
    height:9px;
    background:var(--accent-blue);
    border:2px solid #fff;
    box-shadow:0 0 0 6px rgba(49,94,112,.13);
  }
  .benefit-feature .service-visual-telemetry .point-one{left:17%;top:58%}
  .benefit-feature .service-visual-telemetry .point-two{left:81%;top:30%}
  .benefit-feature .service-visual-telemetry .point-three{left:30%;top:18%}
  .benefit-feature .service-visual-telemetry .telemetry-readout{
    left:22px!important;
    bottom:20px!important;
    padding:10px 13px 9px;
    border:1px solid rgba(23,54,74,.16);
    border-radius:10px;
    background:rgba(255,255,255,.76);
    box-shadow:0 8px 18px rgba(23,54,74,.08);
  }
  .benefit-feature .service-visual-telemetry .telemetry-readout:before{
    content:'CONSUMO PROMEDIO';
    display:block;
    margin-bottom:4px;
    color:#476276;
    font-size:8px;
    letter-spacing:.12em;
  }
  .benefit-feature .service-visual-telemetry .telemetry-readout strong{font-size:30px;color:#17364a}
  .benefit-feature .service-visual-telemetry .telemetry-readout small{font-size:9px;color:#476276;margin-top:2px}
}

/* v111: dashboard de alertas con foco central, estado activo y tarjetas legibles. */
@media (min-width:901px){
  .benefit-feature .service-visual-alerts{
    color:#17364a;
    background:
      radial-gradient(circle at 50% 43%,rgba(105,177,202,.3),transparent 25%),
      linear-gradient(145deg,#eaf3f7 0%,#cbdbe3 100%)!important;
  }
  .benefit-feature .service-visual-alerts:before{
    inset:44px 0 0;
    opacity:.68;
    background:
      repeating-linear-gradient(0deg,transparent 0 31px,rgba(23,54,74,.09) 32px 33px),
      repeating-linear-gradient(90deg,transparent 0 42px,rgba(23,54,74,.07) 43px 44px);
  }
  .benefit-feature .service-visual-alerts:after{
    height:34%;
    background:linear-gradient(transparent,rgba(169,193,204,.45));
  }
  .benefit-feature .service-visual-alerts .visual-topbar{color:#17364a}
  .benefit-feature .service-visual-alerts .visual-status{color:#476276}
  .benefit-feature .service-visual-alerts .visual-status i{
    background:var(--accent-blue);
    box-shadow:0 0 0 4px rgba(49,94,112,.14);
  }
  .benefit-feature .service-visual-alerts .alert-bloom{
    top:46%!important;
    width:164px!important;
    height:164px!important;
    transform:translate(-50%,-50%)!important;
  }
  .benefit-feature .service-visual-alerts .alert-bloom:before{
    content:'';
    position:absolute;
    inset:18px;
    border:1px solid rgba(49,94,112,.2);
    border-radius:50%;
    box-shadow:0 0 0 16px rgba(49,94,112,.06),0 0 0 32px rgba(49,94,112,.035);
  }
  .benefit-feature .service-visual-alerts .alert-ring{
    border-color:rgba(49,94,112,.48);
  }
  .benefit-feature .service-visual-alerts .alert-ring-one{
    inset:28px!important;
    border-width:2px;
    border-right-color:transparent;
    border-bottom-color:transparent;
    transform:rotate(-35deg);
  }
  .benefit-feature .service-visual-alerts .alert-ring-two{
    inset:4px!important;
    border-color:rgba(49,94,112,.18);
  }
  .benefit-feature .service-visual-alerts .alert-symbol{
    width:70px!important;
    height:70px!important;
    border:2px solid #fff;
    color:#fff;
    font-size:34px!important;
    font-weight:700;
    background:radial-gradient(circle at 35% 25%,#315e70,#0b2736 74%);
    box-shadow:0 0 0 8px rgba(49,94,112,.16),0 12px 24px rgba(23,54,74,.2);
  }
  .benefit-feature .service-visual-alerts .alert-card{
    left:22px!important;
    right:auto!important;
    bottom:20px!important;
    top:auto!important;
    width:calc(50% - 28px)!important;
    min-height:52px;
    grid-template-columns:25px minmax(0,1fr);
    gap:8px;
    padding:9px 10px;
    color:#17364a;
    border:1px solid rgba(23,54,74,.16);
    border-radius:10px;
    background:rgba(255,255,255,.78);
    box-shadow:0 8px 18px rgba(23,54,74,.08);
  }
  .benefit-feature .service-visual-alerts .alert-card-secondary{
    left:auto!important;
    right:22px!important;
    opacity:1;
  }
  .benefit-feature .service-visual-alerts .alert-card-icon{
    width:25px;
    height:25px;
    flex:none;
    color:#fff;
    border:0;
    background:#315e70;
    font-size:13px;
  }
  .benefit-feature .service-visual-alerts .alert-card strong{
    color:#17364a;
    font-size:10px;
  }
  .benefit-feature .service-visual-alerts .alert-card small{
    color:#476276;
    font-size:8px;
    margin-top:3px;
  }
}

/* v112: panel de escaneo con retícula, diagnóstico central y resultado separado. */
@media (min-width:901px){
  .benefit-feature .service-visual-scanner{
    color:#17364a;
    background:
      radial-gradient(circle at 50% 46%,rgba(105,177,202,.3),transparent 28%),
      linear-gradient(145deg,#eaf3f7 0%,#cbdbe3 100%)!important;
  }
  .benefit-feature .service-visual-scanner:before{
    inset:44px 0 0;
    opacity:.68;
    background:
      repeating-linear-gradient(0deg,transparent 0 31px,rgba(23,54,74,.09) 32px 33px),
      repeating-linear-gradient(90deg,transparent 0 42px,rgba(23,54,74,.07) 43px 44px);
  }
  .benefit-feature .service-visual-scanner:after{
    height:34%;
    background:linear-gradient(transparent,rgba(169,193,204,.45));
  }
  .benefit-feature .service-visual-scanner .visual-topbar{color:#17364a}
  .benefit-feature .service-visual-scanner .visual-status{color:#476276}
  .benefit-feature .service-visual-scanner .visual-status i{
    background:var(--accent-blue);
    box-shadow:0 0 0 4px rgba(49,94,112,.14);
  }
  .benefit-feature .service-visual-scanner .scanner-frame{
    left:22px!important;
    right:22px!important;
    top:54px!important;
    width:auto!important;
    height:auto!important;
    bottom:70px!important;
    transform:none!important;
    display:grid;
    place-items:center;
    border:1px solid rgba(23,54,74,.18);
    border-radius:15px;
    background:rgba(255,255,255,.24);
    box-shadow:inset 0 0 28px rgba(255,255,255,.2);
    overflow:hidden;
  }
  .benefit-feature .service-visual-scanner .scanner-frame:before{
    content:'LECTURA DEL VEHÍCULO';
    position:absolute;
    left:16px;
    top:13px;
    color:#476276;
    font-size:8px;
    letter-spacing:.14em;
  }
  .benefit-feature .service-visual-scanner .scanner-frame:after{
    content:'';
    position:absolute;
    inset:28px 34px;
    border:1px dashed rgba(49,94,112,.28);
    border-radius:12px;
    background:repeating-linear-gradient(0deg,transparent 0 35px,rgba(49,94,112,.08) 36px 37px);
  }
  .benefit-feature .service-visual-scanner .scanner-frame svg{
    position:relative;
    z-index:2;
    width:58px;
    height:58px;
    padding:12px;
    border:1px solid rgba(255,255,255,.85);
    border-radius:50%;
    background:#315e70;
    stroke:#fff;
    box-shadow:0 0 0 9px rgba(49,94,112,.14),0 10px 22px rgba(23,54,74,.16);
  }
  .benefit-feature .service-visual-scanner .scanner-line{
    z-index:3;
    left:38px!important;
    right:38px!important;
    top:50%!important;
    height:2px;
    background:var(--accent-blue);
    box-shadow:0 0 14px rgba(49,94,112,.7);
    animation:service-scanner-sweep 2.8s ease-in-out .3s infinite!important;
  }
  .benefit-feature .service-visual-scanner .scanner-corner{
    z-index:4;
    width:18px;
    height:18px;
    border-color:#315e70;
  }
  .benefit-feature .service-visual-scanner .corner-tl{left:22px;top:27px}
  .benefit-feature .service-visual-scanner .corner-tr{right:22px;top:27px}
  .benefit-feature .service-visual-scanner .corner-bl{left:22px;bottom:27px}
  .benefit-feature .service-visual-scanner .corner-br{right:22px;bottom:27px}
  .benefit-feature .service-visual-scanner .scanner-result{
    left:22px!important;
    right:22px!important;
    bottom:20px!important;
    top:auto!important;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:9px 12px;
    color:#476276;
    border:1px solid rgba(23,54,74,.16);
    border-radius:10px;
    background:rgba(255,255,255,.78);
    box-shadow:0 8px 18px rgba(23,54,74,.08);
  }
  .benefit-feature .service-visual-scanner .scanner-result i{
    background:var(--accent-blue);
    box-shadow:0 0 0 3px rgba(49,94,112,.12);
  }
  .benefit-feature .service-visual-scanner .scanner-result strong{
    color:#17364a;
    font-size:10px;
  }
}

@keyframes service-scanner-sweep{
  0%,100%{transform:translateY(-58px);opacity:.35}
  50%{transform:translateY(58px);opacity:1}
}

/* v113: panel de control total con app central, conexión orbital y estado activo. */
@media (min-width:901px){
  .benefit-feature .service-visual-control{
    color:#17364a;
    background:
      radial-gradient(circle at 50% 43%,rgba(105,177,202,.3),transparent 27%),
      linear-gradient(145deg,#eaf3f7 0%,#cbdbe3 100%)!important;
  }
  .benefit-feature .service-visual-control:before{
    inset:44px 0 0;
    opacity:.68;
    background:
      repeating-linear-gradient(0deg,transparent 0 31px,rgba(23,54,74,.09) 32px 33px),
      repeating-linear-gradient(90deg,transparent 0 42px,rgba(23,54,74,.07) 43px 44px);
  }
  .benefit-feature .service-visual-control:after{
    content:'CONEXIÓN CENTRALIZADA  •  ACTIVA';
    left:22px;
    right:22px;
    bottom:20px;
    width:auto;
    height:auto;
    padding:10px 12px;
    color:#476276;
    font-size:8px;
    letter-spacing:.12em;
    text-align:center;
    border:1px solid rgba(23,54,74,.16);
    border-radius:10px;
    background:rgba(255,255,255,.78);
    box-shadow:0 8px 18px rgba(23,54,74,.08);
  }
  .benefit-feature .service-visual-control .visual-topbar{color:#17364a}
  .benefit-feature .service-visual-control .visual-status{color:#476276}
  .benefit-feature .service-visual-control .visual-status i{
    background:var(--accent-blue);
    box-shadow:0 0 0 4px rgba(49,94,112,.14);
  }
  .benefit-feature .service-visual-control .remote-signal{
    display:block!important;
    top:47%!important;
    border-color:rgba(49,94,112,.46);
    box-shadow:0 0 0 9px rgba(49,94,112,.05);
    animation:visual-signal 3.2s ease-in-out infinite;
  }
  .benefit-feature .service-visual-control .signal-one{width:184px;height:184px}
  .benefit-feature .service-visual-control .signal-two{width:276px;height:276px;animation-delay:-1.6s}
  .benefit-feature .service-visual-control .remote-phone{
    z-index:4;
    top:47%!important;
    width:132px!important;
    height:170px!important;
    transform:translate(-50%,-50%)!important;
    padding:28px 12px 12px;
    border:3px solid #fff;
    border-radius:18px;
    background:linear-gradient(160deg,#315e70,#0b2736);
    box-shadow:0 14px 28px rgba(23,54,74,.22),0 0 0 7px rgba(49,94,112,.12);
  }
  .benefit-feature .service-visual-control .remote-phone:before{
    content:'KIA LINK';
    position:absolute;
    top:10px;
    left:12px;
    color:rgba(255,255,255,.68);
    font-size:8px;
    letter-spacing:.14em;
  }
  .benefit-feature .service-visual-control .remote-speaker{top:12px;width:28px;height:3px}
  .benefit-feature .service-visual-control .remote-phone strong{font-size:18px}
  .benefit-feature .service-visual-control .remote-phone>small{font-size:9px;color:rgba(255,255,255,.72)}
  .benefit-feature .service-visual-control .remote-actions{gap:6px;margin-top:auto}
  .benefit-feature .service-visual-control .remote-actions span{
    min-height:42px;
    padding:5px 2px 3px;
    border:1px solid rgba(255,255,255,.24);
    border-radius:8px;
    background:rgba(5,20,31,.2);
    font-size:18px;
  }
  .benefit-feature .service-visual-control .remote-actions small{font-size:7px;color:rgba(255,255,255,.7)}
}

/* v114: panel de estadísticas con recorrido semanal, barras equilibradas y KPIs separados. */
@media (min-width:901px){
  .benefit-feature .service-visual-stats{
    color:#17364a;
    background:
      radial-gradient(circle at 52% 45%,rgba(105,177,202,.3),transparent 27%),
      linear-gradient(145deg,#eaf3f7 0%,#cbdbe3 100%)!important;
  }
  .benefit-feature .service-visual-stats:before{
    inset:44px 0 0;
    opacity:.68;
    background:
      repeating-linear-gradient(0deg,transparent 0 31px,rgba(23,54,74,.09) 32px 33px),
      repeating-linear-gradient(90deg,transparent 0 42px,rgba(23,54,74,.07) 43px 44px);
  }
  .benefit-feature .service-visual-stats:after{
    height:34%;
    background:linear-gradient(transparent,rgba(169,193,204,.45));
  }
  .benefit-feature .service-visual-stats .visual-topbar{color:#17364a}
  .benefit-feature .service-visual-stats .visual-status{color:#476276}
  .benefit-feature .service-visual-stats .visual-status i{
    background:var(--accent-blue);
    box-shadow:0 0 0 4px rgba(49,94,112,.14);
  }
  .benefit-feature .service-visual-stats .stats-chart{
    left:22px!important;
    right:22px!important;
    top:55px!important;
    bottom:74px!important;
    height:auto!important;
    display:flex;
    align-items:flex-end;
    gap:12px;
    padding:34px 16px 18px;
    border:1px solid rgba(23,54,74,.16);
    border-radius:16px;
    background:
      repeating-linear-gradient(0deg,transparent 0 31px,rgba(23,54,74,.09) 32px 33px),
      repeating-linear-gradient(90deg,transparent 0 42px,rgba(23,54,74,.07) 43px 44px),
      rgba(255,255,255,.2);
    box-shadow:inset 0 0 30px rgba(255,255,255,.2);
  }
  .benefit-feature .service-visual-stats .stats-chart:before{
    content:'RECORRIDO SEMANAL';
    position:absolute;
    left:16px;
    top:12px;
    color:#476276;
    font-size:8px;
    letter-spacing:.14em;
  }
  .benefit-feature .service-visual-stats .stats-chart span{
    position:relative;
    z-index:2;
    flex:1;
    max-width:none;
    min-width:12px;
    background:linear-gradient(180deg,#315e70 0%,#79a9b8 100%);
    border-radius:6px 6px 2px 2px;
    box-shadow:0 5px 10px rgba(23,54,74,.12);
  }
  .benefit-feature .service-visual-stats .stats-chart b{
    z-index:3;
    left:7%!important;
    right:6%!important;
    bottom:51%!important;
    height:2px;
    background:#17364a;
    box-shadow:0 0 0 3px rgba(49,94,112,.1);
    opacity:.85;
  }
  .benefit-feature .service-visual-stats .stats-total{
    left:22px!important;
    bottom:20px!important;
    padding:8px 12px;
    border:1px solid rgba(23,54,74,.16);
    border-radius:10px;
    background:rgba(255,255,255,.78);
    box-shadow:0 8px 18px rgba(23,54,74,.08);
  }
  .benefit-feature .service-visual-stats .stats-total strong{
    color:#17364a;
    font-size:28px;
  }
  .benefit-feature .service-visual-stats .stats-total small{
    color:#476276;
    font-size:8px;
  }
  .benefit-feature .service-visual-stats .stats-chip{
    right:22px!important;
    bottom:20px!important;
    padding:10px 12px;
    color:#fff;
    border:0;
    border-radius:10px;
    background:#315e70;
    box-shadow:0 8px 18px rgba(23,54,74,.14);
    font-size:9px;
  }
  .benefit-feature .service-visual-stats .stats-chip span{font-size:14px}
}

/* v115: centro de asistencia 24/7 con ondas de disponibilidad y soporte destacado. */
@media (min-width:901px){
  .benefit-feature .service-visual-support{
    color:#17364a;
    background:
      radial-gradient(circle at 50% 43%,rgba(105,177,202,.3),transparent 27%),
      linear-gradient(145deg,#eaf3f7 0%,#cbdbe3 100%)!important;
  }
  .benefit-feature .service-visual-support:before{
    inset:44px 0 0;
    opacity:.68;
    background:
      repeating-linear-gradient(0deg,transparent 0 31px,rgba(23,54,74,.09) 32px 33px),
      repeating-linear-gradient(90deg,transparent 0 42px,rgba(23,54,74,.07) 43px 44px);
  }
  .benefit-feature .service-visual-support:after{
    height:34%;
    background:linear-gradient(transparent,rgba(169,193,204,.45));
  }
  .benefit-feature .service-visual-support .visual-topbar{color:#17364a}
  .benefit-feature .service-visual-support .visual-status{color:#476276}
  .benefit-feature .service-visual-support .visual-status i{
    background:var(--accent-blue);
    box-shadow:0 0 0 4px rgba(49,94,112,.14);
  }
  .benefit-feature .service-visual-support .support-beacon{
    top:46%!important;
    width:174px!important;
    height:174px!important;
    transform:translate(-50%,-50%)!important;
  }
  .benefit-feature .service-visual-support .support-wave{
    border-color:rgba(49,94,112,.42);
    box-shadow:0 0 0 9px rgba(49,94,112,.05);
    animation:visual-pulse 3.2s ease-in-out infinite;
  }
  .benefit-feature .service-visual-support .wave-one{inset:30px!important}
  .benefit-feature .service-visual-support .wave-two{inset:3px!important;animation-delay:-1.6s}
  .benefit-feature .service-visual-support .support-avatar{
    z-index:2;
    width:72px!important;
    height:72px!important;
    color:#fff;
    border:2px solid #fff;
    font-size:31px!important;
    background:radial-gradient(circle at 35% 25%,#315e70,#0b2736);
    box-shadow:0 0 0 8px rgba(49,94,112,.16),0 12px 24px rgba(23,54,74,.2);
  }
  .benefit-feature .service-visual-support .support-card{
    left:22px!important;
    right:22px!important;
    bottom:20px!important;
    padding:10px 12px;
    color:#17364a;
    border:1px solid rgba(23,54,74,.16);
    border-radius:10px;
    background:rgba(255,255,255,.78);
    box-shadow:0 8px 18px rgba(23,54,74,.08);
  }
  .benefit-feature .service-visual-support .support-card strong{font-size:11px;color:#17364a}
  .benefit-feature .service-visual-support .support-card small{color:#476276;font-size:8px;margin-top:3px}
  .benefit-feature .service-visual-support .support-card span{right:12px;top:15px;color:#315e70;font-size:16px;font-weight:700}
}

/* v116: geocerca activa con mapa limpio, zona segura y marcador central. */
@media (min-width:901px){
  .benefit-feature .service-visual-geofence{
    color:#17364a;
    background:
      radial-gradient(circle at 50% 43%,rgba(105,177,202,.3),transparent 27%),
      linear-gradient(145deg,#eaf3f7 0%,#cbdbe3 100%)!important;
  }
  .benefit-feature .service-visual-geofence:before{
    inset:44px 0 0;
    opacity:.68;
    background:
      repeating-linear-gradient(0deg,transparent 0 31px,rgba(23,54,74,.09) 32px 33px),
      repeating-linear-gradient(90deg,transparent 0 42px,rgba(23,54,74,.07) 43px 44px);
  }
  .benefit-feature .service-visual-geofence:after{
    height:34%;
    background:linear-gradient(transparent,rgba(169,193,204,.45));
  }
  .benefit-feature .service-visual-geofence .visual-topbar{color:#17364a}
  .benefit-feature .service-visual-geofence .visual-status{color:#476276}
  .benefit-feature .service-visual-geofence .visual-status i{
    background:var(--accent-blue);
    box-shadow:0 0 0 4px rgba(49,94,112,.14);
  }
  .benefit-feature .service-visual-geofence .geofence-field{
    left:22px!important;
    right:22px!important;
    top:54px!important;
    bottom:70px!important;
    border:1px solid rgba(23,54,74,.18);
    border-radius:16px;
    background:
      repeating-linear-gradient(0deg,transparent 0 31px,rgba(23,54,74,.09) 32px 33px),
      repeating-linear-gradient(90deg,transparent 0 42px,rgba(23,54,74,.07) 43px 44px),
      rgba(255,255,255,.2);
    box-shadow:inset 0 0 30px rgba(255,255,255,.22);
  }
  .benefit-feature .service-visual-geofence .geofence-field:before{
    content:'ZONA SEGURA ACTIVA';
    position:absolute;
    left:16px;
    top:13px;
    z-index:4;
    color:#476276;
    font-size:8px;
    letter-spacing:.14em;
  }
  .benefit-feature .service-visual-geofence .geofence-field:after{
    content:'';
    position:absolute;
    left:50%;
    top:51%;
    width:44%;
    height:42%;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:radial-gradient(circle,rgba(105,177,202,.3),transparent 70%);
  }
  .benefit-feature .service-visual-geofence .geofence-boundary{z-index:2}
  .benefit-feature .service-visual-geofence .boundary-one{
    width:68%!important;
    height:48%!important;
    left:16%!important;
    top:28%!important;
    border:2px solid rgba(49,94,112,.6);
    box-shadow:0 0 0 8px rgba(49,94,112,.06);
  }
  .benefit-feature .service-visual-geofence .boundary-two{
    width:48%!important;
    height:32%!important;
    left:26%!important;
    top:36%!important;
    border:1px dashed rgba(49,94,112,.38);
  }
  .benefit-feature .service-visual-geofence .geofence-marker{
    z-index:4;
    left:50%!important;
    top:52%!important;
    width:62px!important;
    height:62px!important;
    background:#315e70;
    box-shadow:0 0 0 9px rgba(49,94,112,.16),0 12px 24px rgba(23,54,74,.18);
  }
  .benefit-feature .service-visual-geofence .geofence-marker svg{
    width:31px;
    height:31px;
    stroke:#fff;
  }
  .benefit-feature .service-visual-geofence .geofence-house{
    z-index:5;
    width:28px;
    height:28px;
    color:#fff;
    border:0;
    border-radius:50%;
    background:#17364a;
    box-shadow:0 5px 12px rgba(23,54,74,.16);
    font-size:15px;
  }
  .benefit-feature .service-visual-geofence .house-one{left:17px!important;top:28px!important}
  .benefit-feature .service-visual-geofence .house-two{right:17px!important;bottom:25px!important}
  .benefit-feature .service-visual-geofence .geofence-label{
    left:22px!important;
    right:22px!important;
    width:auto;
    bottom:20px!important;
    padding:8px 12px;
    border:1px solid rgba(23,54,74,.16);
    border-radius:10px;
    background:rgba(255,255,255,.78);
    box-shadow:0 8px 18px rgba(23,54,74,.08);
  }
  .benefit-feature .service-visual-geofence .geofence-label strong{color:#17364a;font-size:10px}
  .benefit-feature .service-visual-geofence .geofence-label small{color:#476276;font-size:8px;margin-top:3px}
}

/* v117: acerca la guía de selección a la descripción de la sección. */
@media (min-width:901px){
  .benefit-selector-column{padding-top:4px}
}

/* v118: carrusel móvil de planes limpio, sin baraja ni tarjetas recortadas. */
@media (max-width:700px){
  .plans .plan-grid{
    display:flex!important;
    flex-wrap:nowrap;
    align-items:stretch;
    width:calc(100% + 32px);
    max-width:none;
    margin:28px -16px 0;
    padding:12px 16px 24px;
    gap:14px;
    overflow-x:auto;
    overflow-y:visible;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:16px;
    overscroll-behavior-x:contain;
    touch-action:pan-x pan-y;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .plans .plan-grid::-webkit-scrollbar{display:none}
  .plans .plan-grid .plan-card,
  .plans .plan-grid .plan-card-24,
  .plans .plan-grid .plan-featured{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    flex:0 0 min(78vw,330px)!important;
    width:min(78vw,330px)!important;
    min-width:0!important;
    min-height:500px;
    height:auto;
    margin:0;
    order:initial!important;
    transform:none!important;
    scroll-snap-align:center;
  }
  .plans .plan-grid .plan-card:hover,
  .plans .plan-grid .plan-featured:hover{transform:none!important}
  .plans .plan-grid .plan-featured{z-index:2}
  .plans .plan-grid .plan-card-24{z-index:1}
  .plans .plan-card-top{min-height:22px}
  .plans .plan-visual{margin-top:19px}
  .plans .plan-perks{margin-top:24px}
  .plans .plans-footnote{margin-top:18px}
}

/* v119: centra la lectura 100% dentro del medidor del estado del motor. */
@media (min-width:901px){
  .benefit-feature .service-visual-motor .dashboard-core{
    text-align:center;
  }
  .benefit-feature .service-visual-motor .dashboard-core svg{
    position:absolute;
    top:35px;
    left:50%;
    transform:translateX(-50%);
  }
  .benefit-feature .service-visual-motor .dashboard-core strong{
    position:absolute;
    top:59px;
    left:0;
    right:0;
    margin:0!important;
    text-align:center;
  }
}

/* v120: información completa y texto blanco dentro de la app de Control total. */
@media (min-width:901px){
  .benefit-feature .service-visual-control .remote-phone{
    padding-top:48px;
  }
  .benefit-feature .service-visual-control .remote-phone strong{
    color:#fff!important;
    font-weight:650;
  }
  .benefit-feature .service-visual-control .remote-phone>small{
    max-width:105px;
    color:rgba(255,255,255,.82)!important;
    font-size:8px;
    line-height:1.2;
    text-align:center;
  }
  .benefit-feature .service-visual-control .remote-connected{
    position:absolute;
    top:28px;
    left:0;
    right:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    color:rgba(255,255,255,.78);
    font-size:8px;
  }
  .benefit-feature .service-visual-control .remote-connected i{
    width:6px;
    height:6px;
    border-radius:50%;
    background:#9dc9d5;
    box-shadow:0 0 0 3px rgba(157,201,213,.16);
  }
  .benefit-feature .service-visual-control .remote-actions span{
    color:#fff!important;
  }
  .benefit-feature .service-visual-control .remote-actions small{
    display:block!important;
    color:rgba(255,255,255,.78)!important;
    font-size:7px;
    line-height:1.1;
  }
}

/* v121: mantiene las ondas de Atención 24/7 centradas alrededor de la burbuja. */
@keyframes support-wave-pulse{
  0%,100%{transform:scale(.94);opacity:.5}
  50%{transform:scale(1.04);opacity:1}
}
@media (min-width:901px){
  .benefit-feature .service-visual-support .support-wave{
    transform:none;
    animation:support-wave-pulse 3.2s ease-in-out infinite;
  }
  .benefit-feature .service-visual-support .wave-one{inset:30px!important}
  .benefit-feature .service-visual-support .wave-two{inset:3px!important;animation-delay:-1.6s}
}

/* v122: centra las elipses de la geocerca en el pin principal. */
@media (min-width:901px){
  .benefit-feature .service-visual-geofence .geofence-boundary{
    left:50%!important;
    top:52%!important;
    transform:translate(-50%,-50%) rotate(-12deg)!important;
    transform-origin:center;
  }
}

/* v123: iguala Apertura remota al lenguaje claro de los demás dashboards. */
@media (min-width:901px){
  .benefit-feature .service-visual-remote{
    color:#17364a;
    background:
      radial-gradient(circle at 50% 43%,rgba(105,177,202,.3),transparent 27%),
      linear-gradient(145deg,#eaf3f7 0%,#cbdbe3 100%)!important;
  }
  .benefit-feature .service-visual-remote:before{
    inset:44px 0 0;
    opacity:.68;
    background:
      repeating-linear-gradient(0deg,transparent 0 31px,rgba(23,54,74,.09) 32px 33px),
      repeating-linear-gradient(90deg,transparent 0 42px,rgba(23,54,74,.07) 43px 44px);
  }
  .benefit-feature .service-visual-remote:after{
    height:34%;
    background:linear-gradient(transparent,rgba(169,193,204,.45));
  }
  .benefit-feature .service-visual-remote .visual-topbar{color:#17364a}
  .benefit-feature .service-visual-remote .visual-status{color:#476276}
  .benefit-feature .service-visual-remote .visual-status i{
    background:var(--accent-blue);
    box-shadow:0 0 0 4px rgba(49,94,112,.14);
  }
  .benefit-feature .service-visual-remote .remote-unlock-art{top:49%}
  .benefit-feature .service-visual-remote .remote-unlock-orbit{
    border-color:rgba(49,94,112,.55);
  }
  .benefit-feature .service-visual-remote .remote-unlock-orbit-two{border-color:rgba(49,94,112,.3)}
  .benefit-feature .service-visual-remote .remote-unlock-signal{
    background:#315e70;
    box-shadow:0 0 0 5px rgba(49,94,112,.14),0 0 18px rgba(49,94,112,.38);
  }
  .benefit-feature .service-visual-remote .remote-unlock-badge{
    border-color:#fff;
    background:radial-gradient(circle at 35% 25%,#315e70,#0b2736 74%);
    box-shadow:0 0 0 9px rgba(49,94,112,.12),0 0 24px rgba(49,94,112,.2);
  }
  .benefit-feature .service-visual-remote .remote-unlock-caption{
    left:22px;
    right:22px;
    bottom:20px;
    color:#17364a;
    border-color:rgba(23,54,74,.16);
    background:rgba(255,255,255,.78);
    box-shadow:0 8px 18px rgba(23,54,74,.08);
  }
  .benefit-feature .service-visual-remote .remote-unlock-caption small{color:#476276}
}

/* v124-final: prioridad final para la composición mobile del explorador. */
@media (max-width:900px){
  .benefits .container{width:min(100% - 32px,620px)}
  .benefits .section-heading{padding:0;text-align:left}
  .benefits .section-heading h2{margin-bottom:12px;font-size:clamp(38px,10vw,54px);line-height:1;letter-spacing:-.055em}
  .benefits .section-heading>p:not(.benefit-search-empty){max-width:540px;font-size:16px;line-height:1.4}

  .benefits-explorer{
    display:flex!important;
    flex-direction:column;
    gap:16px;
    margin-top:28px;
    overflow:visible!important;
  }
  .benefit-selector-column{display:flex!important;flex:0 0 auto;gap:12px;padding:0!important}
  .explorer-hint{min-height:22px;justify-content:flex-start;gap:8px;padding:0;font-size:12px}
  .hint-line{width:32px}.hint-cursor{font-size:18px}.benefit-swipe-cue{display:none!important}
  .benefit-selector-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;overflow:visible!important;padding:0!important}
  .benefit-selector{
    min-width:0!important;
    min-height:76px!important;
    grid-template-columns:34px minmax(0,1fr) 15px!important;
    gap:9px;
    padding:10px!important;
    border:1px solid #d8e0e8;
    border-radius:12px;
    background:#fff;
    color:var(--ink);
    box-shadow:0 4px 14px rgba(5,20,31,.035);
    scroll-snap-align:none;
  }
  .benefit-selector:hover{transform:none;border-color:var(--accent-blue);box-shadow:0 8px 18px rgba(49,94,112,.09)}
  .benefit-selector.is-active{padding:9px!important;border:2px solid #183f73;background:#edf5ff;color:var(--ink);box-shadow:none}
  .selector-icon{width:34px!important;height:34px!important;border:0;background:#f1f5f8;color:var(--ink)}
  .benefit-selector.is-active .selector-icon{border:0;background:#dceaff;color:#183f73}
  .selector-icon svg{width:20px;height:20px}
  .selector-copy strong{font-size:13px!important;line-height:1.15}
  .selector-copy small{display:none!important}
  .selector-kia-has-it{display:block!important;margin-top:2px;overflow:hidden;color:#61758a;font-size:10px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}
  .benefit-selector.is-active .selector-kia-has-it{color:#315e70}
  .selector-arrow{display:block!important;font-size:24px;color:#183f73}
  .benefit-mobile-progress-top,.benefits-explorer>.benefit-mobile-progress{display:none!important}

  .benefit-feature{
    order:2;
    display:grid!important;
    grid-template-rows:auto 470px!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    overflow:hidden;
    border:1px solid #d7e0e6;
    border-radius:16px;
    background:#fff;
    color:var(--ink);
    box-shadow:0 14px 32px rgba(5,20,31,.09);
    cursor:default;
    touch-action:auto;
  }
  .benefit-feature>.feature-media{
    position:relative!important;
    inset:auto!important;
    grid-row:1;
    z-index:0!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:16 / 9;
    background-size:cover!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    filter:none!important;
    transform:none!important;
  }
  .benefit-feature>.feature-overlay{display:none!important}
  .benefit-feature>.feature-content{
    position:relative!important;
    top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
    grid-row:2;
    z-index:2!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:470px!important;
    box-sizing:border-box;
    padding:18px 18px 290px!important;
    display:block!important;
    color:var(--ink);
  }
  .benefit-feature .feature-connection-badge{position:static!important;display:flex!important;width:max-content;align-items:center;gap:7px;margin:0 0 13px;padding:7px 11px;border-radius:999px;background:#f1f5f8;color:var(--ink);font-size:12px}
  .benefit-feature .feature-connection-badge span{width:9px;height:9px;border-radius:50%;background:var(--accent-blue);box-shadow:0 0 0 3px rgba(49,94,112,.12)}
  .benefit-feature .feature-kicker{display:block!important;margin:0 0 6px!important;color:#61758a;font-size:10px;letter-spacing:.16em;line-height:1.2}
  .benefit-feature .feature-service-name{display:block!important;max-width:100%;margin:0;color:var(--ink);font-size:clamp(28px,7.8vw,36px);line-height:1.04;letter-spacing:-.04em;font-weight:650}
  .benefit-feature .feature-title{display:none!important}
  .benefit-feature .feature-kia-has-it{display:block!important;margin:8px 0 0;color:var(--ink);font-size:15px;font-weight:700}
  .benefit-feature .feature-description{display:block!important;width:100%;max-width:100%;min-height:0;margin:7px 0 0;color:#61758a;font-size:15px;line-height:1.38}
  .benefit-feature .feature-map{top:auto!important;left:18px!important;right:18px!important;bottom:74px!important;width:auto!important;max-width:none!important;height:190px!important;min-height:190px!important;max-height:190px!important;transform:none!important;border:1px solid #dbe3e7!important;border-radius:13px!important;background:#eef2f4!important;box-shadow:none!important}
  .benefit-feature .feature-status{position:absolute!important;left:18px;bottom:276px;z-index:4;margin:0;color:#53687b;font-size:12px}
  .benefit-feature .feature-status .status-dot{width:9px;height:9px;background:var(--accent-blue);box-shadow:0 0 0 3px rgba(49,94,112,.12)}
  .benefit-feature .feature-cta{position:absolute!important;left:18px!important;right:18px!important;bottom:18px!important;width:calc(100% - 36px)!important;min-height:50px;justify-content:center;border-radius:10px;background:var(--ink);border-color:var(--ink);color:#fff;font-size:15px}

  /* El encabezado de la ficha usa una fotografía panorámica real. */
  .benefit-feature[data-benefit="0"]>.feature-media{background-image:url('./assets/benefits/benefit-ubicacion-horizontal-v1.png?v=20260930-horizontal')!important}
  .benefit-feature[data-benefit="1"]>.feature-media{background-image:url('./assets/benefits/benefit-motor.webp?v=20260924-motor-kia-v4')!important}
  .benefit-feature[data-benefit="2"]>.feature-media{background-image:url('./assets/benefits/benefit-telemetria-horizontal-v1.png?v=20260930-horizontal')!important}
  .benefit-feature[data-benefit="3"]>.feature-media{background-image:url('./assets/benefits/benefit-alertas-horizontal-v1.png?v=20260930-horizontal')!important}
  .benefit-feature[data-benefit="4"]>.feature-media{background-image:url('./assets/benefits/benefit-scanner.webp?v=20260922-scanner-v2')!important}
  .benefit-feature[data-benefit="5"]>.feature-media{background-image:url('./assets/benefits/benefit-control-horizontal-v1.png?v=20260930-horizontal')!important}
  .benefit-feature[data-benefit="6"]>.feature-media{background-image:url('./assets/benefits/benefit-estadisticas.webp?v=20260923-estadisticas-real-v3')!important}
  .benefit-feature[data-benefit="7"]>.feature-media{background-image:url('./assets/benefits/benefit-proteccion-24-7-v2.webp?v=20261005-proteccion-v2')!important;background-position:right center!important}
  .benefit-feature[data-benefit="8"]>.feature-media{background-image:url('./assets/benefits/benefit-geocercas-virtuales-v3.webp?v=20261005-geocercas-v3')!important;background-position:right center!important}
  .benefit-feature[data-benefit="9"]>.feature-media{background-image:url('./assets/benefits/benefit-apertura-remota-v2.webp?v=20261005-apertura-remota-v2')!important;background-position:right center!important}
}

@media (max-width:380px){
  .benefits .container{width:calc(100% - 24px)}
  .benefit-selector{grid-template-columns:30px minmax(0,1fr) 12px!important;gap:7px;padding:8px!important}
  .benefit-selector.is-active{padding:7px!important}
  .selector-icon{width:30px!important;height:30px!important}
  .selector-icon svg{width:18px;height:18px}
  .selector-copy strong{font-size:12px!important}
  .selector-kia-has-it{font-size:9px}
  .benefit-feature{grid-template-rows:auto 480px!important}
  .benefit-feature>.feature-content{min-height:480px!important;padding-inline:16px!important}
  .benefit-feature .feature-map{left:16px!important;right:16px!important}
  .benefit-feature .feature-status{left:16px}
  .benefit-feature .feature-cta{left:16px!important;right:16px!important;width:calc(100% - 32px)!important}
}

/* v126-final: Estado del motor con lectura centrada y zonas internas separadas. */
@media (min-width:901px){
  .benefit-feature .service-visual-motor .dashboard-core{top:43%!important;width:132px!important;height:132px!important;transform:translate(-50%,-50%)!important}
  .benefit-feature .service-visual-motor .dashboard-core:before{top:17px}
  .benefit-feature .service-visual-motor .dashboard-core svg{top:40px!important;width:28px;height:28px}
  .benefit-feature .service-visual-motor .dashboard-core strong{top:68px!important;margin:0!important;font-size:24px}
  .benefit-feature .service-visual-motor .dashboard-core:after{bottom:16px}
  .benefit-feature .service-visual-motor .dashboard-readouts{bottom:16px!important;gap:16px!important}
  .benefit-feature .service-visual-motor .dashboard-readouts span{min-height:58px;padding:10px 12px 16px!important}
}
@media (max-width:900px){
  .benefit-feature .service-visual-motor .dashboard-core{top:38px!important;width:56px!important;height:56px!important;transform:translateX(-50%)!important}
  .benefit-feature .service-visual-motor .dashboard-readouts{bottom:8px!important;gap:8px!important}
}

/* v127: selector de servicios como carrusel horizontal en mobile. */
@media (max-width:900px){
  .benefit-selector-column{gap:10px}
  .benefit-swipe-cue{
    display:flex!important;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin:0 auto;
    color:#61758a;
    font-size:11px;
    font-weight:700;
    letter-spacing:.08em;
    line-height:1;
    text-transform:uppercase;
    pointer-events:none;
  }
  .benefit-swipe-arrow{
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    border:1px solid rgba(49,94,112,.45);
    border-radius:50%;
    background:#fff;
    color:var(--accent-blue);
    font-size:21px;
    line-height:1;
    letter-spacing:0;
    box-shadow:0 4px 10px rgba(5,20,31,.08);
    animation:benefit-swipe-nudge 1.8s ease-in-out infinite;
  }
  .benefit-swipe-arrow:last-child{animation-delay:.45s}
  .benefit-swipe-label{white-space:nowrap}

  .benefit-selector-list{
    display:flex!important;
    width:calc(100% + 16px);
    margin-right:-16px;
    grid-template-columns:none!important;
    gap:10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:2px 16px 10px 0!important;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:0;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    touch-action:pan-x pan-y;
  }
  .benefit-selector-list::-webkit-scrollbar{display:none}
  .benefit-selector{
    flex:0 0 min(72vw,310px);
    width:min(72vw,310px)!important;
    min-width:0!important;
    scroll-snap-align:start;
  }
}

@media (max-width:380px){
  .benefit-selector{flex-basis:min(78vw,280px);width:min(78vw,280px)!important}
  .benefit-swipe-label{font-size:10px}
}

/* v128: mobile con copy separado del gráfico y visual de ubicación alineado
   con el tratamiento claro de escritorio. */
@media (max-width:900px){
  .benefit-feature{
    grid-template-rows:auto 520px!important;
  }
  .benefit-feature>.feature-content{
    min-height:520px!important;
    padding:18px 22px 0!important;
    color:#17364a!important;
  }
  .benefit-feature .feature-connection-badge{
    color:#17364a!important;
  }
  .benefit-feature .feature-kicker,
  .benefit-feature .feature-service-name,
  .benefit-feature .feature-kia-has-it,
  .benefit-feature .feature-description{
    text-shadow:none!important;
  }
  .benefit-feature .feature-kicker{color:#61758a!important}
  .benefit-feature .feature-service-name{color:#05141f!important}
  .benefit-feature .feature-kia-has-it{color:#315e70!important}
  .benefit-feature .feature-description{
    margin:10px 0 0!important;
    color:#61758a!important;
    font-weight:400!important;
    line-height:1.4!important;
  }
  .benefit-feature .feature-map{
    bottom:74px!important;
    height:190px!important;
    min-height:190px!important;
    max-height:190px!important;
  }

  /* Ubicación: mismo fondo, contraste y mapa legible que en escritorio. */
  .benefit-feature[data-benefit="0"] .service-visual-location{
    color:#123b38!important;
    background:
      radial-gradient(circle at 50% 48%,rgba(105,177,202,.3),transparent 28%),
      linear-gradient(145deg,#eef4f5 0%,#dce9df 100%)!important;
  }
  .benefit-feature[data-benefit="0"] .service-visual-location:before{
    inset:44px 0 0;
    opacity:.35;
    background:
      repeating-linear-gradient(28deg,transparent 0 24px,rgba(17,76,70,.08) 25px 26px),
      repeating-linear-gradient(118deg,transparent 0 35px,rgba(17,76,70,.06) 36px 37px);
  }
  .benefit-feature[data-benefit="0"] .service-visual-location:after{
    height:34%;
    background:linear-gradient(transparent,rgba(255,255,255,.22));
  }
  .benefit-feature[data-benefit="0"] .service-visual-location .visual-topbar{color:#17364a}
  .benefit-feature[data-benefit="0"] .service-visual-location .visual-status{color:#53687b}
  .benefit-feature[data-benefit="0"] .service-visual-location .visual-status i{
    background:var(--accent-blue);
    box-shadow:0 0 0 4px rgba(49,94,112,.12);
  }
  .benefit-feature[data-benefit="0"] .service-visual-location .visual-field{
    border-color:#d2ded9;
    background:linear-gradient(145deg,#edf4ee,#dce9df);
  }
  .benefit-feature[data-benefit="0"] .location-map-art .map-water{fill:rgba(79,164,196,.22)}
  .benefit-feature[data-benefit="0"] .location-map-art .map-streets path{stroke:rgba(90,119,126,.28)}
  .benefit-feature[data-benefit="0"] .location-map-art .map-blocks path{fill:rgba(255,255,255,.42);stroke:rgba(90,119,126,.2)}
  .benefit-feature[data-benefit="0"] .location-map-art .map-route{stroke:#183f73;filter:none}
  .benefit-feature[data-benefit="0"] .location-pulse{box-shadow:0 0 0 7px rgba(49,94,112,.12),0 0 0 15px rgba(49,94,112,.07)}
  .benefit-feature[data-benefit="0"] .location-pulse img{filter:none}
  .benefit-feature[data-benefit="0"] .visual-controls span{border-color:#d0dce4;background:#fff;color:var(--ink)}
}

@media (max-width:380px){
  .benefit-feature{grid-template-rows:auto 520px!important}
  .benefit-feature>.feature-content{min-height:520px!important;padding-inline:18px!important}
}

/* v129: flechas laterales y más aire entre copy, CTA y gráfico en mobile. */
@media (max-width:900px){
  .benefit-selector-column{
    position:relative;
    padding-inline:34px!important;
  }
  .benefit-selector-column .explorer-hint{
    margin-inline:-34px!important;
  }
  .benefit-swipe-cue{
    position:absolute!important;
    top:54px;
    left:0;
    right:0;
    z-index:8;
    height:30px;
    display:flex!important;
    justify-content:space-between!important;
    gap:0!important;
    margin:0!important;
    pointer-events:none;
  }
  .benefit-swipe-label{
    position:absolute;
    top:-29px;
    left:50%;
    transform:translateX(-50%);
    color:#61758a;
    font-size:10px;
    letter-spacing:.1em;
  }
  .benefit-selector-list{
    width:100%!important;
    margin:0!important;
    padding:2px 0 10px!important;
  }
  .benefit-selector{
    flex-basis:min(70vw,300px)!important;
    width:min(70vw,300px)!important;
  }

  .benefit-feature{
    grid-template-rows:auto 560px!important;
  }
  .benefit-feature>.feature-content{
    min-height:560px!important;
    padding-top:22px!important;
  }
  .benefit-feature .feature-connection-badge{margin-bottom:16px!important}
  .benefit-feature .feature-service-name{line-height:1.08!important}
  .benefit-feature .feature-kia-has-it{margin-top:10px!important}
  .benefit-feature .feature-description{
    margin-top:14px!important;
    line-height:1.45!important;
  }
}

@media (max-width:380px){
  .benefit-selector{flex-basis:min(70vw,260px)!important;width:min(70vw,260px)!important}
  .benefit-feature{grid-template-rows:auto 560px!important}
  .benefit-feature>.feature-content{min-height:560px!important}
}

/* v130: controles laterales más limpios y separación real del contenido mobile. */
@media (max-width:900px){
  .benefit-selector-column .explorer-hint{display:none!important}
  .benefit-swipe-label{display:none!important}
  .benefit-swipe-arrow{
    position:relative;
    width:32px!important;
    height:32px!important;
    display:grid!important;
    place-items:center;
    border:1px solid #d5e0e7!important;
    border-radius:50%;
    background:rgba(255,255,255,.96)!important;
    color:#183f73!important;
    font-size:0!important;
    box-shadow:0 5px 14px rgba(5,20,31,.1)!important;
    animation:none!important;
    appearance:none;
    -webkit-appearance:none;
    padding:0!important;
    cursor:pointer;
    pointer-events:auto!important;
  }
  .benefit-swipe-arrow:before{
    content:"";
    display:block;
    width:8px;
    height:8px;
    border-top:1.8px solid currentColor;
    border-right:1.8px solid currentColor;
    transform:rotate(-135deg);
  }
  .benefit-swipe-arrow:last-child:before{transform:rotate(45deg)}
  .benefit-swipe-label{font-weight:600;letter-spacing:.08em}

  .benefit-feature > .feature-content .feature-description{
    margin-bottom:0!important;
  }
  .benefit-feature > .feature-content .feature-cta{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    width:100%!important;
    margin:20px 0 0!important;
  }
}

/* v134: centra la tarjeta activa del carrusel móvil y conserva la pista lateral. */
@media (max-width:900px){
  .benefit-selector-list{
    padding-inline:max(0px, calc((100% - min(70vw,300px))/2))!important;
    scroll-padding-inline:max(0px, calc((100% - min(70vw,300px))/2))!important;
  }
  .benefit-selector{scroll-snap-align:center!important}
}

@media (max-width:380px){
  .benefit-selector-list{
    padding-inline:max(0px, calc((100% - min(70vw,260px))/2))!important;
    scroll-padding-inline:max(0px, calc((100% - min(70vw,260px))/2))!important;
  }
}

/* v135: alinea las flechas con el centro vertical de las tarjetas. */
@media (max-width:900px){
  .benefit-swipe-cue{
    top:18px!important;
    height:32px!important;
    align-items:center!important;
  }
}

/* v131: dashboard de Estado del motor igual al lenguaje visual desktop. */
@media (max-width:900px){
  .benefit-feature .service-visual-motor{
    color:#17364a!important;
    background:
      radial-gradient(circle at 50% 47%,rgba(105,177,202,.3),transparent 26%),
      linear-gradient(145deg,#eaf3f7 0%,#ccdbe3 100%)!important;
  }
  .benefit-feature .service-visual-motor:before{
    inset:44px 0 0;
    opacity:.65;
    background:
      repeating-linear-gradient(0deg,transparent 0 24px,rgba(23,54,74,.09) 25px 26px),
      repeating-linear-gradient(90deg,transparent 0 34px,rgba(23,54,74,.07) 35px 36px);
  }
  .benefit-feature .service-visual-motor:after{
    height:38%;
    background:linear-gradient(transparent,rgba(169,193,204,.45));
  }
  .benefit-feature .service-visual-motor .visual-topbar{color:#17364a}
  .benefit-feature .service-visual-motor .visual-status{color:#476276}
  .benefit-feature .service-visual-motor .visual-status i{
    background:var(--accent-blue);
    box-shadow:0 0 0 4px rgba(49,94,112,.14);
  }
  .benefit-feature .service-visual-motor .dashboard-core{
    top:43%!important;
    left:50%!important;
    width:96px!important;
    height:96px!important;
    transform:translate(-50%,-50%)!important;
    border:1px solid rgba(255,255,255,.85);
    background:radial-gradient(circle at 35% 28%,#315e70,#0b2736 72%);
    box-shadow:0 0 0 8px rgba(255,255,255,.35),0 0 0 17px rgba(49,94,112,.12),0 10px 22px rgba(23,54,74,.2);
  }
  .benefit-feature .service-visual-motor .dashboard-core:before{
    content:'SALUD DEL MOTOR';
    position:absolute;
    top:15px;
    left:0;
    right:0;
    color:rgba(255,255,255,.72);
    font-size:6px;
    letter-spacing:.12em;
    text-align:center;
  }
  .benefit-feature .service-visual-motor .dashboard-core:after{
    content:'Estado óptimo';
    position:absolute;
    left:0;
    right:0;
    bottom:14px;
    color:rgba(255,255,255,.72);
    font-size:7px;
    text-align:center;
  }
  .benefit-feature .service-visual-motor .dashboard-ring{
    inset:7px!important;
    border:2px solid rgba(157,212,226,.92);
    border-right-color:transparent;
    border-bottom-color:transparent;
    box-shadow:0 0 12px rgba(157,212,226,.3);
  }
  .benefit-feature .service-visual-motor .dashboard-core svg{
    position:absolute;
    top:27px!important;
    left:50%;
    width:22px!important;
    height:22px!important;
    transform:translateX(-50%);
    stroke:#fff;
  }
  .benefit-feature .service-visual-motor .dashboard-core strong{
    position:absolute;
    top:48px!important;
    left:0;
    right:0;
    margin:0!important;
    color:#fff;
    font-size:18px!important;
    line-height:1;
    text-align:center;
  }
  .benefit-feature .service-visual-motor .dashboard-core small{display:none}
  .benefit-feature .service-visual-motor .dashboard-readouts{
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    gap:8px!important;
  }
  .benefit-feature .service-visual-motor .dashboard-readouts span{
    position:relative;
    min-height:44px;
    padding:8px 8px 13px!important;
    border:1px solid rgba(23,54,74,.16);
    border-radius:8px;
    background:rgba(255,255,255,.76);
    color:#476276;
    font-size:8px;
    line-height:1.1;
    box-shadow:0 6px 14px rgba(23,54,74,.08);
  }
  .benefit-feature .service-visual-motor .dashboard-readouts span:after{
    content:'';
    position:absolute;
    left:8px;
    right:8px;
    bottom:6px;
    height:2px;
    border-radius:99px;
    background:linear-gradient(90deg,var(--accent-blue) 0 92%,rgba(49,94,112,.16) 92% 100%);
  }
  .benefit-feature .service-visual-motor .dashboard-readouts span:last-child:after{
    background:linear-gradient(90deg,var(--accent-blue) 0 100%,rgba(49,94,112,.16) 100% 100%);
  }
  .benefit-feature .service-visual-motor .dashboard-readouts i{
    background:var(--accent-blue);
    box-shadow:none;
  }
  .benefit-feature .service-visual-motor .dashboard-readouts strong{
    color:#17364a;
    font-size:10px;
    margin-top:3px;
  }
}

/* v137: fuerza las fotografías panorámicas en la ficha móvil después de las
   reglas históricas de encuadre. Evita que una composición vertical anterior
   vuelva a aparecer al cambiar de servicio. */
@media (max-width:900px){
  .benefit-feature > .feature-media{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16 / 9!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
  }
  .benefit-feature[data-benefit="0"] > .feature-media{background-image:url('./assets/benefits/benefit-ubicacion-horizontal-v1.png?v=20260930-horizontal')!important}
  .benefit-feature[data-benefit="2"] > .feature-media{background-image:url('./assets/benefits/benefit-telemetria-horizontal-v1.png?v=20260930-horizontal')!important}
  .benefit-feature[data-benefit="3"] > .feature-media{background-image:url('./assets/benefits/benefit-alertas-horizontal-v1.png?v=20260930-horizontal')!important}
  .benefit-feature[data-benefit="5"] > .feature-media{background-image:url('./assets/benefits/benefit-control-horizontal-v1.png?v=20260930-horizontal')!important}
  .benefit-feature[data-benefit="7"] > .feature-media{background-image:url('./assets/benefits/benefit-proteccion-24-7-v2.webp?v=20261005-proteccion-v2')!important;background-position:right center!important}
  .benefit-feature[data-benefit="9"] > .feature-media{background-image:url('./assets/benefits/benefit-apertura-remota-horizontal-unlock-v1.png?v=20260930-remote-unlock')!important}
}

/* v138: estado Kia lo tiene centrado con indicador activo en verde. */
.benefit-feature .feature-connection-badge{
  align-items:center!important;
  line-height:1.15!important;
}
.benefit-feature .feature-connection-badge span{
  flex:0 0 auto!important;
  background:#315e70!important;
  box-shadow:0 0 0 3px rgba(49,94,112,.18)!important;
}

/* v140: una sola plantilla para todas las láminas del explorador móvil. */
@media (max-width:900px){
  .benefit-feature{
    display:grid!important;
    grid-template-rows:auto auto auto!important;
    height:auto!important;
    min-height:0!important;
    overflow:hidden!important;
    border:1px solid #d7e0e6!important;
    border-radius:16px!important;
    background:#fff!important;
    color:var(--ink)!important;
    box-shadow:0 14px 32px rgba(5,20,31,.09)!important;
  }

  .benefit-feature>.feature-media{
    grid-row:1!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16 / 9!important;
    background-size:cover!important;
    background-position:center center!important;
    filter:none!important;
    transform:none!important;
  }

  .benefit-feature>.feature-overlay{display:none!important}

  .benefit-feature>.feature-content{
    grid-row:2!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    padding:20px 18px 0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    background:#fff!important;
    color:#17364a!important;
  }

  .benefit-feature .feature-connection-badge{
    position:static!important;
    order:1!important;
    align-self:flex-start!important;
    min-height:28px!important;
    margin:0 0 16px!important;
    padding:7px 11px!important;
    display:inline-flex!important;
    align-items:center!important;
    line-height:1.15!important;
  }
  .benefit-feature .feature-kicker{
    order:2!important;
    margin:0 0 6px!important;
    color:#61758a!important;
    font-size:10px!important;
    line-height:1.2!important;
    letter-spacing:.16em!important;
  }
  .benefit-feature .feature-service-name{
    order:3!important;
    max-width:100%!important;
    margin:0!important;
    color:#05141f!important;
    font-size:clamp(28px,7.8vw,36px)!important;
    line-height:1.04!important;
    letter-spacing:-.04em!important;
    font-weight:650!important;
  }
  .benefit-feature .feature-title{display:none!important}
  .benefit-feature .feature-kia-has-it{
    order:4!important;
    display:block!important;
    margin:9px 0 0!important;
    color:#315e70!important;
    font-size:15px!important;
    line-height:1.15!important;
    font-weight:700!important;
  }
  .benefit-feature .feature-description{
    order:5!important;
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    margin:14px 0 0!important;
    color:#61758a!important;
    font-size:15px!important;
    line-height:1.45!important;
    font-weight:400!important;
  }
  .benefit-feature .feature-cta{
    order:6!important;
    position:static!important;
    inset:auto!important;
    width:100%!important;
    min-height:50px!important;
    margin:18px 0 0!important;
    padding:12px 18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:12px!important;
    border:1px solid #05141f!important;
    border-radius:10px!important;
    background:#05141f!important;
    color:#fff!important;
    font-size:15px!important;
    line-height:1.1!important;
  }
  .benefit-feature .feature-cta span{margin:0!important;font-size:22px!important}
  .benefit-feature .feature-status{display:none!important}

  .benefit-feature .feature-map{
    grid-row:3!important;
    position:relative!important;
    inset:auto!important;
    width:calc(100% - 36px)!important;
    height:190px!important;
    min-height:190px!important;
    max-height:190px!important;
    margin:18px 18px 18px!important;
    transform:none!important;
    border:1px solid #d7e0e6!important;
    border-radius:14px!important;
    background:#eaf1f4!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }

  .benefit-feature .feature-map .service-visual{
    border:0!important;
    border-radius:13px!important;
    background:linear-gradient(145deg,#edf4f6 0%,#d9e5ea 100%)!important;
    color:#17364a!important;
    backdrop-filter:none!important;
  }
  .benefit-feature .feature-map .service-visual:before{
    opacity:.42!important;
    background:
      repeating-linear-gradient(28deg,transparent 0 24px,rgba(23,54,74,.08) 25px 26px),
      repeating-linear-gradient(118deg,transparent 0 35px,rgba(23,54,74,.06) 36px 37px)!important;
  }
  .benefit-feature .feature-map .service-visual:after{
    height:34%!important;
    background:linear-gradient(transparent,rgba(255,255,255,.25))!important;
  }
  .benefit-feature .feature-map .visual-topbar{color:#17364a!important}
  .benefit-feature .feature-map .visual-status{color:#53687b!important}
  .benefit-feature .feature-map .visual-status i{
    background:#315e70!important;
    box-shadow:0 0 0 4px rgba(49,94,112,.16)!important;
  }
}

@media (max-width:380px){
  .benefit-feature>.feature-content{padding-inline:16px!important}
  .benefit-feature .feature-map{width:calc(100% - 32px)!important;margin-inline:16px!important}
}

/* v141: geocercas mobile con el mismo lenguaje visual que escritorio. */
@media (max-width:900px){
  .benefit-feature .service-visual-geofence{
    color:#17364a!important;
    background:
      radial-gradient(circle at 50% 43%,rgba(105,177,202,.3),transparent 27%),
      linear-gradient(145deg,#eaf3f7 0%,#cbdbe3 100%)!important;
  }
  .benefit-feature .service-visual-geofence:before{
    inset:44px 0 0!important;
    opacity:.68!important;
    background:
      repeating-linear-gradient(0deg,transparent 0 25px,rgba(23,54,74,.09) 26px 27px),
      repeating-linear-gradient(90deg,transparent 0 34px,rgba(23,54,74,.07) 35px 36px)!important;
  }
  .benefit-feature .service-visual-geofence:after{
    height:34%!important;
    background:linear-gradient(transparent,rgba(169,193,204,.45))!important;
  }
  .benefit-feature .service-visual-geofence .visual-topbar{color:#17364a!important}
  .benefit-feature .service-visual-geofence .visual-status{color:#476276!important}
  .benefit-feature .service-visual-geofence .visual-status i{
    background:#315e70!important;
    box-shadow:0 0 0 4px rgba(49,94,112,.16)!important;
  }
  .benefit-feature .service-visual-geofence .geofence-field{
    left:12px!important;
    right:12px!important;
    top:48px!important;
    bottom:52px!important;
    border:1px solid rgba(23,54,74,.18)!important;
    border-radius:12px!important;
    background:
      repeating-linear-gradient(0deg,transparent 0 25px,rgba(23,54,74,.09) 26px 27px),
      repeating-linear-gradient(90deg,transparent 0 34px,rgba(23,54,74,.07) 35px 36px),
      rgba(255,255,255,.2)!important;
    box-shadow:inset 0 0 24px rgba(255,255,255,.22)!important;
  }
  .benefit-feature .service-visual-geofence .geofence-field:before{
    content:'ZONA SEGURA ACTIVA';
    position:absolute;
    left:12px;
    top:10px;
    z-index:4;
    color:#476276;
    font-size:7px;
    letter-spacing:.14em;
  }
  .benefit-feature .service-visual-geofence .geofence-field:after{
    content:'';
    position:absolute;
    left:50%;
    top:51%;
    width:44%;
    height:42%;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:radial-gradient(circle,rgba(105,177,202,.3),transparent 70%);
  }
  .benefit-feature .service-visual-geofence .geofence-boundary{
    left:50%!important;
    top:52%!important;
    transform:translate(-50%,-50%) rotate(-12deg)!important;
    transform-origin:center!important;
    z-index:2!important;
  }
  .benefit-feature .service-visual-geofence .boundary-one{
    width:68%!important;
    height:48%!important;
    border:2px solid rgba(49,94,112,.6)!important;
    box-shadow:0 0 0 6px rgba(49,94,112,.06)!important;
  }
  .benefit-feature .service-visual-geofence .boundary-two{
    width:48%!important;
    height:32%!important;
    border:1px dashed rgba(49,94,112,.38)!important;
  }
  .benefit-feature .service-visual-geofence .geofence-marker{
    left:50%!important;
    top:52%!important;
    width:48px!important;
    height:48px!important;
    z-index:4!important;
    background:#315e70!important;
    box-shadow:0 0 0 8px rgba(49,94,112,.16),0 10px 20px rgba(23,54,74,.18)!important;
  }
  .benefit-feature .service-visual-geofence .geofence-marker svg{
    width:24px!important;
    height:24px!important;
    stroke:#fff!important;
  }
  .benefit-feature .service-visual-geofence .geofence-house{
    z-index:5!important;
    width:23px!important;
    height:23px!important;
    color:#fff!important;
    border:0!important;
    border-radius:50%!important;
    background:#17364a!important;
    box-shadow:0 4px 10px rgba(23,54,74,.16)!important;
    font-size:13px!important;
  }
  .benefit-feature .service-visual-geofence .house-one{left:11px!important;top:22px!important}
  .benefit-feature .service-visual-geofence .house-two{right:11px!important;bottom:19px!important}
  .benefit-feature .service-visual-geofence .geofence-label{
    left:12px!important;
    bottom:13px!important;
    padding:6px 9px!important;
    border:1px solid rgba(23,54,74,.16)!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.78)!important;
    box-shadow:0 6px 14px rgba(23,54,74,.08)!important;
  }
  .benefit-feature .service-visual-geofence .geofence-label strong{color:#17364a!important;font-size:9px!important}
  .benefit-feature .service-visual-geofence .geofence-label small{color:#476276!important;font-size:7px!important;margin-top:2px!important}
}

/* v142: mobile replica el orden de la ficha desktop: título y badge arriba,
   estado después de la descripción, gráfico y CTA al cierre. */
@media (max-width:900px){
  .benefit-feature{
    position:relative!important;
    box-sizing:border-box!important;
    padding-bottom:86px!important;
  }
  .benefit-feature>.feature-content{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    grid-row:2!important;
    padding:20px 18px 0!important;
  }
  .benefit-feature .feature-connection-badge{
    position:absolute!important;
    top:20px!important;
    right:18px!important;
    z-index:4!important;
    margin:0!important;
    min-height:28px!important;
    padding:7px 11px!important;
  }
  .benefit-feature .feature-kicker{display:none!important}
  .benefit-feature .feature-service-name{
    order:1!important;
    max-width:70%!important;
    margin:0!important;
    font-size:clamp(28px,7.8vw,36px)!important;
    line-height:1.04!important;
  }
  .benefit-feature .feature-title{display:none!important}
  .benefit-feature .feature-kia-has-it{display:none!important}
  .benefit-feature .feature-description{
    order:2!important;
    max-width:100%!important;
    margin:8px 0 0!important;
    font-size:15px!important;
    line-height:1.4!important;
  }
  .benefit-feature .feature-status{
    order:3!important;
    position:static!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin:20px 0 0!important;
    color:#53687b!important;
    font-size:12px!important;
  }
  .benefit-feature .feature-status .status-dot{
    width:9px!important;
    height:9px!important;
    background:#315e70!important;
    box-shadow:0 0 0 4px rgba(49,94,112,.12)!important;
  }
  .benefit-feature .feature-cta{
    position:absolute!important;
    z-index:4!important;
    left:18px!important;
    right:18px!important;
    bottom:18px!important;
    width:calc(100% - 36px)!important;
    margin:0!important;
    min-height:50px!important;
  }
  .benefit-feature .feature-map{
    grid-row:3!important;
    margin:18px 18px 0!important;
  }
}

@media (max-width:380px){
  .benefit-feature{padding-bottom:82px!important}
  .benefit-feature>.feature-content{padding-inline:16px!important}
  .benefit-feature .feature-connection-badge{right:16px!important}
  .benefit-feature .feature-map{margin-inline:16px!important}
  .benefit-feature .feature-cta{left:16px!important;right:16px!important;width:calc(100% - 32px)!important}
}

/* v143: corrige el orden real del DOM en mobile para que el gráfico quede
   siempre antes del CTA, igual que la ficha de escritorio. */
@media (max-width:900px){
  .benefit-feature{
    display:flex!important;
    flex-direction:column!important;
    padding-bottom:0!important;
  }
  .benefit-feature>.feature-media{
    order:1!important;
    flex:0 0 auto!important;
  }
  .benefit-feature>.feature-content{display:contents!important}
  .benefit-feature .feature-connection-badge{
    order:2!important;
    top:clamp(170px,56.25vw,350px)!important;
    right:18px!important;
  }
  .benefit-feature .feature-service-name{
    order:3!important;
    flex:0 0 auto!important;
    width:70%!important;
    max-width:70%!important;
    padding:20px 18px 0!important;
  }
  .benefit-feature .feature-description{
    order:4!important;
    flex:0 0 auto!important;
    width:auto!important;
    max-width:none!important;
    padding:0 18px!important;
    margin:8px 0 0!important;
  }
  .benefit-feature .feature-status{
    order:5!important;
    flex:0 0 auto!important;
    margin:20px 18px 0!important;
  }
  .benefit-feature .feature-map{
    order:6!important;
    flex:0 0 190px!important;
    width:calc(100% - 36px)!important;
    margin:18px 18px 0!important;
  }
  .benefit-feature .feature-cta{
    order:7!important;
    position:static!important;
    flex:0 0 auto!important;
    width:calc(100% - 36px)!important;
    margin:18px 18px 18px!important;
  }
}

@media (max-width:380px){
  .benefit-feature .feature-connection-badge{right:16px!important}
  .benefit-feature .feature-service-name{padding-inline:16px!important}
  .benefit-feature .feature-description{padding-inline:16px!important}
  .benefit-feature .feature-status{margin-inline:16px!important}
  .benefit-feature .feature-map{width:calc(100% - 32px)!important;margin-inline:16px!important}
  .benefit-feature .feature-cta{width:calc(100% - 32px)!important;margin-inline:16px!important}
}

/* v144: Control total mobile recupera el panel de app y las órbitas del
   diseño desktop, con texto blanco y acciones legibles. */
@media (max-width:900px){
  .benefit-feature .service-visual-control{
    color:#17364a!important;
    background:
      radial-gradient(circle at 50% 43%,rgba(105,177,202,.3),transparent 27%),
      linear-gradient(145deg,#eaf3f7 0%,#cbdbe3 100%)!important;
  }
  .benefit-feature .service-visual-control:before{
    inset:44px 0 0!important;
    opacity:.68!important;
    background:
      repeating-linear-gradient(0deg,transparent 0 25px,rgba(23,54,74,.09) 26px 27px),
      repeating-linear-gradient(90deg,transparent 0 34px,rgba(23,54,74,.07) 35px 36px)!important;
  }
  .benefit-feature .service-visual-control:after{
    content:'CONEXIÓN CENTRALIZADA  •  ACTIVA'!important;
    left:12px!important;
    right:12px!important;
    bottom:11px!important;
    height:29px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(23,54,74,.14)!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.78)!important;
    box-shadow:0 6px 14px rgba(23,54,74,.08)!important;
    color:#476276!important;
    font-size:7px!important;
    letter-spacing:.12em!important;
  }
  .benefit-feature .service-visual-control .visual-topbar{color:#17364a!important}
  .benefit-feature .service-visual-control .visual-status{color:#476276!important}
  .benefit-feature .service-visual-control .visual-status i{
    background:#315e70!important;
    box-shadow:0 0 0 4px rgba(49,94,112,.16)!important;
  }
  .benefit-feature .service-visual-control .remote-signal{
    display:block!important;
    top:47%!important;
    border-color:rgba(49,94,112,.46)!important;
    box-shadow:0 0 0 7px rgba(49,94,112,.05)!important;
    animation:visual-signal 3.2s ease-in-out infinite;
  }
  .benefit-feature .service-visual-control .signal-one{width:144px!important;height:144px!important}
  .benefit-feature .service-visual-control .signal-two{width:214px!important;height:214px!important;animation-delay:-1.6s}
  .benefit-feature .service-visual-control .remote-phone{
    z-index:4!important;
    top:47%!important;
    width:88px!important;
    height:116px!important;
    transform:translate(-50%,-50%)!important;
    padding:31px 8px 8px!important;
    border:3px solid #fff!important;
    border-radius:14px!important;
    background:linear-gradient(160deg,#315e70,#0b2736)!important;
    box-shadow:0 12px 22px rgba(23,54,74,.22),0 0 0 6px rgba(49,94,112,.12)!important;
  }
  .benefit-feature .service-visual-control .remote-phone:before{
    content:'KIA LINK';
    position:absolute;
    top:8px;
    left:9px;
    color:rgba(255,255,255,.72);
    font-size:6px;
    letter-spacing:.14em;
  }
  .benefit-feature .service-visual-control .remote-speaker{top:8px!important;width:20px!important;height:2px!important}
  .benefit-feature .service-visual-control .remote-connected{display:none!important}
  .benefit-feature .service-visual-control .remote-phone strong{color:#fff!important;font-size:14px!important;line-height:1!important}
  .benefit-feature .service-visual-control .remote-phone>small{max-width:72px;color:rgba(255,255,255,.82)!important;font-size:7px!important;line-height:1.15!important;text-align:center}
  .benefit-feature .service-visual-control .remote-actions{gap:4px!important;margin-top:auto!important}
  .benefit-feature .service-visual-control .remote-actions span{
    min-height:25px!important;
    padding:3px 1px!important;
    border:1px solid rgba(255,255,255,.28)!important;
    border-radius:6px!important;
    background:rgba(5,20,31,.22)!important;
    color:#fff!important;
    font-size:14px!important;
  }
  .benefit-feature .service-visual-control .remote-actions small{display:none!important}
}

/* v146: Control total mobile con una composición más despejada. La órbita
   rodea la app sin cruzar el pie informativo y el dispositivo conserva sus
   acciones dentro de una zona independiente. */
@media (max-width:900px){
  .benefit-feature .service-visual-control:after{
    left:16px!important;
    right:16px!important;
    bottom:9px!important;
    height:22px!important;
    font-size:6px!important;
    letter-spacing:.1em!important;
  }
  .benefit-feature .service-visual-control .remote-signal{
    top:43%!important;
    border-color:rgba(49,94,112,.38)!important;
  }
  .benefit-feature .service-visual-control .signal-one{
    width:142px!important;
    height:78px!important;
  }
  .benefit-feature .service-visual-control .signal-two{display:none!important}
  .benefit-feature .service-visual-control .remote-phone{
    top:42%!important;
    width:72px!important;
    height:94px!important;
    padding:23px 6px 6px!important;
    border-width:2px!important;
    border-radius:12px!important;
    box-shadow:0 9px 18px rgba(23,54,74,.2),0 0 0 5px rgba(49,94,112,.1)!important;
  }
  .benefit-feature .service-visual-control .remote-phone:before{
    top:7px!important;
    left:7px!important;
    font-size:5px!important;
  }
  .benefit-feature .service-visual-control .remote-speaker{top:6px!important;width:17px!important;height:2px!important}
  .benefit-feature .service-visual-control .remote-phone strong{font-size:11px!important;line-height:1!important}
  .benefit-feature .service-visual-control .remote-phone>small{font-size:6px!important;line-height:1.1!important;margin-top:3px!important}
  .benefit-feature .service-visual-control .remote-actions{gap:3px!important;margin-top:auto!important}
  .benefit-feature .service-visual-control .remote-actions span{min-height:21px!important;font-size:12px!important}
}

/* v147: Apertura remota mobile con jerarquía y separación iguales al resto
   de las láminas: órbita centrada, señales laterales y caption independiente. */
@media (max-width:900px){
  .benefit-feature .service-visual-remote{
    padding:12px!important;
  }
  .benefit-feature .service-visual-remote .visual-topbar{
    position:relative!important;
    z-index:5!important;
    padding:0 2px!important;
  }
  .benefit-feature .service-visual-remote .remote-unlock-art{
    top:45%!important;
    width:calc(100% - 26px)!important;
    height:96px!important;
  }
  .benefit-feature .service-visual-remote .remote-unlock-orbit-one{
    width:136px!important;
    height:60px!important;
    border-width:1px!important;
    box-shadow:0 0 0 6px rgba(49,94,112,.05)!important;
  }
  .benefit-feature .service-visual-remote .remote-unlock-signal{
    top:50%!important;
    width:8px!important;
    height:8px!important;
  }
  .benefit-feature .service-visual-remote .signal-left{left:14px!important}
  .benefit-feature .service-visual-remote .signal-right{right:14px!important}
  .benefit-feature .service-visual-remote .remote-unlock-badge{
    width:48px!important;
    height:48px!important;
  }
  .benefit-feature .service-visual-remote .remote-unlock-badge svg{width:24px!important;height:24px!important}
  .benefit-feature .service-visual-remote .remote-unlock-caption{
    left:12px!important;
    right:12px!important;
    bottom:10px!important;
    min-height:27px!important;
    padding:5px 8px!important;
    align-items:center!important;
    gap:8px!important;
    line-height:1.05!important;
  }
  .benefit-feature .service-visual-remote .remote-unlock-caption strong{font-size:7px!important}
  .benefit-feature .service-visual-remote .remote-unlock-caption small{font-size:5px!important;line-height:1.1!important}
}

/* v148: los CTA de detalle no forman parte de la ficha mobile; se conserva
   únicamente la información y el gráfico, igual que en escritorio. */
@media (max-width:900px){
  .benefit-feature .feature-cta{display:none!important}
}

/* v149: elimina el desplazamiento histórico de Apertura remota y centra su
   panel gráfico dentro de la tarjeta mobile. */
@media (max-width:900px){
  .benefit-feature[data-benefit="9"]>.feature-map{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    width:calc(100% - 36px)!important;
    margin:18px auto 0!important;
    transform:none!important;
    align-self:center!important;
  }
}
@media (max-width:380px){
  .benefit-feature[data-benefit="9"]>.feature-map{
    width:calc(100% - 32px)!important;
  }
}

/* v153: estado secundario visible y consistente en todas las láminas. */
.benefit-feature .feature-status{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  visibility:visible!important;
  opacity:1!important;
  white-space:nowrap;
  line-height:1.2!important;
}
.benefit-feature .feature-meta{
  display:inline-block!important;
  visibility:visible!important;
}
@media (min-width:901px){
  .benefit-feature>.feature-content{z-index:4!important}
  .benefit-feature .feature-status{
    left:24px!important;
    right:auto!important;
    bottom:367px!important;
    z-index:10!important;
    margin:0!important;
    padding:6px 10px;
    border-radius:999px;
    background:rgba(255,255,255,.72);
    color:#53687b!important;
    font-size:14px!important;
  }
  .benefit-feature .feature-status .status-dot{
    flex:0 0 11px;
  }
}
@media (max-width:900px){
  .benefit-feature .feature-status{
    position:static!important;
    z-index:4!important;
    visibility:visible!important;
    opacity:1!important;
  }
}

/* v158: zona segura vertical compartida; el panel ocupa el espacio libre
   entre el estado y el CTA sin dejar un hueco visual en las láminas. */
@media (min-width:901px){
  .benefit-feature .feature-map{
    height:300px!important;
    min-height:300px!important;
    max-height:300px!important;
  }
}
@media (max-width:900px){
  .benefit-feature .feature-status{margin-top:8px!important}
  .benefit-feature .feature-map{margin-top:4px!important}
}

/* v160: elimina la línea de estado secundaria de todas las láminas; la
   insignia superior “Kia lo tiene” concentra esa información. */
.benefit-feature .feature-status{
  display:none!important;
}

/* v161: retira el CTA inferior de todas las láminas; el selector superior
   sigue siendo la navegación y el gráfico ocupa el espacio liberado. */
.benefit-feature .feature-cta{
  display:none!important;
}
@media (min-width:901px){
  .benefit-feature .feature-map{
    bottom:20px!important;
  }
}

/* v162: compacta el flujo mobile de todas las láminas; al no existir CTA,
   el gráfico sube para ocupar el espacio vacío sin invadir la descripción. */
@media (max-width:900px){
  .benefit-feature .feature-map{
    margin-top:-72px!important;
  }
}

/* v163: todas las láminas comparten la altura real de la más alta. El
   contenido queda en flujo para que el gráfico siga a la descripción, sin
   reservar un hueco artificial entre ambos. */
.benefit-feature{
  height:var(--benefit-feature-height,auto)!important;
  min-height:0!important;
}

@media (min-width:901px){
  .benefit-feature{
    display:grid!important;
    grid-template-rows:auto auto auto!important;
    align-content:start!important;
  }
  .benefit-feature>.feature-media{
    grid-row:1!important;
  }
  .benefit-feature>.feature-content{
    grid-row:2!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:24px 24px 0!important;
    display:block!important;
  }
  .benefit-feature .feature-connection-badge{
    top:24px!important;
    right:24px!important;
  }
  .benefit-feature .feature-service-name{
    max-width:70%!important;
    margin:0!important;
  }
  .benefit-feature .feature-description{
    max-width:82%!important;
    margin:14px 0 0!important;
  }
  .benefit-feature>.feature-map{
    grid-row:3!important;
    position:relative!important;
    inset:auto!important;
    width:calc(100% - 48px)!important;
    height:300px!important;
    min-height:300px!important;
    max-height:300px!important;
    margin:28px 24px 24px!important;
    transform:none!important;
  }
}

@media (max-width:900px){
  .benefit-feature{
    height:auto!important;
  }
  .benefit-feature .feature-service-name{
    padding:24px 26px 0!important;
  }
  .benefit-feature .feature-description{
    padding-inline:26px!important;
    margin-top:14px!important;
  }
  .benefit-feature .feature-map{
    width:calc(100% - 52px)!important;
    margin:24px 26px 24px!important;
  }
}

@media (max-width:380px){
  .benefit-feature .feature-service-name{
    padding-inline:20px!important;
  }
  .benefit-feature .feature-description{
    padding-inline:20px!important;
  }
  .benefit-feature .feature-map{
    width:calc(100% - 40px)!important;
    margin-inline:20px!important;
  }
}

/* v166: Apertura remota conserva una regla histórica más específica; se
   centra explícitamente para que el panel tenga el mismo margen a ambos lados. */
@media (max-width:900px){
  .benefit-feature[data-benefit="9"]>.feature-map{
    width:calc(100% - 52px)!important;
    margin:24px auto 24px!important;
    align-self:center!important;
  }
}

@media (max-width:380px){
  .benefit-feature[data-benefit="9"]>.feature-map{
    width:calc(100% - 40px)!important;
    margin-inline:auto!important;
  }
}

/* v167: centra Apertura remota en ambos niveles del DOM: el panel dentro de
   la lámina y el visual dentro del panel. */
.benefit-feature[data-benefit="9"]>.feature-map{
  justify-self:center!important;
  align-self:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
  overflow:hidden!important;
}
.benefit-feature[data-benefit="9"]>.feature-map>.service-visual-remote{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  transform:none!important;
}
.benefit-feature[data-benefit="9"] .remote-unlock-art{
  left:50%!important;
  right:auto!important;
  margin:0!important;
}

/* v168: centra la composición completa de Apertura remota dentro de su
   caja, evitando que el visual absoluto herede desplazamientos anteriores. */
.benefit-feature[data-benefit="9"]>.feature-map{
  display:grid!important;
  place-items:center!important;
  transform:none!important;
}
.benefit-feature[data-benefit="9"]>.feature-map>.service-visual-remote{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  transform:none!important;
  align-self:stretch!important;
  justify-self:stretch!important;
}
.benefit-feature[data-benefit="9"]>.feature-map>.service-visual-remote .remote-unlock-art{
  left:50%!important;
  top:50%!important;
  right:auto!important;
  margin:0!important;
  transform:translate(-50%,-50%)!important;
}
.benefit-feature[data-benefit="9"]>.feature-map>.service-visual-remote .remote-unlock-caption{
  left:50%!important;
  right:auto!important;
  width:calc(100% - 36px)!important;
  transform:translateX(-50%)!important;
}

/* v169: en mobile centra también la caja completa del gráfico respecto a la
   tarjeta; la composición interna ya está centrada dentro de esa caja. */
@media (max-width:900px){
  .benefit-feature[data-benefit="9"]>.feature-map{
    left:50%!important;
    right:auto!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:translateX(-50%)!important;
  }
}

/* v170: evita el desplazamiento de posicionamiento relativo en mobile. La
   caja vuelve al flujo flex y se centra como un único elemento de la tarjeta. */
@media (max-width:900px){
  .benefit-feature[data-benefit="9"]>.feature-map{
    position:static!important;
    inset:auto!important;
    align-self:center!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:none!important;
  }
}

.benefit-feature.is-measuring{
  visibility:hidden!important;
  transition:none!important;
}

/* v171: audit de observaciones PPTX. Mantiene el lenguaje azul/gris de Kia,
   sustituye el mockup de baja resolución de la app por una composición nítida
   y elimina los últimos acentos verdes de estado. */
:root{--kia-status-blue:#315e70}

.app-screen-ui{
  display:flex;
  flex-direction:column;
  height:100%;
  min-height:0;
  color:#fff;
  font-size:10px;
}
.app-screen-ui .app-bar{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:24px;
  font-size:11px;
}
.app-screen-ui .app-mark{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:14px;
  border:1px solid rgba(255,255,255,.7);
  border-radius:3px;
  font-size:7px;
  font-weight:800;
  letter-spacing:.08em;
}
.app-screen-ui .app-bar strong{font-size:11px;line-height:1}
.app-screen-ui .app-status{
  margin-left:auto;
  color:#9db8c2!important;
  font-size:8px;
  line-height:1;
}
.app-screen-ui .app-greeting{
  margin-top:14px;
  color:#fff;
  font-size:14px;
  font-weight:700;
  line-height:1.12;
}
.app-screen-ui .mini-car{
  flex:0 0 150px;
  height:150px;
  margin:18px -6px 12px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:10px;
  background:url('./assets/hero-kia-link.webp') center/cover no-repeat;
  opacity:.95;
}
.app-screen-ui .phone-stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.18);
}
.app-screen-ui .phone-stats strong,.app-screen-ui .phone-stats small{display:block}
.app-screen-ui .phone-stats strong{font-size:13px}
.app-screen-ui .phone-stats small{margin-top:2px;color:rgba(255,255,255,.6);font-size:9px}
.app-screen-ui .phone-actions{
  display:flex;
  justify-content:space-between;
  gap:8px;
  margin-top:auto;
  color:#fff;
  font-size:18px;
}
.app-screen-ui .phone-actions span{display:grid;place-items:center;gap:2px}
.app-screen-ui .phone-actions small{font-size:8px;opacity:.65}

/* Los indicadores conservan contraste sin volver al verde anterior. */
.app-status,
.feature-connection-badge span,
.benefit-feature .feature-status .status-dot,
.benefit-feature .service-visual .visual-status i,
.benefit-feature .service-visual-location .visual-status i,
.benefit-feature .service-visual-motor .visual-status i,
.benefit-feature .service-visual-telemetry .visual-status i,
.benefit-feature .service-visual-alerts .visual-status i,
.benefit-feature .service-visual-scanner .visual-status i,
.benefit-feature .service-visual-control .visual-status i,
.benefit-feature .service-visual-stats .visual-status i,
.benefit-feature .service-visual-support .visual-status i,
.benefit-feature .service-visual-geofence .visual-status i,
.benefit-feature .service-visual-remote .visual-status i,
.benefit-feature .service-visual-scanner .scanner-result i,
.plan-intro-signal i,
.faq-connect-brand i,
.faq-alert-brand i,
.faq-plan-brand i,
.faq-fleet-brand i{
  background:var(--kia-status-blue)!important;
  box-shadow:0 0 0 4px rgba(49,94,112,.14)!important;
}
.app-status{color:#9db8c2!important}

@media(max-width:620px){
  .app-screen-ui .mini-car{flex-basis:138px;height:138px;margin-top:14px}
  .app-screen-ui .app-greeting{font-size:13px}
}

/* v172: usa la composición original de Kia Link en resolución completa.
   La imagen conserva su proporción natural y sustituye el mockup generado. */
.app-section{
  padding:0;
  background:#071923;
}
.app-section:after{
  display:none;
}
.app-section .app-backdrop,
.app-section .app-layout{
  display:none;
}
.app-original-wrap{
  position:relative;
  z-index:1;
  width:100%;
  line-height:0;
  overflow:hidden;
}
.app-original-image{
  display:block;
  width:100%;
  max-width:none;
  height:auto;
}
.app-original-cta{
  position:absolute;
  left:42%;
  top:84%;
  width:28%;
  height:14%;
  border-radius:12px;
}
.app-original-cta:focus-visible{
  outline:3px solid rgba(255,255,255,.95);
  outline-offset:-6px;
}

@media(max-width:900px){
  .app-original-image{
    width:100%;
    height:auto;
  }
}

/* v173: nuevos servicios de Kia Link — Modo guardián y Copiloto virtual. */
.benefit-feature[data-benefit="10"] .feature-map{transform:rotate(-2deg) scale(.94)}
.benefit-feature[data-benefit="11"] .feature-map{transform:rotate(2deg) scale(.94)}
.service-visual-guardian{
  background:radial-gradient(circle at 50% 51%,rgba(105,177,202,.22),transparent 30%),linear-gradient(145deg,#05141f,#12313d);
}
.guardian-lock-art{
  position:absolute;
  left:50%;
  top:52%;
  width:132px;
  height:132px;
  transform:translate(-50%,-50%);
  display:grid;
  place-items:center;
}
.guardian-lock-ring{
  position:absolute;
  border:1px solid rgba(255,255,255,.34);
  border-radius:50%;
}
.guardian-lock-ring-one{inset:14px}
.guardian-lock-ring-two{inset:0;border-color:rgba(255,255,255,.14)}
.guardian-lock-badge{
  position:relative;
  z-index:1;
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.78);
  border-radius:50%;
  background:#315e70;
  box-shadow:0 0 0 10px rgba(49,94,112,.18),0 12px 24px rgba(0,0,0,.24);
}
.guardian-lock-badge svg{width:30px;height:30px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.guardian-caption,
.copilot-share-card{
  position:absolute;
  z-index:3;
  left:18px;
  right:18px;
  bottom:17px;
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:8px;
  background:rgba(5,20,31,.68);
}
.guardian-caption strong,.guardian-caption small,
.copilot-share-card strong,.copilot-share-card small{display:block}
.guardian-caption strong,.copilot-share-card strong{font-size:11px}
.guardian-caption small,.copilot-share-card small{margin-top:3px;color:rgba(255,255,255,.62);font-size:8px}
.service-visual-copilot{
  background:radial-gradient(circle at 55% 47%,rgba(105,177,202,.2),transparent 30%),linear-gradient(145deg,#05141f,#12313d);
}
.copilot-route{
  position:absolute;
  inset:62px 22px 70px;
}
.copilot-route-line{
  position:absolute;
  left:15%;
  right:14%;
  top:52%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.84),transparent);
  transform:rotate(-16deg);
}
.copilot-node{
  position:absolute;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.72);
  border-radius:50%;
  background:#315e70;
  box-shadow:0 0 0 8px rgba(49,94,112,.16);
}
.copilot-node svg{width:25px;height:25px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.copilot-node-start{left:6%;top:49%}
.copilot-node-end{right:6%;top:15%}
.copilot-route-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.1)}
.route-dot-one{left:43%;top:37%}.route-dot-two{right:29%;top:68%}

@media(max-width:900px){
  .benefit-feature[data-benefit="10"] .service-visual-guardian,
  .benefit-feature[data-benefit="11"] .service-visual-copilot{
    color:#17364a!important;
    background:radial-gradient(circle at 50% 46%,rgba(105,177,202,.28),transparent 30%),linear-gradient(145deg,#edf4f7 0%,#d6e5eb 100%)!important;
  }
  .benefit-feature[data-benefit="10"] .service-visual-guardian:before,
  .benefit-feature[data-benefit="11"] .service-visual-copilot:before{
    opacity:.5;
    background:repeating-linear-gradient(28deg,transparent 0 24px,rgba(23,54,74,.08) 25px 26px),repeating-linear-gradient(118deg,transparent 0 35px,rgba(23,54,74,.06) 36px 37px);
  }
  .benefit-feature[data-benefit="10"] .service-visual-guardian .visual-topbar,
  .benefit-feature[data-benefit="11"] .service-visual-copilot .visual-topbar{color:#17364a!important}
  .benefit-feature[data-benefit="10"] .service-visual-guardian .visual-status,
  .benefit-feature[data-benefit="11"] .service-visual-copilot .visual-status{color:#53687b!important}
  .guardian-lock-art{top:47%;transform:translate(-50%,-50%) scale(.86)}
  .guardian-lock-ring{border-color:rgba(49,94,112,.3)}
  .guardian-caption,.copilot-share-card{
    left:12px;
    right:12px;
    bottom:10px;
    color:#17364a;
    border-color:rgba(23,54,74,.16);
    background:rgba(255,255,255,.78);
    box-shadow:0 8px 18px rgba(23,54,74,.08);
  }
  .guardian-caption small,.copilot-share-card small{color:#476276}
  .copilot-route{inset:52px 18px 66px}
  .copilot-node{transform:scale(.86);background:#315e70}
  .copilot-route-line{background:linear-gradient(90deg,transparent,rgba(49,94,112,.78),transparent)}
  .copilot-route-dot{background:#315e70;box-shadow:0 0 0 5px rgba(49,94,112,.12)}
}

@media(prefers-reduced-motion:reduce){
  .guardian-lock-ring,.copilot-route-line{animation:none}
}

/* v177: nueva lámina de Geocercas virtuales con el vehículo anclado a la derecha. */
@media (max-width:900px){
  article.benefit-feature[data-benefit="8"] > div.feature-media[data-safe-zone="vehicle"]{
    background-image:url('./assets/benefits/benefit-geocercas-virtuales-v3.webp?v=20261005-geocercas-v3') !important;
    background-size:cover !important;
    background-position:right center !important;
    background-repeat:no-repeat !important;
    background-color:#05141f !important;
  }
}

/* v178: nueva lámina de Apertura remota con el vehículo anclado a la derecha. */
@media (max-width:900px){
  article.benefit-feature[data-benefit="9"] > div.feature-media[data-safe-zone="vehicle"]{
    background-image:url('./assets/benefits/benefit-apertura-remota-v2.webp?v=20261005-apertura-remota-v2') !important;
    background-size:cover !important;
    background-position:right center !important;
    background-repeat:no-repeat !important;
    background-color:#05141f !important;
  }
}

/* v179: nueva lámina de Modo guardián con el vehículo anclado a la derecha. */
@media (max-width:900px){
  article.benefit-feature[data-benefit="10"] > div.feature-media[data-safe-zone="vehicle"]{
    background-image:url('./assets/benefits/benefit-modo-guardian-v2.webp?v=20261005-modo-guardian-v2') !important;
    background-size:cover !important;
    background-position:right center !important;
    background-repeat:no-repeat !important;
    background-color:#05141f !important;
  }
}

/* v180: nueva lámina de Copiloto virtual con el vehículo anclado a la derecha. */
@media (max-width:900px){
  article.benefit-feature[data-benefit="11"] > div.feature-media[data-safe-zone="vehicle"]{
    background-image:url('./assets/benefits/benefit-copiloto-virtual-v3.webp?v=20261005-copiloto-v3') !important;
    background-size:cover !important;
    background-position:right center !important;
    background-repeat:no-repeat !important;
    background-color:#05141f !important;
  }
}

/* v185: separa la columna de copy del sistema solar en desktop, evitando
   que el área interactiva del hero invada visualmente el texto. */
@media (min-width:1201px){
  .hero-content > .eyebrow,
  .hero-content > h1,
  .hero-content > .hero-copy,
  .hero-content > .button-row,
  .hero-content > .hero-proof{
    max-width:560px;
  }
  .hero-content > .hero-copy,
  .hero-content > .button-row,
  .hero-content > .hero-proof{
    max-width:430px;
  }
  .solar-system{
    right:max(18px, calc((100vw - 1400px) / 2));
  }
}

/* v186: evita que el sistema solar invada el copy en anchos intermedios de
   escritorio, donde todavía no se activa el layout mobile. */
@media (min-width:901px) and (max-width:1200px){
  .hero-content{
    padding-right:clamp(378px, 42vw, 460px);
  }
  .hero-content > .eyebrow,
  .hero-content > h1,
  .hero-content > .hero-copy,
  .hero-content > .button-row,
  .hero-content > .hero-proof{
    max-width:100%;
  }
  .hero h1{
    font-size:clamp(42px, 5.7vw, 68px);
  }
  .hero-copy{
    max-width:400px;
  }
  .hero .button-row{
    max-width:430px;
  }
  .hero-proof{
    max-width:420px;
  }
  .solar-system{
    width:440px;
    height:440px;
    right:-2%;
    transform:translateY(-50%) scale(.86);
    transform-origin:right center;
  }
  .solar-orbit-large{width:400px;height:400px}
  .solar-orbit-small{width:236px;height:236px}
  .solar-core{width:116px;height:116px}
  .solar-node{min-width:132px;padding:9px 10px;gap:7px}
  .solar-node strong{font-size:11px}
  .solar-node small{font-size:9px}
}

/* v187: mantiene todos los nodos dentro del viewport en el breakpoint de
   escritorio intermedio, incluido el zoom del navegador al 100%. */
@media (min-width:901px) and (max-width:1200px){
  .solar-system{
    width:380px;
    height:380px;
    right:0;
    transform:translateY(-50%) scale(.78);
    transform-origin:right center;
  }
  .solar-orbit-large{width:350px;height:350px}
  .solar-orbit-small{width:210px;height:210px}
  .solar-core{width:104px;height:104px}
  .solar-node{
    min-width:118px;
    padding:8px;
    gap:6px;
    font-size:10px;
  }
  .solar-node strong{font-size:10px}
  .solar-node small{font-size:8px}
  .node-location{left:2%}
  .node-alerts{right:2%}
  .node-engine{left:1%}
  .node-help{right:3%}
}

/* v188: convierte el hero en dos paneles independientes: copy a la
   izquierda y sistema solar a la derecha. */
.hero-columns{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:28px;
  align-items:stretch;
  min-height:540px;
}
.hero-copy-box,
.hero-solar-box{
  position:relative;
  min-width:0;
  border:1px solid rgba(255,255,255,.28);
  border-radius:22px;
  background:rgba(3,15,24,.42);
  box-shadow:0 18px 42px rgba(0,0,0,.16);
  backdrop-filter:blur(8px);
}
.hero-copy-box{
  display:flex;
  align-items:center;
  overflow:hidden;
}
.hero-content{
  width:100%;
  padding:44px clamp(26px,3.3vw,50px);
}
.hero-content > *{max-width:100%}
.hero-copy{max-width:430px}
.hero .button-row{max-width:460px}
.hero-proof{max-width:460px;flex-wrap:wrap}
.hero-solar-box{
  min-height:540px;
  overflow:hidden;
  display:grid;
  place-items:center;
  isolation:isolate;
}
.hero-solar-box:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:radial-gradient(circle at 50% 50%,rgba(49,94,112,.22),transparent 62%);
}
.hero-solar-box .solar-system{
  left:50%;
  right:auto;
  top:50%;
  width:min(540px,calc(100% - 30px));
  height:auto;
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  transform-origin:center;
}

@media(max-width:900px){
  .hero{
    height:auto;
    min-height:100svh;
    padding:92px 0 28px;
    align-items:stretch;
  }
  .hero-columns{
    width:min(100% - 32px,640px);
    grid-template-columns:1fr;
    gap:16px;
    min-height:0;
  }
  .hero-copy-box,
  .hero-solar-box{border-radius:18px}
  .hero-content{
    padding:26px 22px;
    text-shadow:0 1px 9px rgba(0,0,0,.42);
  }
  .hero-solar-box{
    height:320px;
    min-height:320px;
  }
  .hero-solar-box .solar-system{
    width:min(360px,calc(100% - 18px));
    transform:translate(-50%,-50%) scale(.82);
  }
}
@media(max-width:560px){
  .hero{padding-top:84px}
  .hero-content{padding:24px 18px}
  .hero-solar-box{height:300px;min-height:300px}
  .hero-solar-box .solar-system{transform:translate(-50%,-50%) scale(.74)}
}

/* v189: conserva la separación estructural sin dibujar tarjetas sobre el
   video; el sistema solar vuelve a caer directamente sobre el vehículo. */
.hero-copy-box,
.hero-solar-box{
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
}
.hero-solar-box{
  overflow:visible;
}
.hero-solar-box:before{
  display:none;
}

/* v191: el hero ocupa todo el ancho; copy y sistema solar quedan anclados a
   extremos opuestos sobre el mismo fondo, sin márgenes de contenedor. */
.hero-columns{
  width:100%;
  max-width:none;
  margin-inline:0;
  gap:0;
}
.hero-content{
  padding-left:clamp(24px,4.5vw,72px);
  padding-right:clamp(24px,3vw,48px);
}
.hero-solar-box .solar-system{
  left:auto;
  right:0;
  width:min(560px,100%);
  transform:translateY(-50%);
}

@media(max-width:900px){
  .hero-columns{
    width:100%;
    margin-inline:0;
  }
  .hero-content{
    padding-left:20px;
    padding-right:20px;
  }
  .hero-solar-box .solar-system{
    left:50%;
    right:auto;
    width:min(360px,calc(100% - 18px));
    transform:translate(-50%,-50%) scale(.82);
  }
}
@media(max-width:560px){
  .hero-content{padding-left:18px;padding-right:18px}
  .hero-solar-box .solar-system{transform:translate(-50%,-50%) scale(.74)}
}

/* v192: el texto usa un área más amplia de la imagen; el sistema solar
   conserva su espacio propio a la derecha sin invadir el copy. */
.hero-columns{
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
}
.hero-content > h1{
  max-width:760px;
}
.hero-copy,
.hero .button-row,
.hero-proof{
  max-width:620px;
}
@media (min-width:901px) and (max-width:1200px){
  .hero-columns{
    grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  }
  .hero h1{
    font-size:clamp(42px,5.7vw,68px);
  }
}
@media(max-width:900px){
  .hero-columns{
    grid-template-columns:1fr;
  }
  .hero-content > h1,
  .hero-copy,
  .hero .button-row,
  .hero-proof{
    max-width:100%;
  }
}

/* v193: reserva una zona segura inferior en mobile para que el centro de las
   órbitas coincida con el vehículo y sus etiquetas no invadan el copy. */
@media(max-width:900px){
  .hero-solar-box{
    height:clamp(330px,42svh,410px);
    min-height:clamp(330px,42svh,410px);
    position:relative;
    display:block;
  }
  .hero-solar-box::after{
    content:"";
    position:absolute;
    inset:8% 7%;
    z-index:0;
    border-radius:50%;
    background:radial-gradient(ellipse at center,rgba(3,15,24,.18),rgba(3,15,24,.07) 48%,transparent 74%);
    pointer-events:none;
  }
  .hero-solar-box .solar-system{
    top:50%;
    left:50%;
    right:auto;
    width:min(390px,calc(100% - 12px));
    height:min(390px,calc(100% - 12px));
    transform:translate(-50%,-50%) scale(.82);
    transform-origin:center center;
    z-index:5;
  }
}
@media(max-width:560px){
  .hero-solar-box{
    height:clamp(330px,43svh,390px);
    min-height:clamp(330px,43svh,390px);
  }
  .hero-solar-box .solar-system{
    width:min(360px,calc(100% - 10px));
    height:min(360px,calc(100% - 10px));
    transform:translate(-50%,-50%) scale(.78);
  }
}
@media(max-width:380px){
  .hero-solar-box{
    height:clamp(320px,40svh,360px);
    min-height:clamp(320px,40svh,360px);
  }
  .hero-solar-box .solar-system{
    width:min(344px,calc(100% - 8px));
    height:min(344px,calc(100% - 8px));
    transform:translate(-50%,-50%) scale(.72);
  }
}

/* v194: en mobile la lámina horizontal se reemplaza por la composición
   responsive para conservar legibilidad y jerarquía visual. */
@media(max-width:900px){
  .app-section{
    padding:72px 0 82px;
    overflow:hidden;
  }
  .app-section .app-original-wrap{
    display:none;
  }
  .app-section .app-layout{
    display:grid;
    width:min(100% - 32px,640px);
    margin-inline:auto;
    grid-template-columns:1fr;
    gap:30px;
  }
  .app-layout .phone-stage{
    min-height:330px;
  }
  .app-layout .phone-glow{
    width:250px;
    height:250px;
  }
  .app-layout .phone-frame{
    width:194px;
    height:374px;
  }
  .app-layout .app-copy{
    width:100%;
    max-width:520px;
    margin-inline:auto;
  }
  .app-layout .app-copy h2{
    font-size:clamp(44px,10vw,58px);
    line-height:.96;
    margin-bottom:20px;
  }
  .app-layout .app-copy > p:not(.eyebrow){
    font-size:16px;
    line-height:1.45;
  }
  .app-layout .check-list{
    margin:28px 0 26px;
    gap:18px;
  }
  .app-layout .check-list li{
    gap:10px;
  }
  .app-layout .check-list strong{
    font-size:15px;
  }
  .app-layout .check-list small{
    font-size:13px;
    line-height:1.4;
  }
  .app-layout .text-link{
    min-height:44px;
  }
}
@media(max-width:560px){
  .app-section{
    padding:64px 0 72px;
  }
  .app-section .app-layout{
    gap:22px;
  }
  .app-layout .phone-stage{
    min-height:300px;
  }
  .app-layout .phone-frame{
    width:170px;
    height:330px;
  }
  .app-layout .app-copy h2{
    font-size:clamp(42px,12vw,52px);
  }
  .app-layout .app-copy > p:not(.eyebrow){
    font-size:15px;
  }
}

/* v195: alinea el gráfico interno de Modo guardián con la paleta clara
   azulada y la retícula técnica del resto de servicios. */
.benefit-feature[data-benefit="10"] .service-visual-guardian{
  color:#17364a!important;
  background:radial-gradient(circle at 50% 46%,rgba(105,177,202,.28),transparent 30%),linear-gradient(145deg,#edf4f7 0%,#d6e5eb 100%)!important;
}
.benefit-feature[data-benefit="10"] .service-visual-guardian:before{
  opacity:.5;
  background:repeating-linear-gradient(28deg,transparent 0 24px,rgba(23,54,74,.08) 25px 26px),repeating-linear-gradient(118deg,transparent 0 35px,rgba(23,54,74,.06) 36px 37px);
}
.benefit-feature[data-benefit="10"] .service-visual-guardian .visual-topbar{
  color:#17364a!important;
}
.benefit-feature[data-benefit="10"] .service-visual-guardian .visual-status{
  color:#53687b!important;
}
.benefit-feature[data-benefit="10"] .guardian-lock-ring{
  border-color:rgba(49,94,112,.3);
}
.benefit-feature[data-benefit="10"] .guardian-lock-badge{
  background:#315e70;
  border-color:#fff;
  box-shadow:0 0 0 10px rgba(49,94,112,.16),0 12px 24px rgba(23,54,74,.2);
}
.benefit-feature[data-benefit="10"] .guardian-caption{
  color:#17364a;
  border-color:rgba(23,54,74,.16);
  background:rgba(255,255,255,.78);
  box-shadow:0 8px 18px rgba(23,54,74,.08);
}
.benefit-feature[data-benefit="10"] .guardian-caption strong{
  color:#17364a;
}
.benefit-feature[data-benefit="10"] .guardian-caption small{
  color:#476276;
}

/* v196: aplica la misma paleta clara al gráfico interno de Copiloto virtual. */
.benefit-feature[data-benefit="11"] .service-visual-copilot{
  color:#17364a!important;
  background:radial-gradient(circle at 50% 46%,rgba(105,177,202,.28),transparent 30%),linear-gradient(145deg,#edf4f7 0%,#d6e5eb 100%)!important;
}
.benefit-feature[data-benefit="11"] .service-visual-copilot:before{
  opacity:.5;
  background:repeating-linear-gradient(28deg,transparent 0 24px,rgba(23,54,74,.08) 25px 26px),repeating-linear-gradient(118deg,transparent 0 35px,rgba(23,54,74,.06) 36px 37px);
}
.benefit-feature[data-benefit="11"] .service-visual-copilot .visual-topbar{
  color:#17364a!important;
}
.benefit-feature[data-benefit="11"] .service-visual-copilot .visual-status{
  color:#53687b!important;
}
.benefit-feature[data-benefit="11"] .copilot-route-line{
  background:linear-gradient(90deg,transparent,rgba(49,94,112,.78),transparent);
}
.benefit-feature[data-benefit="11"] .copilot-node{
  background:#315e70;
  border-color:rgba(255,255,255,.78);
  box-shadow:0 0 0 8px rgba(49,94,112,.14),0 9px 18px rgba(23,54,74,.16);
}
.benefit-feature[data-benefit="11"] .copilot-route-dot{
  background:#315e70;
  box-shadow:0 0 0 5px rgba(49,94,112,.12);
}
.benefit-feature[data-benefit="11"] .copilot-share-card{
  color:#17364a;
  border-color:rgba(23,54,74,.16);
  background:rgba(255,255,255,.78);
  box-shadow:0 8px 18px rgba(23,54,74,.08);
}
.benefit-feature[data-benefit="11"] .copilot-share-card strong{
  color:#17364a;
}
.benefit-feature[data-benefit="11"] .copilot-share-card small{
       color:#476276;
     }

/* v197: evita desbordes de texto en la ilustración de alertas en pantallas pequeñas. */
.faq-art-notify{overflow:hidden}
.faq-notify-phone{overflow:hidden;contain:layout paint}
.faq-phone-status{right:5px;max-width:calc(100% - 15px);white-space:nowrap;overflow:hidden;text-overflow:clip;line-height:1}
.faq-notify-card{overflow:hidden}
.faq-notify-card>span:last-child{min-width:0;flex:1 1 auto}
.faq-notify-card strong,.faq-notify-card small{max-width:100%;min-width:0}
@media(max-width:700px){
  .faq-notify-phone{width:58px;height:102px}
  .faq-phone-status{left:7px;right:4px;font-size:5px;letter-spacing:0}
  .faq-notify-card{right:4%;width:46%;gap:5px}
  .faq-notify-card-icon{width:16px;height:16px;font-size:10px}
}
@media(max-width:380px){
  .faq-notify-phone{left:20%;transform:rotate(-7deg) scale(.84)}
  .faq-notify-card{right:3%;width:48%;padding:4px 5px}
  .faq-notify-card strong{font-size:7px}
  .faq-notify-card small{font-size:5.5px}
}

/* v200: alinea el sistema solar con el centro visual del vehículo horizontal. */
@media(min-width:901px){
  .hero-solar-box{overflow:visible}
  .hero-solar-box .solar-system{
    left:50%;
    top:70%;
    transform:translate(-50%,-50%) scale(.82);
  }
}

/* v202: separa la firma Kia lo tiene debajo de KIA LINK APP en mobile. */
@media(max-width:900px){
  .app-copy > .eyebrow .kia-has-it{
    display:block;
    margin:6px 0 0;
    font-size:1em;
    line-height:1.1;
  }
}

/* v203: todos los badges Kia lo tiene usan verde para comunicar estado activo. */
.benefit-feature .feature-connection-badge span{
  background:#45b96b!important;
  box-shadow:0 0 0 3px rgba(69,185,107,.24)!important;
}

/* v198: conserva la última tarjeta como vecina visual de la primera en mobile. */
.benefit-selector-loop-clone{display:none!important}
@media(max-width:900px){
  .benefit-selector-loop-clone{display:grid!important}
}

/* v210: distintivos Kia lo tiene separados y consistentes en las dos líneas del hero. */
.hero-proof{
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
}
.hero-proof-connectivity{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.hero-proof-kia-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  flex:0 0 auto;
  width:max-content;
  margin-left:2px;
  padding:3px 8px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  background:rgba(5,20,31,.42);
  color:rgba(255,255,255,.92);
  font-size:11px;
  font-weight:600;
  line-height:1.2;
  white-space:nowrap;
}
.hero-proof-kia-badge::before{
  content:"";
  flex:0 0 6px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#45b96b;
  box-shadow:0 0 0 2px rgba(69,185,107,.2);
}
.hero-proof-phone-line{
  display:flex;
  align-items:center;
  gap:8px;
  margin-left:29px;
  flex-wrap:wrap;
}
.hero-proof-phone-line>svg{
  flex:0 0 15px;
  width:15px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.hero-proof-phone-line>span{min-width:0}
@media(max-width:900px){
  .hero-proof{gap:5px}
  .hero-proof-phone-line{
    align-items:flex-start;
    gap:7px;
  }
}

/* v207: estados activos verdes y distintivo Kia lo tiene en todas las respuestas FAQ. */
.faq-answer-note{
  flex-wrap:wrap;
  column-gap:9px;
  row-gap:6px;
}
.faq-answer-note>i{
  flex:0 0 8px;
  background:#45b96b;
  box-shadow:0 0 0 5px rgba(69,185,107,.24);
}
.faq-answer-note-copy{min-width:0}
.faq-answer-kia{
  flex:0 0 auto;
  color:#315f70;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
}

/* v212: composición de la app sobre blanco, continua con Servicios. */
.app-section{
  background:#fff;
  color:var(--ink);
  border-top:0;
  padding:88px 0 48px;
}
.app-section .app-layout{
  display:grid;
  width:min(1180px,calc(100% - 64px));
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  gap:clamp(40px,6vw,90px);
  align-items:center;
}
.app-section .phone-frame{
  box-shadow:0 24px 48px rgba(5,20,31,.16);
}
.app-section .app-copy{
  min-width:0;
  max-width:580px;
}
.app-section .app-copy .eyebrow{color:var(--accent-blue)}
.app-section .app-copy h2{
  font-size:clamp(44px,4.4vw,64px);
  line-height:1.02;
}
.app-section .app-copy h2 em{color:inherit}
.app-section .app-copy>p:not(.eyebrow),
.app-section .check-list small{
  color:#61758a;
  line-height:1.45;
}
.app-section .check-list li>span:first-child{
  flex:0 0 22px;
  color:var(--accent-blue);
}
.app-section .check-list svg{
  display:block;
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.app-section .text-link,
.app-section .text-link span{color:var(--accent-blue)}
.app-section .text-link{min-height:44px}
.app-section + .benefits{padding-top:72px}
@media(max-width:900px){
  .app-section{
    padding:64px 0 28px;
  }
  .app-section .app-layout{
    width:min(calc(100% - 32px),640px);
    grid-template-columns:minmax(0,1fr);
    gap:30px;
  }
  .app-section .app-copy h2{
    font-size:clamp(42px,10vw,58px);
  }
  .app-section + .benefits{padding-top:56px}
}
@media(max-width:560px){
  .app-section{
    padding:56px 0 20px;
  }
  .app-section .app-layout{gap:22px}
  .app-section .app-copy h2{
    font-size:clamp(42px,12vw,52px);
  }
}

/* v213: referencia de la app, panel plata y blanco con detalles azul pizarra. */
.app-section{
  padding:0;
  border-bottom:1px solid #dfe6eb;
}
.app-section .app-layout{
  width:min(100%,1800px);
  grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  gap:0;
  align-items:stretch;
}
.app-section .phone-stage{
  min-width:0;
  min-height:clamp(600px,48vw,750px);
  overflow:hidden;
  isolation:isolate;
  background:radial-gradient(ellipse at 50% 82%,rgba(49,94,112,.13),transparent 54%),linear-gradient(145deg,#f0f4f6,#dce5ea 62%,#f3f6f8);
}
.app-section .phone-frame{
  z-index:2;
  width:clamp(248px,23vw,330px);
  height:clamp(480px,44.5vw,640px);
  padding:9px;
  border:7px solid #111e27;
  border-radius:42px;
  background:linear-gradient(135deg,#4a5862,#111e27 25%,#26343e);
  transform:rotate(-7deg);
  box-shadow:1px 0 0 #a9b1b6,-3px 0 0 #46535d,0 28px 28px rgba(5,20,31,.22);
}
.app-section .phone-screen{border-radius:28px}
.app-section .phone-app-screen{border-radius:28px}
.app-section .phone-notch{width:35%;height:22px;top:7px}
.app-phone-floor{
  position:absolute;
  bottom:9%;
  left:19%;
  width:62%;
  height:20px;
  border-radius:50%;
  background:rgba(5,20,31,.16);
  filter:blur(10px);
  pointer-events:none;
}
.app-phone-orbit{
  position:absolute;
  z-index:0;
  left:-3%;
  top:22%;
  width:105%;
  height:55%;
  border:1px solid rgba(255,255,255,.9);
  border-radius:50%;
  transform:rotate(-18deg);
  pointer-events:none;
}
.app-phone-orbit-two{
  left:0;
  top:36%;
  width:110%;
  height:48%;
  transform:rotate(23deg);
}
.app-phone-orbit::before,
.app-phone-orbit::after{
  content:"";
  position:absolute;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 12px rgba(255,255,255,.7);
}
.app-phone-orbit::before{left:14%;top:8%}
.app-phone-orbit::after{right:11%;bottom:10%}
.app-floating-card{
  position:absolute;
  z-index:1;
  display:grid;
  gap:10px;
  width:136px;
  padding:17px 16px;
  border:1px solid rgba(157,184,194,.22);
  border-radius:14px;
  background:linear-gradient(145deg,#102b38,#05141f);
  box-shadow:0 12px 24px rgba(5,20,31,.14);
  color:#fff;
  font-size:16px;
  line-height:1.2;
}
.app-floating-card svg{
  width:32px;
  height:32px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.app-floating-connect{left:5%;top:31%;transform:rotate(-5deg)}
.app-floating-alerts{right:5%;top:54%;transform:rotate(-4deg)}
.app-section .app-copy{
  width:100%;
  max-width:none;
  margin:0;
  padding:48px clamp(32px,4vw,72px);
  align-self:center;
}
.app-section .app-copy .eyebrow{margin:0 0 16px}
.app-section .app-copy h2{
  margin:0;
  font-size:clamp(44px,4.6vw,72px);
  line-height:1.02;
  letter-spacing:-.05em;
}
.app-section .app-copy>p:not(.eyebrow){
  max-width:620px;
  margin:20px 0 0;
  font-size:clamp(17px,1.4vw,21px);
}
.app-section .check-list{gap:0;margin:20px 0 24px}
.app-section .check-list li{
  display:grid;
  grid-template-columns:50px minmax(0,1fr);
  align-items:center;
  gap:18px;
  padding:14px 0;
}
.app-section .check-list li+li{border-top:1px solid #dfe6eb}
.app-section .check-list li>span:first-child{
  display:grid;
  place-items:center;
  width:50px;
  height:50px;
  border-radius:11px;
  background:#f1f5f7;
}
.app-section .check-list svg{width:26px;height:26px}
.app-section .check-list strong{font-size:17px;line-height:1.25;font-weight:650}
.app-section .check-list small{margin-top:4px;font-size:14px}
.app-section .app-cta{
  width:max-content;
  max-width:100%;
  min-height:54px;
  padding:14px 23px;
  gap:22px;
  border:1px solid var(--accent-blue);
  border-radius:6px;
  background:var(--accent-blue);
  color:#fff;
  font-size:16px;
}
.app-section .app-cta:hover{background:var(--accent-blue-dark);border-color:var(--accent-blue-dark)}
@media(min-width:901px) and (max-width:1100px){
  .app-floating-card{width:110px;padding:14px 12px;font-size:14px}
  .app-floating-connect{left:3%}
  .app-floating-alerts{right:3%}
}
@media(max-width:900px){
  .app-section{padding:0}
  .app-section .app-layout{width:100%;grid-template-columns:minmax(0,1fr);gap:0}
  .app-section .phone-stage{min-height:540px}
  .app-section .phone-frame{width:248px;height:480px}
  .app-floating-connect{left:max(20px,calc(50% - 250px))}
  .app-floating-alerts{right:max(20px,calc(50% - 250px))}
  .app-section .app-copy{max-width:680px;margin-inline:auto;padding:44px 28px}
  .app-section .app-copy h2{font-size:clamp(40px,7vw,56px)}
}
@media(max-width:560px){
  .app-section .phone-stage{min-height:530px;padding:12px 0 100px}
  .app-section .phone-frame{width:210px;height:406px;border-radius:34px}
  .app-section .phone-screen,.app-section .phone-app-screen{border-radius:23px}
  .app-section .phone-notch{height:18px}
  .app-phone-floor{bottom:102px}
  .app-floating-card{width:118px;padding:10px 12px;gap:6px;font-size:12px}
  .app-floating-card svg{width:24px;height:24px}
  .app-floating-connect{left:calc(50% - 130px);top:auto;bottom:14px;transform:rotate(-3deg)}
  .app-floating-alerts{right:calc(50% - 130px);top:auto;bottom:14px;transform:rotate(3deg)}
  .app-section .app-copy{padding:36px 20px}
  .app-section .app-copy h2{font-size:clamp(36px,8.8vw,48px)}
  .app-section .app-copy>p:not(.eyebrow){font-size:16px}
  .app-section .check-list li{grid-template-columns:44px minmax(0,1fr);gap:12px}
  .app-section .check-list li>span:first-child{width:44px;height:44px}
  .app-section .check-list strong{font-size:15px}
  .app-section .check-list small{font-size:13px}
  .app-section .app-cta{width:100%;font-size:15px;justify-content:space-between}
}

/* v214: espacio blanco entre el hero y la composición de Kia Link App. */
.app-section{padding-top:64px}
@media(max-width:900px){
  .app-section{padding-top:48px}
}
@media(max-width:560px){
  .app-section{padding-top:32px}
}

/* v215: flotación suave y señales orbitales, activas solo cuando la app es visible. */
.app-section .phone-stage{--app-animation-state:paused}
.app-section .phone-stage.is-app-motion-active{--app-animation-state:running}
.app-section .phone-frame{
  animation:app-device-float 7s ease-in-out infinite;
  animation-play-state:var(--app-animation-state);
}
.app-section .app-floating-card{
  animation:app-card-float 8s ease-in-out infinite;
  animation-play-state:var(--app-animation-state);
}
.app-section .app-floating-alerts{animation-delay:-3s}
@keyframes app-device-float{
  0%,100%{translate:0 0}
  50%{translate:0 -7px}
}
@keyframes app-card-float{
  0%,100%{translate:0 0}
  50%{translate:0 -5px}
}
@supports(offset-path:ellipse(50% 50% at 50% 50%)){
  .app-section .app-phone-orbit::before,
  .app-section .app-phone-orbit::after{
    left:0;
    top:0;
    right:auto;
    bottom:auto;
    offset-path:ellipse(50% 50% at 50% 50%);
    offset-anchor:center;
    animation:app-orbit-signal 24s linear infinite;
    animation-play-state:var(--app-animation-state);
  }
  .app-section .app-phone-orbit::after{animation-delay:-12s}
  .app-section .app-phone-orbit-two::before{animation-delay:-6s;animation-direction:reverse}
  .app-section .app-phone-orbit-two::after{animation-delay:-18s;animation-direction:reverse}
}
@keyframes app-orbit-signal{
  from{offset-distance:0%}
  to{offset-distance:100%}
}
@media(prefers-reduced-motion:reduce){
  .app-section .phone-frame,
  .app-section .app-floating-card,
  .app-section .app-phone-orbit::before,
  .app-section .app-phone-orbit::after{
    animation:none;
    translate:none;
  }
}

/* v216: el formulario queda visible bajo el encabezado al llegar desde el hero. */
#lead-form{scroll-margin-top:104px}
@media(max-width:900px){
  #lead-form{scroll-margin-top:84px}
}

/* v223: ambas acciones de contratación llenan el ancho interior de su tarjeta. */
.plans .plan-card>a.button{
  width:100%;
  align-self:stretch;
  justify-content:space-between;
}

/* v230: banners estáticos específicos para móvil y escritorio. */
.hero .hero-media{background-image:none}
@media(max-width:900px){
  .hero-proof-connectivity .hero-proof-kia-badge{display:none!important}
}
.hero-static-picture{position:absolute;inset:0;display:block}
.hero-static-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:900px){
  .hero-static-image{object-position:right center}
}

/* v231: órbitas compactas ancladas al vehículo de la imagen. */
@media(max-width:900px){
  .hero .hero-solar-box .solar-system{width:340px;height:340px;transform:translate(-50%,-50%) scale(.62)}
}
@media(min-width:901px){
  .hero .hero-solar-box .solar-system{transform:translate(-50%,-50%) scale(.68)}
}

/* v234: el plan de 24 meses lleva la distinción Más elegido. */
.plan-most-chosen .featured-label{color:#fff}
.plan-most-chosen .plan-card-top{margin-top:32px}

/* v224: en la app móvil el texto precede a la imagen del teléfono. */
@media(max-width:900px){
  .hero .hero-proof{display:flex!important}
  .hero .hero-proof-connectivity{display:none!important}
  .app-section .app-layout .app-copy{order:-1}
  .app-section .app-layout .phone-stage{order:1}
}