/* Kreathur v6: portada con negocios reales, caso guiado y planes por necesidad. */
.stage-bar{display:flex;align-items:center;gap:14px;height:44px;padding:0 14px;background:#0d1d47;color:#c9d5ee;font:600 13px/1 var(--body)}
.stage-bar .window-dots{font-size:8px;letter-spacing:3px;opacity:.5}
.hero h1,.heading-row h2,.solutions-section h2,.experience-section h2,.creative-section h2,.contact-section h2,.kp-heading h2{letter-spacing:-.025em}

/* Portada */
.hero.hero-v6{position:relative;display:grid;grid-template-columns:minmax(0,4.4fr) minmax(0,7.6fr);gap:clamp(30px,3.5vw,60px);align-items:center;min-height:100vh;height:auto;padding:120px 0 60px 5.5vw;background:radial-gradient(90% 90% at 80% 25%,#10307f 0,var(--navy) 58%,var(--navy-dark) 100%);overflow:hidden}
.hero-v6 .hero-copy{position:static;inset:auto;width:auto;max-width:none;display:block;transform:none}
.hero-v6 .eyebrow{margin:0 0 22px}
.hero-v6 h1{margin:0;font-size:clamp(46px,5vw,88px);line-height:1}
.hero-v6 h1 em{display:block;font-style:normal;color:var(--yellow)}
.hero-v6 .hero-lead{max-width:30em;margin:26px 0 0;font-size:clamp(17px,1.4vw,20px)}
.hero-v6 .hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 26px;margin-top:34px}
.hero-secondary{color:#fff;font-weight:700;text-decoration:none;border-bottom:1px solid #ffffff70;padding-bottom:3px}
.hero-secondary:hover{border-color:var(--yellow);color:var(--yellow)}
.hero-stage{margin:0;min-width:0;border-radius:14px 0 0 14px;overflow:hidden;box-shadow:0 40px 90px #0009;background:#0d1d47}
.hero-stage a{margin-left:auto;margin-right:auto;color:#fff;text-decoration:none}
.hero-stage a b{font-weight:700}
.hero-stage a span{margin-left:8px;color:var(--yellow);font-size:12px}
.hero-stage .motion-button{position:static;width:30px;height:30px;font-size:12px;flex:none;margin-right:6vw}
.hero-v6 .hero-cinema{position:relative;inset:auto;aspect-ratio:16/9;width:100%;height:auto;transform:none;animation:none;background:#fff;overflow:hidden}
.hero-v6 .hero-cinema img,.hero-v6 .hero-cinema video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none;animation:none;filter:none}
.hero-stage figcaption{padding:11px 16px;color:#aebbd5;font-size:12px}

/* Caso real */
.more-real{margin:70px 0 28px;font:700 clamp(26px,3vw,38px)/1.1 var(--display);letter-spacing:-.02em;color:var(--navy)}
.lk-case{width:100vw;margin:50px 0 0 calc(50% - 50vw);background:var(--navy);color:#fff}
.lk-stage{display:grid;grid-template-columns:minmax(300px,4fr) minmax(0,9fr);gap:clamp(24px,4vw,60px);align-items:center;padding:clamp(30px,5vw,70px) 0 clamp(30px,5vw,70px) 5.5vw}
.lk-tag{margin:0 0 24px;color:var(--yellow);font:700 12px/1.3 var(--body);letter-spacing:.14em}
.lk-steps{margin:0;padding:0;list-style:none}
.lk-step{margin-bottom:30px}
.lk-step span{color:var(--yellow);font:700 13px var(--body)}
.lk-step h3{margin:6px 0 10px;font:700 clamp(28px,3vw,46px)/1.05 var(--display);letter-spacing:-.02em;color:#fff}
.lk-step p{margin:0;color:#c9d5ee;font-size:17px;line-height:1.5}
.lk-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:10px}
.lk-visit{color:#fff;font-weight:700;font-size:14px}
.lk-window{min-width:0;border-radius:14px 0 0 14px;overflow:hidden;box-shadow:0 30px 80px #0008;background:#0d1d47}
.lk-window .stage-bar span:last-child{margin:auto}
.lk-frames{display:grid;gap:2px;background:#fff}
.lk-frame img{display:block;width:100%;height:auto}
/* Modo guiado: solo con JavaScript y sin movimiento reducido */
.lk-case.lk-live{height:360vh}
.lk-live .lk-stage{position:sticky;top:0;height:100vh;padding-top:84px;padding-bottom:20px;overflow:hidden}
.lk-live .lk-steps{position:relative;min-height:250px}
.lk-live .lk-step{position:absolute;inset:0 0 auto;margin:0;opacity:0;transform:translateY(16px);transition:opacity .35s,transform .35s;pointer-events:none}
.lk-live .lk-step.active{opacity:1;transform:none}
.lk-live .lk-frames{position:relative;aspect-ratio:16/10;gap:0;max-height:calc(100vh - 150px);overflow:hidden}
.lk-live .lk-frame{position:absolute;inset:0;opacity:0;transform:scale(1.025);transition:opacity .45s,transform .7s}
.lk-live .lk-frame.active{opacity:1;transform:none}
.lk-live .lk-frame img{height:100%;object-fit:cover;object-position:top}

/* Planes */
.kp-section .kp-needs{display:flex;flex-wrap:wrap;gap:10px;margin:0 auto 24px;max-width:1260px;box-sizing:border-box}
.kp-needs button{min-height:46px;padding:10px 18px;border:1px solid #9db0dc;border-radius:999px;background:#fff;color:var(--navy);font:700 15px/1.2 var(--body);cursor:pointer}
.kp-needs button:hover{border-color:var(--blue)}
.kp-needs button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#fff}
.kp-needs button[data-need=todos]{background:none;border-style:dashed}
.kp-needs button[data-need=todos][aria-pressed=true]{background:var(--navy);color:#fff;border-style:solid}
.kp-card[hidden]{display:none}
.kp-grid.kp-few[data-count="1"]{grid-template-columns:minmax(0,520px)}
.kp-grid.kp-few[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}

@media(max-width:1100px) and (min-width:761px){.hero.hero-v6{grid-template-columns:1fr;padding:120px 0 50px 5.5vw}.hero-stage{margin-top:6px}}
@media(max-width:760px){
.hero.hero-v6{display:flex;flex-direction:column;align-items:stretch;gap:28px;min-height:0;padding:112px 0 34px}
.hero-v6 .hero-copy{padding:0 6%;margin:0}
.hero-v6 h1{font-size:clamp(43px,12.6vw,56px)}
.hero-v6 .hero-lead{margin-top:14px;font-size:15.5px;line-height:1.4}
.hero-v6 .hero-actions{margin-top:22px}
.hero-v6 .hero-actions .button{width:100%;justify-content:space-between;font-size:14px}
.hero-stage{margin-left:6%;border-radius:12px 0 0 12px}
.hero-stage .motion-button{margin-right:14px}
.hero-stage .window-dots{display:none}
.hero-stage a{margin-left:0;font-size:12px}
.lk-stage{display:flex;flex-direction:column;align-items:stretch;gap:18px;padding:32px 6%}
.lk-window{border-radius:12px}
.lk-window .stage-bar{height:30px;font-size:11px}
.lk-actions{margin-top:0}
.lk-actions .button{width:100%;justify-content:space-between;font-size:14px}
.lk-live .lk-stage{height:100svh;padding:88px 6% 16px;gap:10px;justify-content:flex-start}
.lk-live .lk-tag{margin:0;font-size:11px}
.lk-live .lk-steps{min-height:150px}
.hero-secondary{display:none}
.lk-step h3{font-size:25px;margin:2px 0 6px}
.lk-step p{font-size:14.5px;line-height:1.4}
.lk-live .lk-window{flex:1 1 0;min-height:0;display:flex;flex-direction:column}
.lk-live .lk-frames{flex:1;min-height:0;aspect-ratio:auto;max-height:none}
.lk-live .lk-actions{flex-direction:row;align-items:center}
.lk-live .lk-visit{display:none}
.more-real{margin-top:50px}
.kp-section .kp-needs{flex-wrap:nowrap;overflow-x:auto;width:auto;max-width:none;margin-inline:-5vw;padding:2px 5vw 8px;scrollbar-width:none}
.kp-needs button{flex:none}
.kp-grid.kp-few[data-count="1"],.kp-grid.kp-few[data-count="2"]{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.lk-frame,.lk-step{transition:none}}
@media(max-width:360px){.lk-live .lk-steps{min-height:168px}.lk-step h3{font-size:23px}}

/* Soluciones por sector */
.sectors-section{background:var(--navy);color:#fff}
.sectors-section h2 em{color:var(--yellow);font-style:normal}
.sector-tabs{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line);margin:34px 0 34px}
.sector-tabs button{padding:18px 8px;background:none;border:0;border-bottom:3px solid transparent;color:#aebbd5;font:700 clamp(15px,1.5vw,21px)/1.1 var(--display);cursor:pointer}
.sector-tabs button:hover{color:#fff}
.sector-tabs button[aria-selected=true]{color:#fff;border-color:var(--yellow)}
.sector-panel{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,9fr);gap:24px clamp(24px,4vw,56px);grid-template-areas:"intro player" "list player" "cta chips"}
.sector-intro{grid-area:intro}.sector-player{grid-area:player;min-width:0}.sector-chips{grid-area:chips}.sector-list{grid-area:list}.sector-cta{grid-area:cta}
.sector-intro h3{margin:10px 0 12px;font:700 clamp(27px,2.7vw,40px)/1.08 var(--display);letter-spacing:-.02em}
.sector-intro>p:last-child{margin:0;color:#c9d5ee}
.sector-player{border-radius:12px;overflow:hidden;background:#0d1d47;box-shadow:0 30px 70px #0008;position:relative;align-self:start}
.sector-player .stage-bar{justify-content:space-between}
.sector-player .stage-bar button{width:28px;height:28px;border:1px solid #ffffff50;border-radius:50%;background:none;color:#fff;font-size:11px;cursor:pointer}
.sector-player video{display:block;width:100%;aspect-ratio:16/9;background:#061332}
.sector-label{position:absolute;left:12px;bottom:12px;margin:0;padding:5px 10px;border-radius:4px;background:#061332e0;color:#fff;font:700 11px/1.2 var(--body)}
.sector-chips{display:flex;flex-wrap:wrap;gap:8px;align-self:start}
.sector-chips button{min-height:42px;padding:8px 15px;border:1px solid #ffffff40;border-radius:999px;background:none;color:#fff;font:700 14px/1.2 var(--body);cursor:pointer}
.sector-chips button:hover{border-color:var(--yellow)}
.sector-chips button[aria-pressed=true]{background:var(--yellow);border-color:var(--yellow);color:var(--navy)}
.sector-list{margin:0;padding:0;list-style:none;display:grid;gap:7px;align-self:start}
.sector-list li{padding-left:18px;position:relative;font-size:15.5px;line-height:1.3}
.sector-list li:before{content:"+";position:absolute;left:0;color:var(--yellow);font-weight:700}
.sector-cta p{margin:12px 0 0;color:#aebbd5;font-size:13px;line-height:1.4}
.sector-cta .button{justify-content:space-between;gap:14px}
@media(max-width:900px){.sector-panel{display:flex;flex-direction:column}.sector-player{order:2;align-self:stretch}.sector-chips{order:3}.sector-list{order:4;grid-template-columns:1fr 1fr}.sector-cta{order:5}
.sector-tabs{display:flex;overflow-x:auto;margin-inline:-6%;padding:0 6%;scrollbar-width:none}.sector-tabs button{flex:none;padding:14px 13px}
.sector-chips{flex-wrap:nowrap;overflow-x:auto;margin-inline:-6%;padding:0 6% 4px;scrollbar-width:none}.sector-chips button{flex:none}
.sector-cta .button{width:100%;font-size:14px}}
@media(max-width:420px){.sector-list{grid-template-columns:1fr}}
@media(max-width:900px){.sector-panel>*{min-width:0;max-width:100%}.sector-chips{align-self:stretch;max-width:none}}

/* Portada a pantalla completa con video de drone */
.hero.hero-v6,.hero.hero-v6{display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;min-height:100vh;min-height:100svh;padding:130px 5.5vw 70px;background:var(--navy-dark);overflow:hidden}
.hero-drone{position:absolute;inset:0;overflow:hidden;z-index:0}
.hero-drone iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:56.25vw;min-height:100%;min-width:177.78vh;border:0;pointer-events:none;opacity:.85}
.hero-drone:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#030c2199 0,#030c2120 35%,#030c21d9 100%)}
.hero-v6 .hero-copy{position:relative;z-index:2;max-width:880px}
.hero-v6 h1{font-size:clamp(46px,6.4vw,104px)}
.real-stage{padding:clamp(34px,5vw,70px) 0 clamp(34px,5vw,70px) 5.5vw;background:var(--navy-dark)}
.real-stage .hero-stage{max-width:1500px;margin-left:auto}
@media(max-width:760px){.hero.hero-v6{padding:112px 6% 40px;gap:0}.hero-v6 .hero-copy{padding:0}.real-stage{padding:28px 0 28px 6%}.real-stage .hero-stage{margin-left:0}}
.real-stage .hero-stage .hero-cinema{position:relative;inset:auto;aspect-ratio:16/9;width:100%;height:auto;transform:none;animation:none;background:#fff;overflow:hidden;z-index:auto}
.real-stage .hero-stage .hero-cinema img,.real-stage .hero-stage .hero-cinema video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none;animation:none;filter:none;opacity:1}
.hero-drone iframe{transform:translate(-50%,-50%) scale(1.25)}
.sector-open{display:inline-block;margin-top:14px;color:#fff;font-weight:700;font-size:15px}.sector-open[hidden]{display:none}
