/* Muestras vivas, vitrina y visor del sitio */
.k-try{margin-top:32px}
.k-try-h{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:0 0 10px;margin-bottom:12px;border-bottom:1px solid #1E211F;font-family:'Space Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.04em;color:#4F5A55}
.k-try+.k-try{margin-top:48px}
.k-try-p{margin:0 0 18px!important;max-width:640px;font-size:15px!important;line-height:1.6!important;color:#4F5A55!important}
.k-try-h span:first-child{color:#0E7F62;text-transform:uppercase}
.k-scale{position:relative;overflow:hidden;width:100%;height:120px;transition:height .2s cubic-bezier(.2,.7,.2,1)}
.k-try iframe{position:absolute;top:0;left:0;display:block;width:100%;height:120px;border:0;background:transparent}
.k-try-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start;margin-top:32px}.k-try-row .k-try{margin-top:0}
.k-vit iframe{display:block;width:100%;height:min(720px,78vh);border:0;background:#EDE9E3}
.k-site{position:fixed;inset:0;z-index:200;background:#0E0F0F;display:flex;flex-direction:column}
.k-site[hidden]{display:none}
.k-site-bar{display:flex;align-items:center;gap:16px;height:56px;padding:0 16px;border-bottom:1px solid #2A302D;color:#EAFBF4;font-family:'Space Grotesk',system-ui,sans-serif;font-size:14px}
.k-site-t{font-family:'Space Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.04em;color:#B9CFC7;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.k-site-v{display:flex;border:1px solid #2A302D}
.k-site-v button{background:none;border:0;color:#B9CFC7;font:inherit;font-size:13px;padding:7px 12px;cursor:pointer}
.k-site-v button[aria-pressed=true]{background:#5FE3B4;color:#0E0F0F}
.k-site-o{color:#5FE3B4!important;font-size:13px;white-space:nowrap}
.k-site-x{background:none;border:1px solid #2A302D;color:#EAFBF4;width:36px;height:36px;font-size:22px;line-height:1;cursor:pointer}
.k-site-x:hover,.k-site-v button:hover{border-color:#5FE3B4}
.k-site button:focus-visible,.k-site a:focus-visible{outline:2px solid #5FE3B4;outline-offset:2px}
.k-site-f{flex:1;display:flex;justify-content:center;align-items:stretch;padding:0;min-height:0}
.k-site-f iframe{width:100%;height:100%;border:0;background:#161514;transition:width .2s cubic-bezier(.2,.7,.2,1)}
.k-site.m .k-site-f{padding:20px 0}
.k-site.m .k-site-f iframe{width:390px;max-width:100%;border:1px solid #2A302D}
html.k-lock,html.k-lock body{overflow:hidden}
@media (max-width:640px){.k-site-o{display:none}.k-site-v{display:none}.k-try-h span:last-child{display:none}.k-try-row{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.k-scale,.k-try iframe,.k-site-f iframe{transition:none}}
/* Logo de la marca en portada */
.k-logo{display:block;height:64px;width:auto;margin:22px 0 4px}
/* Índice del sistema */
.k-sys{margin-top:28px;border-top:1px solid #1E211F;padding-top:6px;max-width:980px}
.k-sys-m{display:flex;flex-wrap:wrap;gap:6px 18px;padding:12px 0 0;font-family:'Space Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.04em;color:#8A6424;text-transform:uppercase}
.k-idx{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;margin-top:22px}
.k-idx h4{margin:0 0 6px;font-family:'Space Mono',ui-monospace,monospace;font-size:11px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:#4F5A55}
.k-idx ol{list-style:none;margin:0;padding:0;border-top:1px solid #DDE3DF}
.k-idx li{display:flex;gap:12px;align-items:baseline;padding:9px 0;border-bottom:1px solid #DDE3DF;font-size:15.5px;line-height:1.35;color:#7A857F}
.k-idx li i{font-style:normal;font-family:'Space Mono',ui-monospace,monospace;font-size:11px;color:#9AA49F;min-width:18px}
.k-idx li a{color:#1E211F;text-decoration:none;display:flex;gap:12px;align-items:baseline;flex:1}
.k-idx li a::after{content:"";width:7px;height:7px;background:#0E7F62;margin-left:auto;align-self:center}
.k-idx li a:hover{color:#0E7F62}
.k-sec p.k-idx-n{margin-top:14px;font-family:"Space Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.04em;line-height:1.4;color:#4F5A55;display:flex;align-items:center;gap:8px}
.k-idx-n::before{content:"";width:7px;height:7px;background:#0E7F62}
/* Variables recreadas */
.k-var{margin-top:32px}
.k-var+.k-var{margin-top:40px}
.k-var ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;list-style:none;margin:0;padding:0}
.k-var li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #DDE3DF;min-width:0}
.k-var li>span{min-width:0}
.k-var b{display:block;font-family:'Space Mono',ui-monospace,monospace;font-size:13px;font-weight:700;color:#1E211F;overflow-wrap:anywhere}
.k-var small{display:block;font-size:13.5px;line-height:1.4;color:#4F5A55;margin-top:2px}
.k-var code{font-family:'Space Mono',ui-monospace,monospace;font-size:12px;color:#1E211F;background:#EEF1EF;padding:4px 7px;white-space:nowrap}
.k-var i{display:block;width:40px;height:40px;border:1px solid rgba(14,15,15,.12);position:relative;overflow:hidden}
.k-var i.r{background:#EEF1EF;border:2px solid #0E7F62}
.k-var i.mv{border:1px solid #DDE3DF;background:#FAFAF6}
.k-var i.mv::after{content:"";position:absolute;left:6px;top:15px;width:8px;height:8px;background:#0E7F62;animation:kmv var(--d,.9s) var(--e,ease) infinite alternate}
@keyframes kmv{to{transform:translateX(var(--x,18px))}}
.k-var-n{margin-top:12px;font-size:14px;line-height:1.55;color:#4F5A55;max-width:760px}
/* Nota final */
.k-nota{display:grid;grid-template-columns:140px minmax(0,1fr);gap:32px;align-items:center;margin-top:28px;padding:28px 32px;border:1px solid #1E211F;max-width:980px;background:#fff}
.k-nota img{display:block;width:100%;height:auto;max-height:110px;object-fit:contain}
.k-nota p{margin:0!important;font-size:17px!important;line-height:1.6!important;color:#1E211F!important}
.k-nota p+p{margin-top:10px!important;font-size:14.5px!important;color:#4F5A55!important}
@media (max-width:900px){.k-idx{grid-template-columns:1fr 1fr;gap:22px 24px}.k-var ul{grid-template-columns:1fr}}
@media (max-width:640px){.k-idx{grid-template-columns:1fr}.k-logo{height:52px}.k-nota{grid-template-columns:1fr;gap:18px;padding:22px 20px}.k-nota img{width:120px}}
@media (prefers-reduced-motion:reduce){.k-var i.mv::after{animation:none}}
@media (max-width:640px){
.k-desk{display:none}
.k-var li{grid-template-columns:40px minmax(0,1fr);row-gap:6px}
.k-var li code{grid-column:2;justify-self:start;white-space:normal;overflow-wrap:anywhere}
.k-var li i{grid-row:span 2;align-self:start}
}
.k-var i.mv.sq::after{left:11px;top:11px;width:16px;height:16px;animation-name:kmv2}
@keyframes kmv2{to{transform:var(--tf)}}
.k-try-row+.k-try,.k-try+.k-try-row{margin-top:48px}
.k-logo-b{height:96px}@media (max-width:640px){.k-logo-b{height:76px}}
.k-scale:not(.on){background:linear-gradient(90deg,#F1F3F1 0%,#E6EBE8 50%,#F1F3F1 100%);background-size:200% 100%;animation:ksh 1.4s linear infinite}
.k-scale iframe{opacity:0;transition:opacity .4s cubic-bezier(.2,.7,.2,1)}
.k-scale.on iframe{opacity:1}
@keyframes ksh{from{background-position:100% 0}to{background-position:-100% 0}}
@media (prefers-reduced-motion:reduce){.k-scale:not(.on){animation:none}}

/* Invitación a cambiar de tema */
.k-sol{display:flex;gap:14px;align-items:center;margin:0 0 18px;padding:14px 16px;border:1px solid #0E7F62;border-left-width:4px;background:#EEF6F1}
.k-sol p{margin:0!important;font-size:15px!important;line-height:1.5!important;color:#1E211F!important}
.k-sol b{font-weight:600}
.k-sol-i{position:relative;flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#0E7F62;color:#FAFAF6}
.k-sol-i svg{width:22px;height:22px}
.k-sol-i::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 0 rgba(14,127,98,.5);animation:ksolp 1.8s ease-out infinite}
@keyframes ksolp{0%{box-shadow:0 0 0 0 rgba(14,127,98,.5)}70%{box-shadow:0 0 0 12px rgba(14,127,98,0)}100%{box-shadow:0 0 0 0 rgba(14,127,98,0)}}
@media (prefers-reduced-motion:reduce){.k-sol-i::after{animation:none}}
/* Tomas del sitio en vivo */
.k-take video{background:#161514;aspect-ratio:16/9;object-fit:cover}
.k-take.k-phone video{aspect-ratio:1080/2338}
.k-takes{gap:18px!important}
.k-take figcaption{text-align:left;margin-top:10px;font-size:14px!important}
@media (min-width:641px){.k-row.k-takes:not(.k-wrap){flex-wrap:nowrap}.k-row.k-takes:not(.k-wrap)>.k-fig{flex-basis:0!important}}
@media (max-width:640px){.k-take.k-phone{max-width:240px;margin:0}}
.k-row.k-takes.k-wrap{flex-wrap:wrap}.k-row.k-takes.k-wrap>.k-fig{flex:1 1 calc(50% - 9px)!important;max-width:calc(50% - 9px)}
@media (max-width:640px){.k-row.k-takes.k-wrap>.k-fig{flex-basis:100%!important;max-width:100%}}
.k-tk{margin-top:28px}
.k-still img{aspect-ratio:auto;background:#161514}
@media (max-width:640px){.k-row.k-takes{flex-wrap:wrap}.k-row.k-takes>.k-fig{flex-basis:100%!important}.k-row.k-takes>.k-fig.k-phone{flex:1 1 0!important;flex-basis:0!important;max-width:none}.k-row.k-takes>.k-phone+.k-phone{margin-left:0}}
@media (max-width:640px){.k-row.k-takes>.k-fig.k-phone.k-solo{flex:0 0 auto!important;width:240px;max-width:240px}}
.k-w.k-tk.k-join{padding-top:0!important;margin-top:24px}
@media (max-width:640px){.k-row.k-takes>.k-fig.k-phone.k-solo{flex:1 1 100%!important;width:auto;max-width:none}}
iframe[data-solo]{pointer-events:none}.on>iframe[data-solo]{pointer-events:auto}