:root{--sau-vino: #6d333f;--sau-vino-oscuro: #52262f;--sau-vino-claro: #8e6068;--sau-dorado: #b69260;--sau-dorado-claro: #d4b48a;--sau-agua: #21a0d7;--sau-morado: #73478f;--sau-bg: #cddaeb;--sau-surface: #cddaeb;--sau-shadow-light: #eef4fb;--sau-shadow-dark: #6f93bd;--sau-text: var(--sau-vino);--sau-text-muted: var(--sau-vino-claro);--sau-primary: var(--sau-vino);--sau-primary-dark: var(--sau-vino-oscuro);--sau-accent: var(--sau-dorado);--sau-accent-hover: var(--sau-dorado-claro);--sau-ok: #2f8f6b;--sau-warn: #c8922f;--sau-danger: #b3352f;--sau-info: var(--sau-agua);--sau-prioridad-alta: var(--sau-danger);--sau-prioridad-media: var(--sau-warn);--sau-prioridad-normal: var(--sau-vino);--sau-shadow: 9px 9px 16px rgba(111, 147, 189, .55), -9px -9px 16px rgba(238, 244, 251, .75);--sau-shadow-sm: 4px 4px 8px rgba(111, 147, 189, .45), -4px -4px 8px rgba(238, 244, 251, .8);--sau-shadow-inset: inset 6px 6px 10px rgba(111, 147, 189, .55), inset -6px -6px 10px rgba(238, 244, 251, .8);--sau-radius: 16px;--sau-radius-sm: 10px;--sau-radius-lg: 24px;--sau-gap: 16px;--sau-sidebar: 260px;--sau-font: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--sau-font-size: 15px;--sau-visor-turno: clamp(3rem, 8.5vw, 12rem);--sau-visor-caja: clamp(2.5rem, 7vw, 10rem);--sau-touch-min: 88px}*{box-sizing:border-box}body{margin:0;background:var(--sau-bg);color:var(--sau-text);font-family:var(--sau-font);font-size:var(--sau-font-size)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.sau-card{background:var(--sau-surface);border-radius:var(--sau-radius);box-shadow:var(--sau-shadow);padding:var(--sau-gap)}.sau-card--flat{box-shadow:var(--sau-shadow-sm)}.sau-inset{background:var(--sau-surface);border-radius:var(--sau-radius);box-shadow:var(--sau-shadow-inset)}.sau-btn{border:0;cursor:pointer;font:inherit;color:var(--sau-text);background:var(--sau-surface);border-radius:var(--sau-radius-sm);box-shadow:var(--sau-shadow-sm);padding:.7rem 1.2rem;transition:box-shadow .15s ease,transform .15s ease}.sau-btn:hover:not(:disabled){transform:translateY(-1px)}.sau-btn:active:not(:disabled){box-shadow:var(--sau-shadow-inset);transform:translateY(0)}.sau-btn:disabled{opacity:.5;cursor:not-allowed}.sau-btn:focus-visible{outline:3px solid var(--sau-primary);outline-offset:2px}.sau-btn--primary{color:#fff;background:var(--sau-primary)}.sau-btn--danger{color:#fff;background:var(--sau-danger)}.sau-btn-servicio{display:flex;align-items:center;gap:1rem;width:100%;min-height:var(--sau-touch-min);padding:1.5rem 2rem;font-size:1.75rem;font-weight:600;text-align:left;border-radius:var(--sau-radius-lg);box-shadow:var(--sau-shadow)}.sau-btn-servicio__letra{flex:0 0 auto;display:grid;place-items:center;width:3.5rem;height:3.5rem;font-size:2rem;font-weight:700;color:#fff;background:var(--sau-prioridad-normal);border-radius:50%}.sau-btn-servicio[data-prioridad="1"] .sau-btn-servicio__letra{background:var(--sau-prioridad-alta)}.sau-input,.sau-select{width:100%;font:inherit;color:var(--sau-text);background:var(--sau-surface);border:0;border-radius:var(--sau-radius-sm);box-shadow:var(--sau-shadow-inset);padding:.65rem .9rem}.sau-input:focus-visible,.sau-select:focus-visible{outline:2px solid var(--sau-primary);outline-offset:1px}.sau-label{display:block;margin-bottom:.35rem;font-size:.85rem;font-weight:600;color:var(--sau-text-muted)}.sau-acordeon{display:flex;flex-direction:column;gap:var(--sau-gap)}.sau-acordeon__seccion{background:var(--sau-surface);border-radius:var(--sau-radius);box-shadow:var(--sau-shadow);overflow:hidden}.sau-acordeon__encabezado{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:1rem 1.25rem;font-size:1rem;font-weight:600;color:var(--sau-text);background:transparent;border:0;cursor:pointer}.sau-acordeon__cuerpo{padding:0 1.25rem 1.25rem}.sau-tabla-wrap{overflow-x:auto}.sau-tabla{width:100%;border-collapse:collapse;font-size:.9rem}.sau-tabla th{text-align:left;font-weight:600;color:var(--sau-text-muted);padding:.6rem .75rem;border-bottom:2px solid rgba(111,147,189,.4);white-space:nowrap}.sau-tabla td{padding:.6rem .75rem;border-bottom:1px solid rgba(111,147,189,.25)}.sau-tabla tbody tr:hover{background:#eef4fb80}.sau-badge{display:inline-block;padding:.2rem .6rem;font-size:.78rem;font-weight:600;border-radius:999px;background:var(--sau-surface);box-shadow:var(--sau-shadow-sm)}.sau-badge--ok{color:var(--sau-ok)}.sau-badge--warn{color:var(--sau-warn)}.sau-badge--danger{color:var(--sau-danger)}.sau-visor-turno{font-size:var(--sau-visor-turno);font-weight:800;line-height:1;letter-spacing:-.01em;white-space:nowrap;max-width:100%}.sau-visor-caja{font-size:var(--sau-visor-caja);font-weight:800;line-height:1;color:var(--sau-primary)}@keyframes sau-llamado{0%,to{opacity:1}50%{opacity:.35}}.sau-visor-turno--llamando{animation:sau-llamado .8s ease-in-out 3}.sau-shell{min-height:100vh;display:flex}.sau-sidebar{width:var(--sau-sidebar);flex:0 0 var(--sau-sidebar);height:100vh;position:sticky;top:0;display:flex;flex-direction:column;gap:1.25rem;padding:1.25rem 1rem;background:var(--sau-bg);border-right:1px solid rgba(238,244,251,.7);overflow-y:auto}.sau-marca{display:block;padding:.25rem .5rem 1rem;border-bottom:2px solid var(--sau-dorado)}.sau-marca img{width:100%;height:auto;display:block}.sau-marca__app{display:block;margin-top:.6rem;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sau-vino-claro)}.sau-seccion{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sau-vino-claro);padding:0 .5rem;margin-bottom:.5rem}.sau-nav{display:flex;flex-direction:column;gap:.6rem}.sau-nav__item{display:flex;align-items:center;gap:.85rem;width:100%;padding:.7rem .9rem;font:inherit;font-weight:600;font-size:.92rem;text-align:left;text-decoration:none;color:var(--sau-vino);background:var(--sau-surface);border:0;border-left:3px solid transparent;border-radius:var(--sau-radius-sm);box-shadow:var(--sau-shadow-sm);cursor:pointer;transition:color .15s ease,border-color .15s ease,transform .15s ease}.sau-nav__item:hover{color:var(--sau-dorado);transform:translate(2px)}.sau-nav__item:focus-visible{outline:3px solid var(--sau-dorado);outline-offset:2px}.sau-nav__item[aria-current=page],.sau-nav__item.activo{color:var(--sau-dorado);border-left-color:var(--sau-dorado);box-shadow:var(--sau-shadow-inset)}.sau-nav__icono{flex:0 0 auto;width:1.25rem;text-align:center}.sau-usuario{margin-top:auto;display:flex;align-items:center;gap:.75rem;padding:.85rem;background:var(--sau-surface);border-radius:var(--sau-radius-sm);box-shadow:var(--sau-shadow-sm)}.sau-usuario__datos{min-width:0;flex:1}.sau-usuario__nombre{display:block;font-size:.82rem;font-weight:600;line-height:1.25;color:var(--sau-vino);overflow:hidden;text-overflow:ellipsis}.sau-rol{display:inline-block;margin-top:.35rem;padding:.15rem .55rem;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--sau-vino);border-radius:999px}.sau-rol--admin{background:var(--sau-morado)}.sau-rol--supervisor{background:var(--sau-agua)}.sau-rol--dorado{background:var(--sau-dorado)}.sau-salir{flex:0 0 auto;display:grid;place-items:center;width:2.25rem;height:2.25rem;font-size:1rem;color:var(--sau-danger);background:var(--sau-surface);border:0;border-radius:var(--sau-radius-sm);box-shadow:var(--sau-shadow-sm);cursor:pointer}.sau-salir:active{box-shadow:var(--sau-shadow-inset)}.sau-salir:focus-visible{outline:3px solid var(--sau-danger);outline-offset:2px}.sau-main{flex:1;min-width:0;padding:var(--sau-gap)}.sau-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sau-gap);flex-wrap:wrap;padding:.9rem 1.25rem;margin-bottom:var(--sau-gap);background:var(--sau-surface);border-radius:var(--sau-radius);box-shadow:var(--sau-shadow)}.sau-topbar__titulo{margin:0;font-size:1.15rem;font-weight:700;color:var(--sau-vino)}.sau-topbar__sub{font-size:.82rem;color:var(--sau-text-muted)}.sau-marca-linea{display:flex;align-items:center;justify-content:center;gap:1rem}.sau-marca-linea img{height:clamp(38px,6vh,68px);width:auto}@media(max-width:900px){.sau-shell{flex-direction:column}.sau-sidebar{width:100%;flex:none;height:auto;position:static;border-right:0;border-bottom:1px solid rgba(238,244,251,.7)}.sau-nav{flex-direction:row;flex-wrap:wrap}.sau-nav__item{width:auto}.sau-usuario{margin-top:0}}.pantalla{min-height:100vh;display:flex;flex-direction:column;padding:var(--sau-gap);gap:var(--sau-gap)}.pantalla__cabecera{display:flex;align-items:center;justify-content:space-between;gap:var(--sau-gap)}.pantalla__titulo{margin:0;font-size:1.25rem;font-weight:700}.pantalla__sub{color:var(--sau-text-muted);font-size:.9rem}.estado-conexion{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--sau-text-muted)}.estado-conexion:before{content:"";width:.6rem;height:.6rem;border-radius:50%;background:var(--sau-danger)}.estado-conexion[data-ok=true]:before{background:var(--sau-ok)}.error{color:var(--sau-danger);font-weight:600}.emisor{justify-content:center;align-items:center;text-align:center}.emisor__logo img{height:clamp(56px,9vh,96px);width:auto}.emisor__pregunta{font-size:1.75rem;color:var(--sau-text-muted);margin:0 0 1rem}.emisor__botonera{display:grid;gap:1.5rem;width:min(720px,100%)}.ticket-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#cddaebf5;z-index:10}.ticket{width:min(520px,92vw);text-align:center;padding:2.5rem 2rem}.ticket__numero{font-size:clamp(4rem,18vw,8rem);font-weight:800;line-height:1;color:var(--sau-primary)}.ticket__servicio{font-size:1.25rem;margin:.5rem 0 1rem}.ticket__datos{display:flex;justify-content:center;gap:2rem;color:var(--sau-text-muted)}.ticket__datos strong{display:block;font-size:1.5rem;color:var(--sau-text)}.ticket__qr{margin:1.25rem auto .5rem;width:140px;height:140px;border-radius:var(--sau-radius-sm);background:#fff;padding:6px}.ticket__pie{font-size:.85rem;color:var(--sau-text-muted)}@media print{body *{visibility:hidden}.ticket,.ticket *{visibility:visible}.ticket{position:absolute;top:0;right:0;bottom:0;left:0;width:72mm;box-shadow:none;padding:4mm;color:#000}.ticket__numero{color:#000;font-size:22mm}}.visor{padding:0;gap:0;height:100vh;overflow:hidden;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.visor__video{position:relative;background:#000}.visor__video--sinvideo{background:var(--sau-bg);box-shadow:var(--sau-shadow-inset)}.visor__marca{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.visor__marca img{width:min(560px,70%);height:auto}.visor__marca span{font-size:clamp(1.2rem,2.5vw,2rem);font-weight:600;color:var(--sau-text-muted);letter-spacing:.05em}.visor__video video{width:100%;height:100%;object-fit:contain}.visor__lateral{display:grid;grid-template-rows:1fr 1fr auto;gap:var(--sau-gap);padding:var(--sau-gap);overflow:hidden}.visor__actual{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;text-align:center;padding:1rem;min-height:0}.visor__actual-etiqueta{font-size:1.1rem;text-transform:uppercase;letter-spacing:.15em;color:var(--sau-text-muted)}.visor__historial{display:flex;flex-direction:column;min-height:0;overflow:hidden}.visor__historial-fila{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;padding:.4rem 0;border-bottom:1px solid rgba(111,147,189,.3);font-size:clamp(1.6rem,2.4vw,2.8rem);font-weight:700;line-height:1.15;white-space:nowrap}.visor__historial-fila small{flex:0 0 auto;font-size:clamp(.9rem,1.1vw,1.25rem);font-weight:600;color:var(--sau-text-muted)}.visor__ticker{grid-column:1 / -1;min-width:0;padding:.75rem var(--sau-gap);font-size:clamp(1.25rem,1.9vw,1.9rem);font-weight:700;letter-spacing:.01em;color:var(--sau-vino);white-space:nowrap;overflow:hidden;box-shadow:var(--sau-shadow-inset)}.visor__ticker span{display:inline-block;padding-left:100%;animation:ticker 30s linear infinite}@keyframes ticker{to{transform:translate(-100%)}}.visor__activar{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#cddaebf0;z-index:20}.ventanilla{display:grid;grid-template-columns:1fr 340px;gap:var(--sau-gap);align-content:start}.ventanilla__cabecera{grid-column:1 / -1}.ventanilla__turno{text-align:center;padding:2rem}.ventanilla__numero{font-size:clamp(3rem,10vw,6rem);font-weight:800;line-height:1;color:var(--sau-primary)}.ventanilla__cronometro{font-variant-numeric:tabular-nums;font-size:1.5rem;color:var(--sau-text-muted)}.ventanilla__acciones{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-top:1.5rem}.ventanilla__acciones .sau-btn{padding:1rem;font-size:1.05rem;font-weight:600}.ventanilla__cola-fila{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(111,147,189,.3)}.ventanilla__cola-fila[data-prioridad="1"] strong{color:var(--sau-prioridad-alta)}.reporte__tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--sau-gap)}.reporte__tile{display:flex;flex-direction:column;gap:.25rem}.reporte__tile span{font-size:.8rem;color:var(--sau-text-muted)}.reporte__tile strong{font-size:1.75rem;color:var(--sau-primary)}a.sau-btn{text-decoration:none;display:inline-block}.config{max-width:560px;margin:0 auto;width:100%}.config .campo{margin-bottom:1rem}.config__roles{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.config__roles .sau-btn[aria-pressed=true]{box-shadow:var(--sau-shadow-inset);color:var(--sau-primary)}@media(max-width:900px){.visor{grid-template-columns:1fr;grid-template-rows:1fr 1fr auto}.ventanilla{grid-template-columns:1fr}}.subida{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1rem;text-align:center;cursor:pointer;border:2px dashed var(--sau-shadow-dark);border-radius:var(--sau-radius);color:var(--sau-text-muted);transition:border-color .15s ease,background .15s ease}.subida:hover,.subida--activa{border-color:var(--sau-dorado);background:#eef4fb73}.subida:focus-visible{outline:3px solid var(--sau-dorado);outline-offset:2px}.subida strong{color:var(--sau-text);font-size:1.05rem}.barra-progreso{width:min(420px,90%);height:12px;border-radius:999px;overflow:hidden;box-shadow:var(--sau-shadow-inset)}.barra-progreso span{display:block;height:100%;background:var(--sau-dorado);transition:width .2s ease}.aviso{color:var(--sau-ok);font-weight:600}.visor-apagado{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:var(--sau-bg)}.visor-apagado img{width:min(460px,60%);opacity:.5}.visor-apagado span{font-size:1.5rem;color:var(--sau-text-muted)}.visor__pie{display:flex;flex-direction:column;gap:.4rem}.visor__sonido{font:inherit;font-size:.8rem;color:var(--sau-warn);background:none;border:0;padding:0;text-align:left;cursor:pointer}.visor__logo-flotante{position:absolute;top:clamp(.75rem,2vh,1.5rem);left:clamp(.75rem,2vw,1.5rem);width:clamp(140px,16vw,260px);height:auto;padding:.5rem .75rem;border-radius:var(--sau-radius-sm);background:#eef4fbdb;box-shadow:0 2px 12px #00000059;pointer-events:none}.opcion-convertir{display:flex;align-items:flex-start;gap:.6rem;margin-top:.9rem;cursor:pointer;font-size:.92rem}.opcion-convertir input{margin-top:.25rem;accent-color:var(--sau-vino)}.opcion-convertir small{display:block;color:var(--sau-text-muted);font-size:.82rem}.opcion-convertir input:disabled+span{opacity:.6}.barra-progreso--indefinida span{width:35%;animation:sau-indef 1.2s ease-in-out infinite}@keyframes sau-indef{0%{margin-left:0%}50%{margin-left:65%}to{margin-left:0%}}