/* Componentes de casos · Gonzalo Téllez */
.k-sec{display:grid;grid-template-columns:260px minmax(0,1fr);gap:56px;padding:96px 96px 0}
.k-sec>.lbl{color:#8A6424;padding-top:10px}
.k-sec h2{margin:0;font-size:34px;line-height:1.15;font-weight:700;letter-spacing:-.018em;text-wrap:balance;max-width:820px}
.k-sec h3{margin:44px 0 0;font-size:22px;line-height:1.3;font-weight:600;letter-spacing:-.01em}
.k-sec p{margin:16px 0 0;font-size:18px;line-height:1.65;color:#343A37;max-width:760px}
.k-sec p.k-lead{font-size:22px;line-height:1.5;color:#1E211F;font-weight:500}
.k-sec ul.k-list{margin:18px 0 0;padding:0;list-style:none;max-width:760px;border-top:1px solid #DDE3DF}
.k-sec ul.k-list li{padding:14px 0 14px 28px;border-bottom:1px solid #DDE3DF;font-size:17px;line-height:1.55;color:#343A37;position:relative}
.k-sec ul.k-list li::before{content:"";position:absolute;left:4px;top:24px;width:10px;height:2px;background:#0E7F62}
.k-w{padding:40px 96px 0}
.k-w.k-in{padding-left:calc(96px + 260px + 56px)}
.k-cap{font-family:'Space Mono',monospace;font-size:12px;color:#4F5A55;letter-spacing:.02em;margin-top:10px;line-height:1.5}
.k-src{font-family:'Space Mono',monospace;font-size:11px;color:#7A857F;letter-spacing:.04em}
/* figuras sin recorte */
.k-fig{margin:0}
.k-fig img,.k-fig video{display:block;width:100%;height:auto;background:transparent}
.k-fig.k-pad img{background:transparent;border:0;padding:0}
.k-fig.k-plain img{background:transparent}
.k-row{display:flex;gap:14px;align-items:flex-start}
.k-row>.k-fig{min-width:0}
.k-row.k-center{align-items:center}
.z{cursor:zoom-in;transition:filter .3s,transform .6s cubic-bezier(.2,.7,.2,1)}
.z:hover{filter:brightness(1.04)}
.k-zw{position:relative;overflow:hidden}
.k-zw::after{content:"";position:absolute;right:10px;top:10px;width:30px;height:30px;background:rgba(14,15,15,.72) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23EAFBF4' stroke-width='1.6'%3E%3Cpath d='M9.5 2.5h4v4M13.5 2.5 9 7M6.5 13.5h-4v-4M2.5 13.5 7 9'/%3E%3C/svg%3E") center/14px no-repeat;opacity:0;transition:opacity .25s;pointer-events:none}
.k-zw:hover::after{opacity:1}
/* cifras */
.k-stats{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));border-top:1px solid #1E211F;margin-top:28px;max-width:980px}
.k-stats>div{padding:22px 24px 22px 0}
.k-stats>div+div{padding-left:24px;border-left:1px solid #DDE3DF}
.k-stats b{display:block;font-size:44px;line-height:1.05;font-weight:700;letter-spacing:-.03em;color:#0E7F62;font-variant-numeric:tabular-nums}
.k-stats span{display:block;margin-top:8px;font-size:15px;line-height:1.45;color:#4F5A55}
.k-band{background:#0E0F0F;color:#EAFBF4;margin-top:96px;padding:72px 96px}
.k-band .k-stats{border-top-color:#2A302D;max-width:none}
.k-band .k-stats>div+div{border-left-color:#2A302D}
.k-band .k-stats b{color:#5FE3B4;font-size:56px}
.k-band .k-stats span{color:#B9CFC7}
.k-band .lbl{color:#E7D5A6}
.k-band h2{margin:14px 0 0;font-size:34px;line-height:1.15;color:#fff;max-width:880px;text-wrap:balance}
.k-band p{color:#B9CFC7;font-size:17px;line-height:1.6;max-width:760px}
/* pasos / fases */
.k-steps{display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:0;margin-top:30px;border-top:1px solid #1E211F}
.k-steps>div{padding:18px 18px 18px 0;position:relative}
.k-steps>div+div{padding-left:18px;border-left:1px solid #DDE3DF}
.k-steps i{font-style:normal;font-family:'Space Mono',monospace;font-size:12px;color:#0E7F62}
.k-steps b{display:block;margin-top:6px;font-size:17px}
.k-steps span{display:block;margin-top:6px;font-size:14px;line-height:1.5;color:#4F5A55}
/* citas y hallazgos */
.k-quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}
.k-q{background:#fff;border:1px solid #DDE3DF;padding:26px 26px 22px;display:flex;flex-direction:column;gap:14px}
.k-q blockquote{margin:0;font-size:19px;line-height:1.5;font-weight:500;color:#1E211F}
.k-q blockquote::before{content:"“";display:block;font-size:48px;line-height:.6;color:#0E7F62;margin-bottom:8px}
.k-q cite{font-style:normal;font-family:'Space Mono',monospace;font-size:12px;color:#8A6424;letter-spacing:.06em}
.k-hi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#DDE3DF;border:1px solid #DDE3DF;margin-top:14px}
.k-hi>div{background:#FAFAF6;padding:20px 22px}
.k-hi b{display:block;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#0E7F62;font-weight:400}
.k-hi p{margin:8px 0 0!important;font-size:15.5px!important;line-height:1.55!important}
/* antes / después */
.k-ba{position:relative;overflow:hidden;background:#EEF1EF;user-select:none;touch-action:pan-y;border:1px solid #DDE3DF}
.k-ba img{display:block;width:100%;height:auto;pointer-events:none}
.k-ba .k-after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--p,50%))}
.k-ba .k-after img{width:100%;height:100%;object-fit:cover}
.k-ba .k-h{position:absolute;top:0;bottom:0;left:var(--p,50%);width:2px;margin-left:-1px;background:#0E7F62;cursor:ew-resize}
.k-ba .k-h::after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:#0E7F62 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='1.6'%3E%3Cpath d='M6 4 2 8l4 4M10 4l4 4-4 4'/%3E%3C/svg%3E") center/16px no-repeat;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.k-ba .k-t{position:absolute;top:12px;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding:6px 8px;background:rgba(14,15,15,.78);color:#EAFBF4}
.k-ba .k-t.a{left:12px}.k-ba .k-t.b{right:12px;background:#0E7F62}
.k-ba2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:12px}
.k-ba2 p{margin:0!important;font-size:15px!important;line-height:1.55!important;color:#4F5A55!important}
.k-ba2 p b{display:block;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#8A6424;font-weight:400;margin-bottom:4px}
.k-ba2 p:last-child b{color:#0E7F62}
/* navegador con scroll */
.k-browser{border:1px solid #CFD8D3;background:#fff;box-shadow:0 24px 50px rgba(14,15,15,.08)}
.k-browser .k-bar{display:flex;align-items:center;gap:6px;height:34px;padding:0 12px;background:#EEF1EF;border-bottom:1px solid #DDE3DF}
.k-browser .k-bar i{width:10px;height:10px;border-radius:50%;background:#C9D2CD}
.k-browser .k-bar span{margin-left:12px;font-family:'Space Mono',monospace;font-size:11px;color:#7A857F}
.k-browser .k-scr{height:520px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.k-browser .k-scr img{display:block;width:100%;height:auto}
.k-hint{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#0E7F62;margin-top:10px}
/* marquesina de pantallas */
.k-mq{overflow:hidden;margin-top:40px;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.k-mq .k-tr{display:flex;gap:28px;width:max-content;animation:kmq 38s linear infinite}
.k-mq:hover .k-tr{animation-play-state:paused}
.k-mq figure{margin:0;width:230px;flex:none}
.k-mq img{width:100%;height:auto;display:block}
.k-mq figcaption{text-align:center}
@keyframes kmq{to{transform:translateX(-50%)}}
/* hover para ver detalle */
.k-hov{position:relative}
.k-hov .k-ov{position:absolute;inset:0;opacity:0;transition:opacity .45s}
.k-hov .k-ov img{width:100%;height:100%;object-fit:contain;display:block;background:transparent}
.k-hov:hover .k-ov,.k-hov.on .k-ov{opacity:1}
.k-hov .k-tag{position:absolute;left:12px;bottom:12px;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:7px 10px;background:#0E0F0F;color:#5FE3B4;transition:opacity .3s}
.k-hov:hover .k-tag,.k-hov.on .k-tag{opacity:0}
/* embeds (YouTube / Figma) */
.k-emb{position:relative;background:#0E0F0F;aspect-ratio:16/9;overflow:hidden;border:1px solid #1E211F}
.k-emb.k-tall{aspect-ratio:16/10}
.k-emb img.k-po{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72;transition:opacity .4s,transform 1s cubic-bezier(.2,.7,.2,1)}
.k-emb:hover img.k-po{opacity:.9;transform:scale(1.03)}
.k-emb button{position:absolute;inset:0;margin:auto;width:max-content;height:max-content;display:inline-flex;align-items:center;gap:12px;padding:16px 22px;border:0;background:#5FE3B4;color:#0E0F0F;font:600 15px 'Space Grotesk',sans-serif;cursor:pointer}
.k-emb button svg{width:16px;height:16px}
.k-emb iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.k-emb .k-ttl{position:absolute;left:18px;bottom:16px;right:18px;color:#EAFBF4;font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.08em}
.k-ext{display:inline-flex;gap:8px;align-items:center;margin-top:12px;font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#0E7F62}
/* carrusel de pantallas */
.k-sl{position:relative}
.k-sl .k-vp{overflow:hidden;border:1px solid #DDE3DF;background:#0E0F0F}
.k-sl .k-st{display:flex;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.k-sl .k-st>figure{margin:0;flex:0 0 100%}
.k-sl .k-st img{display:block;width:100%;height:auto}
.k-sl .k-ctl{display:flex;align-items:center;gap:16px;margin-top:14px}
.k-sl .k-ctl button{width:44px;height:44px;border:1px solid #C9D2CD;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.k-sl .k-ctl button:hover{border-color:#0E7F62}
.k-sl .k-ctl svg{width:15px;height:15px}
.k-sl .k-n{font-family:'Space Mono',monospace;font-size:12px;color:#0E7F62;min-width:40px}
.k-sl .k-c{font-size:16px;font-weight:600}
/* notas en tarjetas */
.k-cards{display:grid;grid-template-columns:repeat(var(--n,2),minmax(0,1fr));gap:16px;margin-top:26px}
.k-card{background:#fff;border:1px solid #DDE3DF;padding:22px 24px}
.k-card b{display:block;font-size:17px;line-height:1.35}
.k-card p{margin:8px 0 0!important;font-size:15.5px!important;line-height:1.55!important;color:#4F5A55!important}
.k-card .k-k{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8A6424;display:block;margin-bottom:8px}
.k-logos{display:flex;flex-wrap:wrap;gap:28px 40px;align-items:center;margin-top:22px}
.k-logos img{height:44px;width:auto;max-width:200px;object-fit:contain}
.k-logos.k-sm img{height:34px}
/* lightbox */
.k-lb{position:fixed;inset:0;z-index:100;background:rgba(10,12,11,.94);display:none;align-items:center;justify-content:center;flex-direction:column;padding:56px 72px 64px}
.k-lb.on{display:flex}
.k-lb img{max-width:100%;max-height:calc(100vh - 150px);object-fit:contain;box-shadow:0 30px 80px rgba(0,0,0,.5);background:#fff}
.k-lb p{margin:14px 0 0;color:#B9CFC7;font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.04em;text-align:center;max-width:760px}
.k-lb button{position:absolute;border:1px solid #2A302D;background:rgba(14,15,15,.6);color:#EAFBF4;width:48px;height:48px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.k-lb button:hover{border-color:#5FE3B4;color:#5FE3B4}
.k-lb button svg{width:18px;height:18px}
.k-lb .x{top:18px;right:18px}.k-lb .pv{left:18px;top:50%;margin-top:-24px}.k-lb .nx{right:18px;top:50%;margin-top:-24px}
.k-lb .ct{position:absolute;top:30px;left:24px;font-family:'Space Mono',monospace;font-size:12px;color:#93B5A9}
@media (prefers-reduced-motion:reduce){.k-mq .k-tr{animation:none}.k-sl .k-st{transition:none}}
/* responsive */
@media (max-width:1180px){
.k-sec{grid-template-columns:200px minmax(0,1fr);gap:32px;padding:80px 40px 0}
.k-w{padding:32px 40px 0}.k-w.k-in{padding-left:calc(40px + 200px + 32px)}
.k-band{padding:56px 40px}
}
@media (max-width:860px){
.k-sec{grid-template-columns:1fr;gap:10px;padding:64px 40px 0}
.k-sec>.lbl{padding-top:0}
.k-w.k-in{padding-left:40px}
.k-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.k-steps>div{border-left:0!important;padding-left:0!important;border-bottom:1px solid #DDE3DF}
.k-quotes{grid-template-columns:1fr}
.k-row.k-wrap{flex-wrap:wrap}
.k-row.k-wrap>.k-fig{flex-basis:calc(50% - 7px)!important}
.k-browser .k-scr{height:440px}
.k-lb{padding:56px 12px 64px}
.k-lb .pv,.k-lb .nx{top:auto;bottom:10px;margin:0}
}
@media (max-width:560px){
.k-sec{padding:48px 20px 0}
.k-sec h2{font-size:27px}
.k-sec p{font-size:17px}
.k-sec p.k-lead{font-size:19px}
.k-w{padding:24px 20px 0}.k-w.k-in{padding-left:20px}
.k-band{padding:48px 20px;margin-top:64px}
.k-band h2{font-size:27px}
.k-stats{grid-template-columns:1fr}
.k-stats>div{padding:16px 0!important;border-left:0!important;border-bottom:1px solid #DDE3DF}
.k-band .k-stats>div{border-bottom-color:#2A302D}
.k-stats b{font-size:36px}.k-band .k-stats b{font-size:44px}
.k-steps{grid-template-columns:1fr}
.k-hi,.k-ba2,.k-cards{grid-template-columns:1fr}
.k-row{flex-wrap:wrap}
.k-row>.k-fig{flex-basis:100%!important}
.k-row.k-keep{flex-wrap:nowrap}.k-row.k-keep>.k-fig{flex-basis:auto!important}
.k-browser .k-scr{height:380px}
.k-mq figure{width:170px}
.k-logos img{height:34px}
}

.k-bafig{position:relative}
.k-bafig img{border:1px solid #DDE3DF}
.k-chip{position:absolute;left:10px;top:10px;z-index:2;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding:6px 8px;background:#0E0F0F;color:#EAFBF4}
.k-chip.k-on{background:#0E7F62}
.k-ba3{margin-top:18px;gap:20px}
.k-ba3 .k-cap{font-family:'Space Grotesk',sans-serif;font-size:15px;line-height:1.55;color:#4F5A55;letter-spacing:0}
.k-fig.k-mid{max-width:820px}
.cred{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;margin-top:22px;border-top:1px solid #1E211F;max-width:900px}
.cred div{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid #DDE3DF;font-size:15px}
.cred span{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8A6424;padding-top:3px}
@media (max-width:860px){.cred{grid-template-columns:1fr}}
@media (max-width:560px){.cred div{grid-template-columns:1fr;gap:4px}}
.k-row.k-logo2{max-width:520px;margin-top:28px}

.k-dec{margin:30px 0 0;padding:0;list-style:none;border-top:1px solid #1E211F;max-width:900px}
.k-dec li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;padding:22px 0;border-bottom:1px solid #DDE3DF}
.k-dec li>span{font-family:'Space Mono',monospace;font-size:13px;color:#0E7F62;padding-top:4px}
.k-dec b{display:block;font-size:18px;font-weight:600;line-height:1.4}
.k-dec p{margin:6px 0 0!important;font-size:16px!important;line-height:1.6!important;color:#4F5A55!important}
.k-note{margin-top:22px;padding:18px 22px;background:#fff;border:1px solid #DDE3DF;font-size:15px;line-height:1.6;color:#4F5A55;max-width:760px}
.k-sub{padding-top:56px}
.k-sub .k-sec{padding-top:56px}
@media (max-width:560px){.k-dec li{grid-template-columns:40px minmax(0,1fr)}}
.k-bafig img[src$=".svg"]{border:0}
/* portada: ancho completo sin estirar la foto */
header.esc+.k-w{padding:0!important}
header.esc+.k-w .k-fig{position:relative;overflow:hidden;margin:0 auto;display:block}
header.esc+.k-w .k-fig img{display:block;width:100%;height:auto;max-width:100%;margin:0 auto;border:0;border-radius:0}
header.esc+.k-w .k-fig.px img{position:absolute;left:0;top:0;will-change:transform}
header.esc+.k-w+.k-w>.k-stats{border-top:0;margin-top:0}
/* etiqueta de sección fija al hacer scroll (escritorio) */
@media (min-width:861px){.k-sec>.lbl{position:sticky;top:112px;align-self:start;margin-bottom:48px;transition:color .3s}}
.pg{overflow:visible!important;overflow-x:clip!important}
.k-sec .k-w.k-sub{padding:40px 0 0!important}
.k-sec.nost>.lbl{position:static}
.k-mq{overflow-x:auto;scrollbar-width:none;cursor:grab;overscroll-behavior-x:contain}
.k-mq::-webkit-scrollbar{display:none}
.k-mq .k-tr{animation:none!important}
.k-mq.drag{cursor:grabbing}
.k-mq img{pointer-events:none;-webkit-user-drag:none;user-select:none}
.k-browser+.k-cap{margin-top:10px}
.k-browser .k-scr{overscroll-behavior:auto!important;height:auto!important;max-height:560px}
@media (max-width:860px){.k-browser .k-scr{max-height:440px}}
@media (max-width:640px){.k-browser .k-scr{max-height:380px}}
.k-w>.k-row.k-logo2{margin-left:auto;margin-right:auto;justify-content:center}
/* galería de pantallas deslizable */
.k-sl .k-vp{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;overscroll-behavior-x:contain}
.k-sl .k-vp::-webkit-scrollbar{display:none}
.k-sl .k-vp.drag{cursor:grabbing}
.k-sl .k-st{transform:none!important}
.k-sl .k-st>figure{scroll-snap-align:start}
.k-sl img{-webkit-user-drag:none;user-select:none}
/* espacios coherentes dentro de las secciones */
.k-sec>div>h2+:not(p){margin-top:32px}
.k-sec>div>:not(h2):not(h3):not(p)+*{margin-top:40px}
.k-sec>div>:not(h2):not(h3):not(p)+p{margin-top:28px}
.k-sec>div>p+:not(p):not(h3){margin-top:36px}
.k-ba3{gap:40px!important}
.k-row.k-center{gap:32px}
.k-sec .k-w.k-sub{padding-top:40px!important}
@media (max-width:640px){.k-ba3{gap:28px!important}.k-row.k-center{gap:20px}}
.k-lb.solo .pv,.k-lb.solo .nx{display:none}
.k-sl .k-vp{border:0;background:transparent}
.k-sl .k-st{align-items:flex-start}
.k-sl .k-st img{aspect-ratio:1800/1012;object-fit:cover}
/* portada: alto final desde el primer pintado, sin salto al cargar */
@media (min-width:641px){header.esc+.k-w .k-fig:not(.px){height:min(700px,92vh)}header.esc+.k-w .k-fig:not(.px) img{height:100%;object-fit:cover}}
/* Studio: portada en video y fila de celulares */
@media (min-width:641px){header.esc+.k-w .k-fig:not(.px) video{width:100%;height:100%;object-fit:cover;display:block}}
header.esc+.k-w .k-fig video{display:block;width:100%}
.k-fig video{border:0}
.k-row.k-phones{justify-content:center;gap:40px}
.k-row.k-phones .k-fig{max-width:300px}
.k-row.k-phones img{border:0;background:transparent}

.btn svg{width:13px;height:13px;flex:none}
.btn{white-space:nowrap}

header.esc+.k-w .k-fig:not(.px) img{object-position:50% 100%}
/* comparador antes / después */
.k-cmp{position:relative;aspect-ratio:16/8.2;overflow:hidden;background:#0E0F0F;user-select:none;touch-action:pan-y;cursor:ew-resize}
.k-cmp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;display:block;pointer-events:none}
.k-cmp .k-aft{clip-path:inset(0 0 0 var(--p,50%))}
.k-cmp .k-ln{position:absolute;top:0;bottom:0;left:var(--p,50%);width:2px;margin-left:-1px;background:#5FE3B4;pointer-events:none}
.k-cmp .k-ln::after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;background:#5FE3B4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%230E0F0F' stroke-width='1.6'%3E%3Cpath d='M6 4 2 8l4 4M10 4l4 4-4 4'/%3E%3C/svg%3E") center/18px no-repeat}
.k-cmp .k-tg{position:absolute;top:14px;padding:6px 10px;font:700 11px 'Space Mono',monospace;letter-spacing:.1em;text-transform:uppercase;background:#0E0F0F;color:#EAFBF4;pointer-events:none}
.k-cmp .k-tg.l{left:14px}.k-cmp .k-tg.r{right:14px;background:#5FE3B4;color:#0E0F0F}
.k-fig.k-bigfig img{width:100%;height:auto}
@media (max-width:640px){.k-cmp{aspect-ratio:4/3}.k-steps{grid-template-columns:1fr}.k-steps>div+div{padding-left:0;border-left:0;border-top:1px solid #DDE3DF}.k-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.k-stats>div:nth-child(3){padding-left:0;border-left:0}}

/* prototipo de OVER: sin franjas, pantalla completa y uso en celular */
.k-emb.k-proto{aspect-ratio:16/9}
.k-acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:12px}
.k-acts .k-ext{margin-top:0}
.k-fsb{display:inline-flex;gap:8px;align-items:center;padding:10px 14px;border:1px solid #0E7F62;background:transparent;color:#0E7F62;font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.k-fsb:hover{background:#0E7F62;color:#fff}
.k-emb.k-fs{position:fixed;inset:0;z-index:9999;aspect-ratio:auto;border:0;margin:0;background:#0E0F0F;opacity:1!important;transform:none!important}
.k-emb.k-fs iframe{top:0;left:0;right:auto;bottom:auto;width:100%;height:calc(100% - 56px - env(safe-area-inset-bottom,0px))}
.k-fsbar{display:none}
.k-emb.k-fs .k-fsbar{display:flex;position:absolute;left:0;right:0;bottom:0;height:calc(56px + env(safe-area-inset-bottom,0px));padding:0 16px env(safe-area-inset-bottom,0px);align-items:center;justify-content:space-between;gap:16px;background:#0E0F0F;border-top:1px solid #2A302D;color:#93B5A9;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.08em}
.k-fsbar .k-hint{display:none}
.k-fsbar button{white-space:nowrap;flex:none;position:static;margin:0;inset:auto;padding:10px 16px;background:#5FE3B4;color:#0E0F0F;border:0;font:600 14px 'Space Grotesk',sans-serif;cursor:pointer}
html.k-lock,html.k-lock body{overflow:hidden!important}
@media (max-width:860px) and (orientation:portrait){
.k-emb.k-fs iframe{width:calc(100vh - 56px);width:calc(100dvh - 56px - env(safe-area-inset-bottom,0px));height:100vw;transform-origin:0 0;transform:translateX(100vw) rotate(90deg)}
.k-fsbar .k-hint{display:block}
.k-fsbar .k-ttl2{display:none}
}