.img-claro{display:var(--show-light)}
.img-oscuro{display:var(--show-dark)}
.solo-claro{filter:var(--filtro-solo-claro)}
.centinela{position:absolute;top:0;left:0;width:1px;height:8px;pointer-events:none}
.cab{position:fixed;inset:0 0 auto;z-index:50;height:var(--nav-h);background:var(--bg)}
.cab::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:var(--line);opacity:0;transition:opacity var(--t-estado) var(--ease-ui)}
.cab.is-fija::after{opacity:1}
.cab__in{display:flex;align-items:center;justify-content:space-between;gap:24px;height:100%}
.marca{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:18px;font-weight:800;line-height:1;letter-spacing:-.01em}
.marca img{width:26px;height:27px;flex:none}
.cab__nav{display:flex;align-items:center;gap:28px;margin-left:auto}
.cab__nav a{display:flex;align-items:center;min-height:44px;font-size:13px;line-height:1.3;color:var(--muted)}
.cab__fin{display:flex;align-items:center;gap:8px}
[data-theme-toggle]{display:inline-grid;visibility:hidden}
html[data-tema-vivo] [data-theme-toggle]{visibility:visible}
.btn-icono .i-sol{display:none}
:root[data-theme="dark"] .btn-icono .i-luna{display:none}
:root[data-theme="dark"] .btn-icono .i-sol{display:block}
@media(prefers-color-scheme:dark){
 :root:not([data-theme="light"]) .btn-icono .i-luna{display:none}
 :root:not([data-theme="light"]) .btn-icono .i-sol{display:block}
}
@media(hover:hover){.cab__nav a:hover{color:var(--text)}}
:root{--guia-arriba:clamp(32px,3.4vw,48px)}
.inicio{display:flex;align-items:center;min-height:calc(100svh - var(--guia-arriba));padding-block:calc(var(--nav-h) + 24px) 48px}
.inicio__in{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:clamp(32px,4vw,64px);align-items:center}
.inicio__texto{display:flex;flex-direction:column;align-items:flex-start;padding-block:24px}
.inicio .display{font-size:clamp(40px,4.3vw,62px);line-height:1.03;letter-spacing:-.045em;word-spacing:0;text-wrap:initial}
.inicio .pal{display:inline-block}
.inicio__texto .lead{margin-top:28px;max-width:29rem}
.inicio__cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:32px}
.inicio__ver{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;line-height:20px;font-weight:500}
.inicio__ver svg{width:18px;height:18px;transition:transform 180ms var(--ease-ui)}
.inicio__texto .nota{margin-top:16px}
.inicio__contexto{display:flex;align-items:baseline;gap:18px;margin-top:56px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;line-height:1.5;color:var(--muted)}
.inicio__contexto-etq{font-size:12px;font-weight:500;color:var(--text);white-space:nowrap}
@media(hover:hover){.inicio__ver:hover svg{transform:translateY(3px)}}
.guia{padding-block:var(--guia-arriba) clamp(72px,8vw,112px)}
.guia__in{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start}
.guia__cab{position:sticky;top:calc(var(--nav-h) + 40px);padding-top:8px}
.guia__cab .h2{max-width:11ch;font-size:clamp(36px,4vw,56px);line-height:1.04;letter-spacing:-.045em}
.guia__nota{margin-top:20px;font-size:12px}
.escena{
 --tel-w:clamp(220px,18vw,264px);--H:calc(var(--tel-w) * 1.888889);
 display:grid;min-width:0;padding:24px;grid-template-columns:minmax(0,1fr) var(--tel-w);
 grid-template-areas:"prueba prueba" "apps apps" "indic rot" "panel tel" "recrea narra" "ctrl ctrl" "tareas tareas" "error error" "pieapps pieapps";
 gap:0 24px;align-items:start;border:1px solid var(--line);border-radius:16px;background:var(--stage);
 scroll-margin-top:calc(var(--nav-h) + 16px)
}
.escena__prueba{grid-area:prueba;display:flex;flex-direction:column;align-self:start;gap:6px;margin-bottom:18px;padding:0 0 0 14px;border-left:2px solid var(--accent-fill);font-size:15px;line-height:1.4;font-weight:500}
.escena__prueba-etq{font-size:12px;line-height:16px;color:var(--muted);font-weight:400}
.escena__apps{grid-area:apps;margin-bottom:16px}
.escena__apps [role="tablist"]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
.escena__apps [role="tab"]{min-width:0;min-height:44px;padding:0 6px;border-radius:7px;font-size:13px;line-height:18px;color:var(--muted);font-weight:500;transition:background-color var(--t-hover) var(--ease-ui),color var(--t-hover) var(--ease-ui)}
.escena__apps [role="tab"][aria-selected="true"]{color:var(--btn-ink-fg);background:var(--btn-ink-bg)}
.escena__apps [role="tab"]:focus-visible{outline-offset:1px}
@media(hover:hover){.escena__apps [role="tab"]:not([aria-selected="true"]):hover{color:var(--text);background:var(--hc-control)}}
.escena__indic{grid-area:indic;min-height:42px;padding-bottom:10px;font-size:12px;line-height:16px;color:var(--muted)}
.escena__rot{grid-area:rot;align-self:end;padding-bottom:14px;font-size:12px;line-height:16px;color:var(--muted)}
.escena .hc-panel{grid-area:panel;align-self:stretch}
.escena .hc-etq{font-size:12px}
.escena__tel{grid-area:tel;position:relative;width:var(--tel-w);height:var(--H);overflow:hidden;border-radius:14px;background:var(--tel-pantalla);box-shadow:0 0 0 5px var(--tel-marco),0 0 0 6px color-mix(in srgb,var(--text) 16%,transparent)}
.escena__tel>img,.escena__tel video{width:100%;height:100%;object-fit:cover}
.escena__tel video{display:none}
.escena[data-viva][data-video-visible] .escena__tel video{display:block}
.escena[data-viva][data-video-visible] .escena__tel>[data-escena-final]{display:none}
.escena[data-viva][data-estado="error"] .escena__tel video{display:none}
.escena[data-viva][data-estado="error"] .escena__tel>[data-escena-final]{display:block}
.escena__cargando{display:none;position:absolute;inset:auto 10px 10px;justify-content:center;padding:9px 10px;border:1px solid var(--tel-borde);border-radius:8px;color:var(--tel-texto);background:var(--tel-fondo);font-size:12px;line-height:16px;text-align:center}
.escena[data-viva][data-estado="cargando"] .escena__cargando{display:flex}
.escena__recrea,.escena__narra{padding-top:14px;font-size:12px;line-height:16px;color:var(--muted)}
.escena__recrea{grid-area:recrea;max-width:26ch}
.escena__narra{grid-area:narra;min-height:46px;color:var(--text);font-size:12px;line-height:16px}
.escena__ctrl{grid-area:ctrl;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px 24px}
.escena__ctrl .btn-texto{min-height:44px;font-size:12px;text-decoration:underline;text-underline-offset:3px}
.escena__tareas{grid-area:tareas;margin-top:12px}
.escena__tareas-leyenda{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px;font-size:12px;line-height:16px;color:var(--muted)}
.escena__tareas-leyenda strong{color:var(--text);font-weight:500}
.escena__tareas img{width:100%;height:auto;aspect-ratio:640 / 54;object-fit:contain;border:var(--borde-solo-claro) solid var(--line);border-radius:8px}
.escena__error{grid-area:error;margin-top:14px;padding:14px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--err);border-radius:8px;font-size:13px;line-height:1.5}
.escena__error .btn-texto{margin-top:8px;min-height:44px;text-decoration:underline}
.escena__pie{grid-area:pieapps;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:12px;line-height:1.6;color:var(--muted)}
.escena:not([data-viva]) .vivo{display:none}
.escena[data-viva] .escena__pie-foto{display:none}
.escena[data-viva] .escena__tareas{display:none}
.escena[data-viva] .escena__tareas.es-visible,.escena[data-viva][data-estado="error"] .escena__tareas{display:block}
.escena[data-viva] .hc-int{transition:opacity 120ms var(--ease-ui)}
.escena.es-cambia .hc-int{opacity:0}
@media(prefers-reduced-motion:no-preference){.escena[data-viva] .escena__tareas.es-visible{animation:fila-entra 360ms var(--ease-quint) both}}
@keyframes fila-entra{from{opacity:0;transform:translateY(6px)}}
.seccion-etq{display:flex;gap:10px;align-items:baseline;margin-bottom:24px;font-size:12px;line-height:18px;color:var(--muted)}
.banda{padding-block:104px;background:var(--band);color:var(--band-text)}
.banda .lead,.banda .nota,.banda .rotulo,.banda .seccion-etq{color:var(--band-muted)}
.banda :focus-visible{outline-color:var(--band-text)}
.banda ::selection{background:var(--band-text);color:var(--band)}
.cerca{display:grid;grid-template-columns:minmax(0,420px) minmax(0,704px);grid-template-areas:"txt der" "regla regla";gap:48px 64px;justify-content:space-between}
.cerca__txt{grid-area:txt}
.cerca__txt .lead{margin-top:24px}
.regla{grid-area:regla;display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr) 280px;grid-template-rows:auto 1fr;gap:12px 32px;padding-top:32px;border-top:1px solid var(--band-line)}
.regla figcaption{grid-column:1;grid-row:1 / 3}
.regla__titulo{display:block;max-width:21ch;margin-top:10px;font-size:26px;line-height:1.2;letter-spacing:-.02em}
.regla__explica{grid-column:2;font-size:14px;line-height:1.65;color:var(--band-muted)}
.regla .regla__procedencia{grid-column:2;font-size:12px;line-height:1.6}
.regla__ejemplo{grid-column:3;grid-row:1 / 3}
.regla .rotulo{margin-bottom:12px;font-size:12px}
.regla img{width:280px;height:auto;border-radius:8px}
.regla .nota{margin-top:12px;max-width:31rem}
.cerca__der{grid-area:der;align-self:center}
.cerca__der>.rotulo{margin-bottom:16px;font-size:12px}
.tira{position:relative;width:100%;display:grid;gap:16px;background:var(--band)}
.tira__video{display:none;width:100%;height:auto;aspect-ratio:1056 / 330;object-fit:cover;background:var(--band)}
.tira__estatica{display:block;width:100%;height:auto;aspect-ratio:1056 / 330}
[data-tira-viva] .tira:not(.tira--estatica){display:block;aspect-ratio:1056 / 330}
[data-tira-viva] .tira:not(.tira--estatica) .tira__video{display:block}
[data-tira-viva] .tira:not(.tira--estatica) .tira__estatica{display:none}
.tira__ctrl{display:none;align-items:center;gap:16px;min-height:44px;margin-top:12px}
[data-tira-viva] .tira__ctrl{display:flex}
.tira__estado{font-size:13px;line-height:1.5;color:var(--band-muted)}
.tira__estado:empty{display:none}
.banda .btn-texto{min-height:44px;color:var(--band-text);text-decoration:underline;text-underline-offset:4px}
.cerca__der .nota{margin-top:20px;max-width:42rem;font-size:12px;line-height:1.6}
.req{padding-block:80px;background:var(--stage);border-block:1px solid var(--line)}
.req .h2{font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--tr-h2)}
.req__lista{max-width:54rem;margin-top:32px}
.req dl>div{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:16px;padding-block:18px;border-top:1px solid var(--line);font-size:15px;line-height:1.6}
.req dt{font-weight:500}
.req dd{color:var(--muted)}
.demo{padding-block:100px}
.demo>.contenedor{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 64px;align-items:start}
.demo .seccion-etq{grid-column:1 / -1}
.demo .h2{font-size:clamp(40px,4.8vw,64px);line-height:1.05}
.demo .lead{grid-column:1;margin-top:20px;max-width:35rem}
.demo__cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:16px;grid-column:2;grid-row:2 / 4;align-self:center}
.demo .nota{grid-column:1 / -1;margin-top:16px}
.pie{border-top:1px solid var(--line);padding-block:48px 32px}
.pie__tit{margin-bottom:20px;font-size:13px;line-height:20px;font-weight:600}
.pie__lista{column-count:2;column-gap:64px;max-width:72rem}
.pie__lista li{break-inside:avoid;padding-bottom:16px;max-width:44rem;font-size:12px;line-height:1.65;color:var(--muted)}
.pie__marcas{margin-top:20px;max-width:44rem;font-size:12px}
.pie__marca{margin-top:32px}
@media(max-width:1149.98px){
 .cab__nav{gap:20px}
 .inicio .display{font-size:clamp(38px,4.6vw,52px)}
 .inicio__texto .lead{margin-top:22px}
 .inicio__contexto{display:none}
 .guia__in{grid-template-columns:minmax(0,1fr);gap:28px}
 .guia__cab{position:static;padding-top:0}
 .guia__cab .h2{max-width:none}
 .guia .escena{width:100%;max-width:780px}
 .escena{--tel-w:250px}
 .cerca{grid-template-columns:minmax(0,1fr);grid-template-areas:"txt" "der" "regla";gap:40px}
 .cerca__txt{max-width:42rem}
 .cerca__der{width:100%;max-width:860px}
 .regla{grid-template-columns:minmax(0,1fr) 280px;gap:14px 28px;align-items:start}
 .regla figcaption{grid-column:1;grid-row:auto}
 .regla__titulo{max-width:26ch}
 .regla__explica,.regla .regla__procedencia{grid-column:1}
 .regla__ejemplo{grid-column:2;grid-row:1 / 4}
}
@media(max-width:899.98px){
 .cab__nav{display:none}
 .inicio{display:block;min-height:0;padding-top:calc(var(--nav-h) + 36px)}
 .inicio__in{grid-template-columns:minmax(0,1fr);gap:16px}
 .inicio__texto{padding:0;max-width:44rem}
 .inicio .display{font-size:clamp(38px,6.3vw,56px)}
 .universo{max-width:520px}
 .demo>.contenedor{grid-template-columns:1fr}
 .demo__cta{grid-column:1;grid-row:auto;margin-top:28px}
}
@media(max-width:699.98px){
 .cab__in{gap:8px}
 .cab__fin{gap:4px}
 .cab .btn{height:44px;padding-inline:15px;font-size:13px}
 .marca{gap:8px;font-size:17px}
 .inicio{padding-top:calc(var(--nav-h) + 20px);padding-bottom:24px}
 .inicio__in{gap:4px}
 .inicio .display{font-size:clamp(34px,10.25vw,48px);line-height:1.03;letter-spacing:-.045em}
 .inicio__texto .lead{margin-top:18px;font-size:17px;line-height:1.5;max-width:34rem}
 .inicio__cta{display:none}
 .inicio__texto .nota{margin-top:12px;font-size:12px}
 .guia{padding-block:40px 64px}
 .guia__in{gap:20px}
 .guia__cab .h2{font-size:clamp(32px,8.5vw,42px)}
 .guia__nota{margin-top:12px}
 .escena{
  --tel-w:min(100%,234px);--H:auto;grid-template-columns:minmax(0,1fr);width:100%;padding:16px;
  grid-template-areas:"apps" "prueba" "indic" "panel" "recrea" "rot" "tel" "narra" "ctrl" "tareas" "error" "pieapps";
  gap:0;border-radius:16px
 }
 .escena__apps{margin-bottom:12px}
 .escena__apps [role="tablist"]{gap:0;padding:2px}
 .escena__apps [role="tab"]{padding-inline:3px;font-size:12px}
 .escena__prueba{gap:3px;padding:0 0 0 10px;margin-bottom:14px;font-size:13px;line-height:17px}
 .escena__prueba-etq{font-size:11px;line-height:14px}
 .escena__indic{position:absolute;width:1px;height:1px;min-height:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 
 .escena[data-viva]:is([data-estado="iniciando"],[data-estado="cargando"],[data-estado="pausado"],[data-estado="error"]) .escena__indic:not(:empty){position:static;width:auto;height:auto;min-height:0;padding:0 0 10px;overflow:visible;clip-path:none;white-space:normal;color:var(--text)}
 .escena__recrea{max-width:none;font-size:12px;line-height:16px;padding-top:8px}
 .escena__rot{justify-self:center;margin-top:14px;padding-bottom:14px;font-size:12px}
 .escena__tel{justify-self:center;width:var(--tel-w);height:auto;aspect-ratio:720 / 1360}
 .escena__narra{justify-self:center;width:min(100%,268px);min-height:42px;text-align:center;font-size:12px;line-height:17px}
 .escena__ctrl{justify-content:center}
 .escena__ctrl .btn-texto{font-size:13px}
 .escena__tareas-leyenda{font-size:12px}
 .escena__pie{margin-top:12px;padding-top:12px;font-size:12px}
 .seccion-etq{margin-bottom:18px}
 .banda{padding-block:64px}
 .cerca{gap:32px}
 .cerca__txt .lead{margin-top:20px}
 .cerca__der>.rotulo{font-size:12px}
 .regla{display:block;padding-top:24px}
 .regla__titulo{font-size:24px}
 .regla__explica{margin-top:16px;font-size:15px}
 .regla__ejemplo{margin-top:24px}
 .regla img{max-width:100%}
 .regla .nota{margin-top:12px}
 .req{padding-block:64px}
 .req__lista{margin-top:28px}
 .req dl>div{display:flex;flex-direction:column;gap:5px;padding-block:16px}
 .demo{padding-block:64px}
 .demo .h2{font-size:44px}
 .demo .lead{margin-top:18px}
 .pie{padding-block:32px}
 .pie__lista{column-count:1}
}
@media(max-width:359.98px){
 .cab__fin{gap:0}
 .cab .btn{padding-inline:10px;font-size:12px}
 .marca{font-size:16px}
 .marca img{width:23px;height:24px}
 .escena{padding:12px}
}
@keyframes hc-entrada-sube{from{opacity:0;transform:translateY(var(--dy,12px))}}
@keyframes hc-entrada-opacidad{from{opacity:0}}
@media(prefers-reduced-motion:no-preference){
 html[data-portada-viva] .inicio .pal{--dy:6px;animation:hc-entrada-sube var(--t-revela) var(--ease-expo) calc(var(--i,0) * 60ms) backwards}
 html[data-portada-viva] .inicio__texto .lead{animation:hc-entrada-opacidad var(--t-revela) var(--ease-expo) 420ms backwards}
 html[data-portada-viva] .inicio__cta{--dy:14px;animation:hc-entrada-sube var(--t-revela) var(--ease-expo) 540ms backwards}
 html[data-portada-viva] .inicio__texto .nota,html[data-portada-viva] .inicio__contexto{animation:hc-entrada-opacidad var(--t-revela) var(--ease-expo) 620ms backwards}
}
.signo{position:relative;flex:0 0 22px;width:22px;height:22px;margin-left:auto;color:var(--muted)}
.signo::before,.signo::after{content:"";position:absolute;top:10px;left:5px;width:12px;height:1px;background:currentColor}
.signo::after{transform:rotate(90deg)}
details[open]>summary .signo::after{transform:rotate(0)}
.banda .signo{color:var(--band-muted)}
@media(hover:hover){details>summary:hover .signo{color:var(--text)}.banda details>summary:hover .signo{color:var(--band-text)}}
@media(prefers-reduced-motion:no-preference){
 .signo::after{transition:transform 200ms var(--ease-quint)}
 .detalle[open]>.detalle__contenido,.evidencia-mas[open]>.evidencia-mas__contenido{animation:desplegable-abre 260ms var(--ease-quint)}
}
@keyframes desplegable-abre{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.detalle{border-top:1px solid var(--line);font-size:14px;line-height:1.6}
.detalle>summary{display:flex;align-items:center;gap:16px;min-height:56px;padding-block:8px;cursor:pointer;list-style:none;font-weight:500;color:var(--text)}
.detalle>summary::-webkit-details-marker{display:none}
.detalle__contenido{padding:12px 0 24px}
.cerca__mas{grid-area:regla;border-color:var(--band-line)}
.cerca__mas>summary{color:var(--band-text)}
.cerca__mas .regla{padding-top:0;border:0}
.req__mas{margin-top:28px}
.req__mas .detalle__contenido{max-width:44rem;color:var(--muted)}
.pie__procedencia{max-width:72rem;border:0}
.pie__procedencia>summary{color:var(--muted)}
.pie__procedencia .signo{margin-left:0}
@media(hover:hover){.detalle>summary:hover{color:var(--text)}.cerca__mas>summary:hover{color:var(--band-text)}}
.inicio .pal:nth-of-type(1){--i:0}.inicio .pal:nth-of-type(2){--i:1}.inicio .pal:nth-of-type(3){--i:2}.inicio .pal:nth-of-type(4){--i:3}.inicio .pal:nth-of-type(5){--i:4}
.inicio .pal:nth-of-type(1){--i:0}.inicio .pal:nth-of-type(2){--i:1}.inicio .pal:nth-of-type(3){--i:2}.inicio .pal:nth-of-type(4){--i:3}.inicio .pal:nth-of-type(5){--i:4}
.inicio .pal:nth-of-type(1){--i:0}.inicio .pal:nth-of-type(2){--i:1}.inicio .pal:nth-of-type(3){--i:2}.inicio .pal:nth-of-type(4){--i:3}.inicio .pal:nth-of-type(5){--i:4}