: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(3.5rem, 8vw, 9rem);--sau-visor-caja: clamp(2rem, 5vw, 5rem);--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:.02em;white-space:nowrap}.sau-visor-caja{font-size:var(--sau-visor-caja);font-weight:700;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}}.enc{min-height:100vh;display:grid;place-items:center;padding:var(--sau-gap)}.enc__caja{width:min(680px,100%);text-align:center;padding:clamp(1.5rem,5vw,3rem)}.enc__marca{margin-bottom:1rem}.enc__marca img{width:min(280px,60%);height:auto}.enc__pregunta{font-size:clamp(1.4rem,4vw,2.25rem);font-weight:700;line-height:1.25;margin:1rem 0 2rem}.enc__titulo{font-size:clamp(1.2rem,3.5vw,1.75rem);font-weight:700;margin:.5rem 0}.enc__sub{color:var(--sau-text-muted);margin:.25rem 0}.enc__nota{color:var(--sau-text-muted);font-size:.9rem;margin-top:1.5rem}.caritas{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.75rem,3vw,2rem)}.carita{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:clamp(.75rem,2vw,1.25rem);background:var(--sau-surface);border:0;border-radius:var(--sau-radius-lg);box-shadow:var(--sau-shadow);cursor:pointer;font:inherit;font-weight:700;font-size:clamp(.95rem,2.2vw,1.2rem);color:var(--sau-text);transition:transform .15s ease,box-shadow .15s ease}.carita svg{width:100%;max-width:150px;height:auto}.carita:hover:not(:disabled){transform:translateY(-3px)}.carita:active:not(:disabled){box-shadow:var(--sau-shadow-inset);transform:none}.carita:focus-visible{outline:4px solid var(--sau-primary);outline-offset:3px}.carita[data-elegida=true]{box-shadow:var(--sau-shadow-inset)}.carita:disabled{opacity:.55;cursor:default}.enc__gracias .enc__tick{width:96px;height:96px;margin:0 auto 1rem;display:grid;place-items:center;font-size:3rem;color:#fff;background:var(--sau-ok);border-radius:50%}.enc__reposo .enc__titulo{font-size:clamp(1.5rem,4vw,2.5rem);margin:1.5rem 0}.enc__formal{text-align:left;display:flex;flex-direction:column;gap:1.25rem;margin:1.5rem 0}.enc__campo{display:flex;flex-direction:column;gap:.5rem}.enc__opciones{display:flex;flex-wrap:wrap;gap:.5rem}.enc__opciones .sau-btn[aria-pressed=true]{box-shadow:var(--sau-shadow-inset);color:var(--sau-primary)}.enc__acciones{display:flex;gap:.75rem;justify-content:center}.tablero{max-width:1100px;margin:0 auto;padding:var(--sau-gap);display:flex;flex-direction:column;gap:var(--sau-gap)}.pantalla__cabecera{display:flex;align-items:end;justify-content:space-between;gap:var(--sau-gap);flex-wrap:wrap}.pantalla__titulo{margin:0;font-size:1.35rem;font-weight:700}.tablero__tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--sau-gap)}.tablero__tile{display:flex;flex-direction:column;gap:.2rem}.tablero__tile span{font-size:.8rem;color:var(--sau-text-muted)}.tablero__tile strong{font-size:1.9rem;color:var(--sau-primary)}.tablero__tile strong small{font-size:.9rem;color:var(--sau-text-muted);font-weight:400}.tablero__tile>small{font-size:.8rem;color:var(--sau-text-muted)}.tablero__tile .ok{color:var(--sau-ok)}.tablero__tile .warn{color:var(--sau-warn)}.tablero__tile .danger{color:var(--sau-danger)}.barra{display:flex;height:28px;border-radius:999px;overflow:hidden;box-shadow:var(--sau-shadow-inset)}.barra span{display:block;height:100%}.barra__a{background:var(--sau-ok)}.barra__r{background:var(--sau-warn)}.barra__t{background:var(--sau-danger)}.comentario{padding:.6rem 0;border-bottom:1px solid rgba(111,147,189,.3)}.comentario:last-child{border-bottom:0}.comentario__fecha{font-size:.78rem;color:var(--sau-text-muted)}.comentario p{margin:.25rem 0 0}.comentario[data-carita=T]{border-left:4px solid var(--sau-danger);padding-left:.75rem}.comentario[data-carita=R]{border-left:4px solid var(--sau-warn);padding-left:.75rem}.comentario[data-carita=A]{border-left:4px solid var(--sau-ok);padding-left:.75rem}.error{color:var(--sau-danger);font-weight:600}.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)}.config{max-width:560px;margin:0 auto;width:100%;padding:var(--sau-gap)}.config .campo{margin-bottom:1rem}