.kbo-emp,.kbo-mv{font-family:var(--font);color:var(--text);box-sizing:border-box;--blue:#0b4fb3;--navy:#0a2780;--ink:#0c1a4d;--sky:#9cc0f0;--text:#4b5575;--font:'Sora',system-ui,-apple-system,'Segoe UI',sans-serif}
.kbo-emp{position:relative;overflow:hidden;isolation:isolate;padding:clamp(48px,7vw,100px) clamp(20px,4vw,56px) 40px}
.kbo-emp__bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(900px 520px at 6% 0,#e4eeff,transparent 62%),radial-gradient(700px 420px at 100% 100%,#dce8ff,transparent 62%),#fff}
.kbo-hero,.kbo-tarjetas{max-width:1240px;margin-inline:auto}
.kbo-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;align-items:center}
.kbo-ghost{position:absolute;left:-2%;top:50%;translate:0 -50%;z-index:-1;font-size:clamp(14rem,30vw,27rem);font-weight:800;line-height:1;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px #0b4fb314;user-select:none;pointer-events:none}
.kbo-barra{display:block;width:128px;height:6px;border-radius:6px;margin-bottom:34px;background:linear-gradient(90deg,var(--navy) 50%,var(--sky) 50%);transform-origin:left;animation:kbo-barra .9s .1s both cubic-bezier(.2,.8,.2,1)}
.kbo-emp .kbo-titulo{margin:0 0 26px;padding:0;font-size:clamp(2.7rem,6.4vw,5.4rem);line-height:1;font-weight:800;letter-spacing:-.045em;color:var(--ink)}
.kbo-emp .kbo-titulo em{font-style:normal;color:var(--blue)}
.kbo-lead{max-width:34rem;margin:0 0 36px;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.75}
.kbo-lead strong{color:var(--navy);font-weight:700}.kbo-lead .kbo-acento{color:var(--blue)}
.kbo-btn{display:inline-flex;align-items:center;gap:14px;padding:9px 10px 9px 30px;border-radius:999px;color:#fff;text-decoration:none;font-weight:600;background:var(--blue);box-shadow:0 16px 34px -12px #0b4fb3cc;transition:transform .3s,box-shadow .3s,background .3s}
.kbo-btn i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;color:var(--navy);transition:transform .3s}
.kbo-btn:hover{transform:translateY(-3px);background:var(--navy);box-shadow:0 22px 40px -12px #0a2780cc}.kbo-btn:hover i{transform:translateX(4px) rotate(-45deg)}
.kbo-btn:focus-visible,.kbo-tarjeta:focus-within{outline:3px solid var(--sky);outline-offset:4px}

.kbo-escena{position:relative;min-height:460px;perspective:1300px}
.kbo-vidrio{position:absolute;inset:0 -56px 0 0;border-radius:44% 0 0 44%/58% 0 0 58%;overflow:hidden;box-shadow:0 36px 70px -34px #0a278099;
 background:linear-gradient(112deg,#1b4cc0 0,#4f84d8 11%,transparent 11.1%),repeating-linear-gradient(90deg,#ffffff40 0 1px,transparent 1px 74px),repeating-linear-gradient(0deg,#ffffff30 0 1px,transparent 1px 96px),radial-gradient(circle at 70% 25%,#fff9,transparent 55%),linear-gradient(160deg,#cfe0fb,#86aae2 55%,#3f6ec0)}
.kbo-vidrio::after{content:"";position:absolute;inset:-20% 0;width:28%;background:linear-gradient(100deg,transparent,#ffffff70,transparent);transform:skewX(-18deg) translateX(-200%);animation:kbo-barrido 7s 1.5s infinite ease-in-out}
.kbo-flota{position:absolute;left:9%;right:2%;top:50%;translate:0 -50%;animation:kbo-flota 6s ease-in-out infinite,kbo-entra 1.1s .2s both cubic-bezier(.2,.8,.2,1)}
.kbo-letrero{position:relative;aspect-ratio:850/426;border-radius:14px;transform:rotateY(-14deg) rotateX(4deg) rotateZ(-2deg);transform-style:preserve-3d;transition:transform .15s ease-out;will-change:transform;
 box-shadow:1px 1px 0 #1b44b0,2px 2px 0 #1b44b0,3px 3px 0 #1b44b0,4px 4px 0 #1b44b0,5px 5px 0 #1b44b0,6px 6px 0 #1b44b0,7px 7px 0 #0a2780,8px 8px 0 #0a2780,9px 9px 0 #0a2780,-2px -2px 0 1px #ffffffb0,0 50px 50px -22px #0a1a5acc,0 0 70px #ffffff66}
.kbo-letrero img{display:block;width:100%;height:100%;object-fit:cover;border-radius:14px}
.kbo-letrero::after{content:"";position:absolute;inset:0;border-radius:14px;background:linear-gradient(115deg,transparent 38%,#ffffffa0 50%,transparent 62%);transform:translateX(-120%);animation:kbo-brillo 6s 2s infinite;pointer-events:none}
.kbo-letrero{overflow:visible}.kbo-letrero::after{overflow:hidden}

.kbo-mv{padding:0;background:transparent}
.kbo-tarjetas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.kbo-tarjeta{--mx:50%;--my:50%;position:relative;display:flex;align-items:center;gap:28px;padding:34px;border-radius:30px;overflow:hidden;background:#fff;border:1px solid #dbe6fb;box-shadow:0 24px 50px -30px #0a278080;transition:transform .35s,box-shadow .35s,border-color .35s}
.kbo-tarjeta::before{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--mx) var(--my),var(--spot,#2f6bff1f),transparent 60%);opacity:0;transition:opacity .35s;pointer-events:none}
.kbo-tarjeta:hover{transform:translateY(-6px);border-color:#9cc0f0;box-shadow:0 34px 60px -30px #0a2780aa}.kbo-tarjeta:hover::before{opacity:1}
.kbo-ico{position:relative;flex:none;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#2a56c4,#0a2780 72%);box-shadow:0 16px 28px -10px #0a2780}
.kbo-ico::before{content:"";position:absolute;inset:-9px;border-radius:50%;pointer-events:none;background:conic-gradient(from 0deg,transparent 0%,var(--ring-a,#7cc0ff) 40%,var(--ring-b,#2f6bff) 78%,transparent 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 1.5px));animation:kbo-giro 3.2s linear infinite;will-change:transform;transform:translateZ(0);backface-visibility:hidden}
.kbo-ico::after{content:"";position:absolute;inset:-9px;border-radius:50%;pointer-events:none;border:1.5px solid var(--ring-a,#7cc0ff);opacity:.22}
.kbo-ico svg{width:52px;height:52px;transition:transform .5s cubic-bezier(.3,1.6,.5,1)}.kbo-tarjeta:hover .kbo-ico svg{transform:scale(1.14) rotate(-8deg)}
.kbo-cuerpo{position:relative;padding-left:28px;border-left:2px solid #c3d8f6}
.kbo-mv .kbo-titulo{margin:0 0 10px;font-size:1.9rem;font-weight:800;letter-spacing:-.03em;color:var(--navy)}
.kbo-tarjeta p{margin:0;font-size:.98rem;line-height:1.7;color:#2f3a5c;max-width:40ch}

@keyframes kbo-barra{from{transform:scaleX(0)}}
@keyframes kbo-entra{from{opacity:0;translate:70px -50%}}
@keyframes kbo-flota{50%{translate:0 calc(-50% - 12px)}}
@keyframes kbo-brillo{0%,55%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@keyframes kbo-barrido{0%,40%{transform:skewX(-18deg) translateX(-200%)}100%{transform:skewX(-18deg) translateX(520%)}}
@keyframes kbo-giro{to{transform:rotate(360deg)}}
.kbo-js .kbo-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1)}
.kbo-js .kbo-reveal.kbo-visible{opacity:1;transform:none}
@media(max-width:980px){.kbo-hero{grid-template-columns:1fr}.kbo-escena{min-height:360px}.kbo-vidrio{inset:0 -20px 0 0}.kbo-tarjetas{grid-template-columns:1fr}}
@media(max-width:560px){.kbo-tarjeta{flex-direction:column;text-align:center;padding:30px 22px}.kbo-cuerpo{padding:20px 0 0;border-left:0;border-top:2px solid #c3d8f6}.kbo-tarjeta p{max-width:none}.kbo-flota{left:4%;right:0}}
@media(prefers-reduced-motion:reduce){.kbo-js .kbo-reveal{opacity:1;transform:none}}
.kbo-emp *,.kbo-emp *::before,.kbo-emp *::after,.kbo-mv *,.kbo-mv *::before,.kbo-mv *::after{box-sizing:border-box}
.kbo-btn,.kbo-btn:hover,.kbo-btn:focus{color:#fff;text-decoration:none}

.kbo-mv .kbo-tarjetas{max-width:1350px;width:100%;margin-inline:auto}