:root{--fuente: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--fuente-mono: ui-monospace, "Cascadia Code", Consolas, "SF Mono", monospace;--texto-xs: .72rem;--texto-sm: .84rem;--texto-md: 1rem;--texto-lg: 1.25rem;--texto-xl: 1.6rem;--peso-medio: 560;--peso-fuerte: 660;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--ancho-lateral: 214px;--transicion: .16s ease}:root,[data-tema=control]{color-scheme:dark;--color-fondo: #0a0e16;--color-superficie: #131926;--color-superficie-alta: #1a2231;--color-borde: #232c3d;--color-texto: #e9edf5;--color-texto-suave: #8b98ae;--color-primario: #4c9aff;--color-primario-hover: #6badff;--color-primario-texto: #04122b;--color-exito: #6ee7b7;--color-exito-suave: rgba(52, 211, 153, .14);--color-alerta: #fcd34d;--color-alerta-suave: rgba(251, 191, 36, .15);--color-peligro: #fca5a5;--color-peligro-suave: rgba(248, 113, 113, .15);--color-lateral: #080b12;--color-lateral-texto: #e9edf5;--color-lateral-suave: #8b98ae;--color-lateral-activo-fondo: rgba(76, 154, 255, .16);--color-lateral-activo-texto: #8fc2ff;--color-lateral-borde: #232c3d;--radius-sm: 8px;--radius: 10px;--radius-lg: 14px;--densidad-fila: 9px;--sombra: 0 1px 2px rgba(0, 0, 0, .4);--sombra-alta: 0 10px 30px -16px rgba(0, 0, 0, .8);--resplandor: 0 5px 18px -5px rgba(76, 154, 255, .55)}[data-tema=turno]{color-scheme:light;--color-fondo: #f4f4f8;--color-superficie: #ffffff;--color-superficie-alta: #fafafd;--color-borde: #e6e5ef;--color-texto: #191527;--color-texto-suave: #6b6785;--color-primario: #5b2dd5;--color-primario-hover: #4a24b0;--color-primario-texto: #ffffff;--color-exito: #0b6e4c;--color-exito-suave: #dff4ea;--color-alerta: #96550a;--color-alerta-suave: #fdf0dc;--color-peligro: #b02a38;--color-peligro-suave: #fce8ea;--color-lateral: #241b4d;--color-lateral-texto: #ffffff;--color-lateral-suave: #b6add9;--color-lateral-activo-fondo: #ffffff;--color-lateral-activo-texto: #241b4d;--color-lateral-borde: transparent;--radius-sm: 10px;--radius: 12px;--radius-lg: 18px;--densidad-fila: 11px;--sombra: 0 1px 3px rgba(30, 20, 60, .08);--sombra-alta: 0 8px 26px -14px rgba(30, 20, 60, .28);--resplandor: 0 6px 18px -6px rgba(91, 45, 213, .55)}[data-tema=cinta]{color-scheme:light;--color-fondo: #f5f6f9;--color-superficie: #ffffff;--color-superficie-alta: #f7f9fd;--color-borde: #e3e6ed;--color-texto: #0f1626;--color-texto-suave: #5a6478;--color-primario: #1546c0;--color-primario-hover: #10399e;--color-primario-texto: #ffffff;--color-exito: #0b6440;--color-exito-suave: #e2f3ea;--color-alerta: #8a5a06;--color-alerta-suave: #fcf2e0;--color-peligro: #a32219;--color-peligro-suave: #fbe9e7;--color-lateral: #1546c0;--color-lateral-texto: #ffffff;--color-lateral-suave: #b9cbf5;--color-lateral-activo-fondo: rgba(255, 255, 255, .18);--color-lateral-activo-texto: #ffffff;--color-lateral-borde: transparent;--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--densidad-fila: 10px;--sombra: 0 1px 3px rgba(15, 30, 70, .08);--sombra-alta: 0 8px 26px -16px rgba(15, 30, 70, .35);--resplandor: 0 6px 18px -6px rgba(21, 70, 192, .45)}*{box-sizing:border-box}body{margin:0;font-family:var(--fuente);font-size:var(--texto-md);color:var(--color-texto);background:var(--color-fondo);-webkit-font-smoothing:antialiased}h1{font-size:var(--texto-xl);font-weight:var(--peso-fuerte);letter-spacing:-.022em;margin:0 0 var(--space-4)}h2{font-size:var(--texto-lg);font-weight:var(--peso-fuerte);letter-spacing:-.015em;margin:0 0 var(--space-3)}a{color:var(--color-primario)}:focus-visible{outline:2px solid var(--color-primario);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.app-shell{display:flex;height:100vh;height:100dvh;overflow:hidden}.lateral{width:var(--ancho-lateral);flex:none;display:flex;flex-direction:column;gap:2px;padding:var(--space-4) var(--space-3);background:var(--color-lateral);color:var(--color-lateral-texto);border-right:1px solid var(--color-lateral-borde);overflow-y:auto;overscroll-behavior:contain;color-scheme:dark}.lateral .marca-l{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2) var(--space-4);font-weight:var(--peso-fuerte);font-size:.92rem;letter-spacing:-.015em}.lateral .marca-l .logotipo{color:var(--color-lateral-texto)}.nav-l{display:flex;align-items:center;gap:var(--space-2);padding:7px var(--space-2);border-radius:var(--radius-sm);font-size:var(--texto-sm);font-weight:var(--peso-medio);color:var(--color-lateral-suave);text-decoration:none;transition:background-color var(--transicion),color var(--transicion)}.nav-l:hover{background:#7f7f7f24;color:var(--color-lateral-texto)}.nav-l.activo{background:var(--color-lateral-activo-fondo);color:var(--color-lateral-activo-texto);font-weight:var(--peso-fuerte)}.grupo-nav{display:flex;flex-direction:column}.grupo-nav+.grupo-nav{margin-top:var(--space-2)}.nav-l.cabecera-grupo{width:100%;background:none;border:none;cursor:pointer;font-family:inherit;text-align:left;letter-spacing:.02em;text-transform:uppercase;font-size:var(--texto-xs);color:var(--color-lateral-suave)}.nav-l.cabecera-grupo:hover{color:var(--color-lateral-texto)}.chevron-grupo{margin-left:auto;display:grid;place-items:center;transition:transform var(--transicion)}.grupo-nav.abierto .chevron-grupo{transform:rotate(180deg)}.items-grupo{display:flex;flex-direction:column;gap:2px;margin:2px 0 0 calc(var(--space-2) + 7px);padding-left:var(--space-2);border-left:1px solid var(--color-lateral-borde)}.grupo-nav:not(.abierto) .items-grupo{display:none}.lateral .crece{flex:1}.lateral-pie{display:flex;flex-direction:column;gap:var(--space-2)}.usuario-l{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius);background:#7f7f7f24;font-size:var(--texto-xs);color:var(--color-lateral-suave);min-width:0}.usuario-l .nombre{color:var(--color-lateral-texto);font-weight:var(--peso-medio)}.usuario-l .col{display:flex;flex-direction:column;min-width:0}.usuario-l .col>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{width:26px;height:26px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:.64rem;font-weight:700;background:var(--color-primario);color:var(--color-primario-texto)}.lateral .campo>label{font-size:var(--texto-xs);color:var(--color-lateral-suave)}.lateral .campo>select{width:100%;padding:5px var(--space-2);background:#7f7f7f29;color:var(--color-lateral-texto);border:1px solid rgba(127,127,127,.28);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--texto-xs)}.lateral .campo>select:hover{border-color:var(--color-lateral-suave)}.lateral .campo>select option{background:var(--color-lateral);color:var(--color-lateral-texto)}.lateral .boton.secundario{color:var(--color-lateral-texto);border-color:#7f7f7f47}.lateral .boton.secundario:hover:not(:disabled){background:#7f7f7f2e;border-color:var(--color-lateral-suave)}.zona{flex:1;min-width:0;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}.contenido{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.barra-sup,.encabezado{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.barra-sup .spacer,.encabezado .spacer{flex:1}.barra-sup h1,.encabezado h1{margin:0}.tarjeta{background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:var(--radius-lg);box-shadow:var(--sombra);padding:var(--space-4) var(--space-5)}.pila{display:flex;flex-direction:column;gap:var(--space-4)}.pila.compacta{gap:var(--space-2)}.fila{display:flex;gap:var(--space-3);align-items:flex-end;flex-wrap:wrap}.sr-solo{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.campo{display:flex;flex-direction:column;gap:var(--space-1)}.campo>label{font-size:var(--texto-sm);color:var(--color-texto-suave);font-weight:var(--peso-medio)}.campo>input,.campo>select,.campo>textarea,.campo-control{padding:var(--space-2) var(--space-3);font-size:var(--texto-md);border:1px solid var(--color-borde);border-radius:var(--radius);background:var(--color-superficie-alta);color:var(--color-texto);font-family:inherit;transition:border-color var(--transicion),box-shadow var(--transicion)}.campo>input.entrada-angosta{width:9ch}.campo>input:hover,.campo>select:hover,.campo>textarea:hover,.campo-control:hover{border-color:var(--color-texto-suave)}.campo.ancho{flex:1;min-width:12rem}.error-campo{font-size:var(--texto-xs);color:var(--color-peligro)}.campo.invalido>input,.campo.invalido>select,.campo.invalido>textarea,.campo.invalido .campo-control,.campo-control.invalido{border-color:var(--color-peligro)}.boton{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--texto-sm);font-weight:var(--peso-fuerte);font-family:inherit;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;background:var(--color-primario);color:var(--color-primario-texto);box-shadow:var(--resplandor);transition:background-color var(--transicion),transform var(--transicion),box-shadow var(--transicion)}.boton:hover:not(:disabled){background:var(--color-primario-hover);transform:translateY(-1px)}.boton:active:not(:disabled){transform:translateY(0)}.boton:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.boton.secundario{background:transparent;color:var(--color-texto);border-color:var(--color-borde);box-shadow:none}.boton.secundario:hover:not(:disabled){background:var(--color-superficie-alta);border-color:var(--color-texto-suave)}.boton.peligro{background:transparent;color:var(--color-peligro);border-color:var(--color-peligro);box-shadow:none}.boton.peligro:hover:not(:disabled){background:var(--color-peligro-suave)}.boton.mini{padding:var(--space-1) var(--space-3);font-size:var(--texto-xs)}.tabla-scroll{overflow-x:auto}.tabla{width:100%;border-collapse:collapse;font-size:var(--texto-sm)}.tabla th,.tabla td{text-align:left;padding:var(--densidad-fila) var(--space-3);border-bottom:1px solid var(--color-borde);vertical-align:middle}.tabla th{font-size:var(--texto-xs);color:var(--color-texto-suave);font-weight:var(--peso-fuerte);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.tabla tbody tr:last-child td{border-bottom:none}.tabla tbody tr{transition:background-color var(--transicion)}.tabla.clicable tbody tr{cursor:pointer}.tabla.clicable tbody tr:hover td{background:var(--color-superficie-alta)}.tabla .num{text-align:right;font-variant-numeric:tabular-nums}.tabla .folio{font-family:var(--fuente-mono);font-size:.95em;font-variant-numeric:tabular-nums;font-weight:var(--peso-medio);white-space:nowrap}.tabla .fecha-hora{white-space:nowrap}.celda-doble{display:flex;flex-direction:column;gap:1px}.celda-doble small{font-size:.76em;color:var(--color-texto-suave)}.celda-doble>.badge{align-self:flex-start}.combo{display:flex;align-items:center;position:relative}.combo>.campo-control{width:100%;padding-right:calc(var(--space-6) + var(--space-1))}.combo-boton{position:absolute;width:22px;height:22px;display:grid;place-items:center;border:none;border-radius:50%;background:none;cursor:pointer;color:var(--color-texto-suave);font-size:var(--texto-md);line-height:1;transition:background-color var(--transicion),color var(--transicion)}.combo-boton:hover{background:var(--color-superficie-alta);color:var(--color-texto)}.combo-boton:first-of-type{right:calc(var(--space-5) + 2px)}.combo-boton:last-of-type{right:var(--space-2)}.combo-positioner{z-index:40}.combo-popup{width:var(--anchor-width);max-height:min(260px,var(--available-height));background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:var(--radius);box-shadow:var(--sombra);overflow:hidden;font-family:var(--fuente);color:var(--color-texto)}.combo-lista{padding:var(--space-1);max-height:inherit;overflow-y:auto}.combo-opcion{display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);font-size:var(--texto-sm);cursor:pointer}.combo-opcion>span{flex:1;min-width:0}.combo-opcion>small{font-family:var(--fuente-mono);font-size:.78em;color:var(--color-texto-suave);flex:none}.combo-opcion[data-highlighted]{background:var(--color-superficie-alta)}.combo-opcion[data-selected]{font-weight:var(--peso-fuerte)}.combo-nada{padding:var(--space-3);font-size:var(--texto-sm);color:var(--color-texto-suave);text-align:center}.paginador{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding-top:var(--space-3);border-top:1px solid var(--color-borde);font-size:var(--texto-sm)}.paginador .spacer{flex:1}.conteo-pag{font-variant-numeric:tabular-nums}.paginas{display:flex;align-items:center;gap:2px}.pag-btn{min-width:30px;height:30px;padding:0 var(--space-1);display:grid;place-items:center;border:1px solid var(--color-borde);border-radius:var(--radius-sm);background:var(--color-superficie);color:var(--color-texto);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color var(--transicion),border-color var(--transicion)}.pag-btn:hover:not(:disabled){background:var(--color-superficie-alta)}.pag-btn:disabled{opacity:.4;cursor:not-allowed}.pag-btn.activo{background:var(--color-primario);color:var(--color-primario-texto);border-color:var(--color-primario);font-weight:var(--peso-fuerte)}.pag-hueco{padding:0 var(--space-1);color:var(--color-texto-suave)}.campo.en-linea{flex-direction:row;align-items:center;gap:var(--space-2)}.campo.en-linea>label{white-space:nowrap}.campo.en-linea>select{width:auto}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:999px;font-size:var(--texto-xs);font-weight:var(--peso-fuerte);background:var(--color-superficie-alta);border:1px solid var(--color-borde);color:var(--color-texto-suave)}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex:none}.badge.exito{background:var(--color-exito-suave);color:var(--color-exito);border-color:transparent}.badge.alerta{background:var(--color-alerta-suave);color:var(--color-alerta);border-color:transparent}.badge.peligro{background:var(--color-peligro-suave);color:var(--color-peligro);border-color:transparent}.prioridad{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--texto-sm);font-weight:var(--peso-medio)}.prioridad:before{content:"";width:3px;height:13px;border-radius:2px;background:currentColor;flex:none}.prioridad.alta{color:var(--color-alerta)}.prioridad.critica{color:var(--color-peligro)}.prioridad.normal{color:var(--color-texto-suave)}.pastillas{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.pastilla{padding:var(--space-1) var(--space-3);border-radius:999px;font-size:var(--texto-xs);font-weight:var(--peso-medio);font-family:inherit;background:var(--color-superficie-alta);color:var(--color-texto-suave);border:1px solid var(--color-borde);cursor:pointer;transition:background-color var(--transicion),color var(--transicion),border-color var(--transicion)}.pastilla:hover{color:var(--color-texto);border-color:var(--color-texto-suave)}.pastilla.on{background:var(--color-primario);color:var(--color-primario-texto);border-color:transparent}.aviso{padding:var(--space-3) var(--space-4);border-radius:var(--radius);font-size:var(--texto-sm);border:1px solid transparent}.aviso.error{background:var(--color-peligro-suave);color:var(--color-peligro)}.aviso.exito{background:var(--color-exito-suave);color:var(--color-exito)}.aviso.alerta{background:var(--color-alerta-suave);color:var(--color-alerta)}.aviso.info{background:var(--color-superficie-alta);color:var(--color-texto-suave);border-color:var(--color-borde)}.vacio{padding:var(--space-6) var(--space-4);text-align:center;color:var(--color-texto-suave);font-size:var(--texto-sm)}.metricas{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:var(--space-3)}.metrica{background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);transition:transform var(--transicion),box-shadow var(--transicion)}.metrica:hover{transform:translateY(-2px);box-shadow:var(--sombra-alta)}.metrica .valor{font-size:var(--texto-xl);font-weight:var(--peso-fuerte);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.metrica .rotulo{color:var(--color-texto-suave);font-size:var(--texto-xs);font-weight:var(--peso-medio)}.datos{display:grid;grid-template-columns:max-content 1fr;gap:var(--space-2) var(--space-4);margin:0}.datos dt{color:var(--color-texto-suave);font-size:var(--texto-sm)}.datos dd{margin:0}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);margin:2px;background:var(--color-superficie-alta);border:1px solid var(--color-borde);border-radius:999px;font-size:var(--texto-xs)}.chip small{color:var(--color-texto-suave);font-family:var(--fuente-mono)}.chip button{border:none;background:none;cursor:pointer;color:var(--color-peligro);font-size:var(--texto-md);line-height:1;padding:0}.celda-perfiles{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.celda-perfiles .chips{display:flex;flex-wrap:wrap}.celda-perfiles .campo{min-width:11rem}.texto-suave{color:var(--color-texto-suave);font-size:var(--texto-sm)}.clave-totp{font-family:var(--fuente-mono);font-size:var(--texto-lg);letter-spacing:.15em;word-break:break-all}.codigos-respaldo{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:var(--space-2)}.codigos-respaldo code{display:block;padding:var(--space-2) var(--space-3);background:var(--color-superficie-alta);border-radius:var(--radius-sm);text-align:center;letter-spacing:.1em;font-family:var(--fuente-mono)}.logotipo{display:block}.logotipo.animado .logo-trazo{stroke-dasharray:1;animation:logo-escribe .3s ease-out calc(.22s + var(--paso, 0ms)) both}.logotipo.animado .logo-punto{transform-box:fill-box;transform-origin:center;animation:logo-punto .3s cubic-bezier(.34,1.6,.64,1) both}@keyframes logo-escribe{0%{stroke-dashoffset:1;opacity:0}to{stroke-dashoffset:0;opacity:1}}@keyframes logo-punto{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.marca-svg{display:block}.marca-svg.animada .marca-cauce{stroke-dasharray:24;animation:marca-traza .38s ease-out both}.marca-svg.animada .marca-cauce.c1{animation-delay:.19s}.marca-svg.animada .marca-cauce.c2{animation-delay:.3s}.marca-svg.animada .marca-nucleo{transform-origin:18.8px 12px;animation:marca-nucleo .3s cubic-bezier(.34,1.6,.64,1) both}@keyframes marca-traza{0%{stroke-dashoffset:-24;opacity:0}to{stroke-dashoffset:0;opacity:1}}@keyframes marca-nucleo{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.centro-pantalla{min-height:100vh;display:grid;place-items:center;padding:var(--space-4);background:var(--color-fondo)}.login-escena{position:relative;overflow:hidden}.login-escena:before{content:"";position:absolute;inset:-20% -10% auto -10%;height:70vmax;background:radial-gradient(ellipse at 50% 0%,var(--color-primario),transparent 62%);opacity:.22;pointer-events:none;transition:opacity .6s ease}[data-tema=turno] .login-escena:before,[data-tema=cinta] .login-escena:before{opacity:.12}.login-escena:not([data-fase=listo]):before{opacity:.34}[data-tema=turno] .login-escena:not([data-fase=listo]):before,[data-tema=cinta] .login-escena:not([data-fase=listo]):before{opacity:.2}.intro-flujo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;padding:var(--space-5);pointer-events:none;transition:opacity .24s ease-in .38s,transform .62s cubic-bezier(.5,0,.75,.1)}.intro-flujo{transform-origin:calc(50% + var(--intro-punto-x, 0px)) 50%}.login-escena[data-fase=logo] .intro-flujo{opacity:0;transform:scale(.04)}.intro-svg{width:min(1200px,96vw);min-width:700px}.intro-cauce-guia{stroke:var(--color-borde);stroke-width:3}.intro-cauce-vivo{stroke:var(--color-primario);stroke-width:3;stroke-linecap:round;stroke-dasharray:1000;animation:intro-cauce 1.05s ease-out .78s both}@keyframes intro-cauce{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}.intro-pieza{color:var(--color-primario);animation:intro-ordena 2.05s cubic-bezier(.22,1,.36,1) both}.intro-pieza svg{stroke-width:2.1}@keyframes intro-ordena{0%{transform:translate(var(--x0),var(--y0)) rotate(var(--r0)) scale(var(--s0));opacity:0}10%,32%{transform:translate(var(--x0),var(--y0)) rotate(var(--r0)) scale(var(--s0));opacity:var(--op, 1)}to{transform:translate(var(--x1),var(--y1)) rotate(0) scale(1);opacity:var(--op, 1)}}.intro-hito-fondo{fill:var(--color-superficie);stroke:var(--color-borde);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:intro-disco .34s cubic-bezier(.34,1.5,.64,1) both}@keyframes intro-disco{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.login-columna{position:relative;z-index:3;width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center}.login-hero{display:flex;flex-direction:column;align-items:center;transform-origin:50% var(--intro-origen, 50%);transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .42s ease}.login-escena[data-fase=recorrido] .login-hero{opacity:0;transition-delay:0s}.login-escena[data-fase=logo] .login-hero{transition-delay:0s,.3s}.login-escena .logotipo.animado .logo-punto{animation-delay:.36s}.login-escena .logotipo.animado .logo-trazo{animation-delay:calc(.56s + var(--paso, 0ms))}.login-escena:not([data-fase=listo]) .login-hero{transform:translateY(var(--intro-dy, 0px)) scale(var(--intro-escala, 2.4))}.login-escena[data-fase=listo] .login-hero{transform:none}.login-hero .logotipo{color:var(--color-primario)}.login-claim{margin:var(--space-4) 0 0;color:var(--color-texto-suave);font-size:var(--texto-sm)}.login-escena[data-fase=logo] .login-claim{animation:login-aparece .42s ease-out 1.18s both}.login-caja{width:100%;box-shadow:var(--sombra-alta);margin-top:var(--space-6);transition:opacity .46s ease,transform .46s cubic-bezier(.22,1,.36,1),visibility 0s linear .46s}.login-escena:not([data-fase=listo]) .login-caja{opacity:0;transform:translateY(16px);visibility:hidden;pointer-events:none}.login-escena[data-fase=listo] .login-caja{opacity:1;transform:none;visibility:visible;transition-delay:.24s,.24s,0s}.login-pie{margin:0;text-align:center;font-size:var(--texto-xs);color:var(--color-texto-suave)}@keyframes login-aparece{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-width: 860px){.app-shell{flex-direction:column;height:auto;overflow:visible}.zona{overflow-y:visible}.lateral{width:100%;flex-direction:row;align-items:center;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-right:none;border-bottom:1px solid var(--color-lateral-borde);overflow-y:visible}.lateral .marca-l{padding:0 var(--space-3) 0 0}.lateral .crece{flex:1 0 100%;height:0}.lateral nav{display:contents}.grupo-nav{display:contents}.nav-l.cabecera-grupo{display:none}.lateral .grupo-nav .items-grupo{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-1);margin:0;padding-left:0;border-left:none}.lateral-pie{flex-direction:row;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.lateral select{width:auto}.contenido{padding:var(--space-4) var(--space-3)}}@media (max-width: 560px){h1{font-size:1.35rem}.tarjeta{padding:var(--space-3)}.nav-l span.rotulo-nav{display:none}}.vitrina{max-width:1100px;margin:0 auto;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.vitrina-cabecera{display:flex;flex-direction:column;gap:var(--space-2)}.vitrina-seccion{gap:var(--space-4)}.vitrina-nota{font-size:var(--texto-sm);margin:var(--space-1) 0 0}.vitrina code{font-family:var(--fuente-mono);font-size:.86em;background:var(--color-superficie-alta);border:1px solid var(--color-borde);border-radius:var(--radius-sm);padding:1px var(--space-1)}.muestras{display:flex;flex-wrap:wrap;gap:var(--space-3)}.muestra{display:flex;flex-direction:column;gap:var(--space-1);align-items:center;width:8.5rem}.muestra-chip{width:100%;height:38px;border-radius:var(--radius-sm);border:1px solid var(--color-borde)}.muestra-icono{display:grid;place-items:center;background:var(--color-superficie-alta);color:var(--color-texto)}.muestra code{font-size:var(--texto-xs);text-align:center;word-break:break-all}.vitrina-estado{flex:1;min-width:14rem;padding:var(--space-3)}.vitrina-estado .vacio{margin:0}