:root{--azul-noche: #001e40;--azul: #003366;--azul-claro: #dfe8f3;--texto: #191c1d;--texto-suave: #43474f;--borde: #b8bdc7;--fondo: #f1f3f6;--blanco: #fff;--rojo: #ba1a1a;--rojo-fondo: #ffdad6;--verde: #1b6e3c;--ambar: #8a5a00;--ambar-fondo: #fff0d0;--alto-teclado: 0px;color:var(--texto);background:var(--fondo);font-family:Public Sans,Segoe UI,Roboto,Arial,sans-serif;font-size:clamp(15px,2vmin,28px);font-synthesis:none}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.55}input,textarea{-webkit-user-select:text;user-select:text}h1,h2,p{margin:0}svg{flex-shrink:0}.pantalla-oscura{display:grid;place-items:center;height:100%;padding:2rem;color:var(--blanco);background:var(--azul-noche)}.simbolo{display:inline-grid;place-items:center;width:5rem;height:5rem;color:var(--blanco);background:var(--azul);border-radius:50%;touch-action:none}.simbolo svg{width:2.8rem;height:2.8rem}@property --avance-panel{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes cargar-panel{to{--avance-panel: 360deg}}.simbolo{position:relative}.simbolo.pulsando:after{content:"";position:absolute;top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem;background:conic-gradient(#9fc0e4 var(--avance-panel),transparent 0);border-radius:50%;mask:radial-gradient(farthest-side,transparent calc(100% - .35rem),#000 0);animation:cargar-panel var(--segundos-panel) linear forwards;pointer-events:none}.simbolo.chico{width:3.2rem;height:3.2rem}.simbolo.chico svg{width:1.8rem;height:1.8rem}.panel-vinculacion{display:grid;gap:1.1rem;width:min(100%,34rem);max-height:calc(100vh - 4rem - var(--alto-teclado));margin-bottom:var(--alto-teclado);padding:2.2rem;overflow-y:auto;color:var(--texto);background:var(--blanco);border-radius:.75rem}.panel-vinculacion h1{color:var(--azul-noche);font-size:2rem}.panel-vinculacion p{color:var(--texto-suave);line-height:1.4}.pantalla-inicio{grid-template-rows:auto 1fr auto;place-items:stretch;gap:2rem;padding:3rem}.pantalla-inicio header{display:flex;align-items:center;gap:1rem}.pantalla-inicio header div{display:grid;gap:.2rem}.pantalla-inicio header strong{font-size:1.35rem}.pantalla-inicio header span{color:#bcd0e6}.pantalla-inicio section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;text-align:center}.icono-inicio{width:8rem;height:8rem;color:#9fc0e4}.pantalla-inicio h1{font-size:4.2rem;line-height:1.05}.pantalla-inicio section p{max-width:30rem;color:#d6e2ef;font-size:1.5rem;line-height:1.4}.boton-comenzar{display:inline-flex;align-items:center;gap:1rem;min-height:6.5rem;margin-top:2rem;padding:0 3.5rem;color:var(--azul-noche);background:var(--blanco);border:0;border-radius:.75rem;font-size:1.9rem;font-weight:800}.boton-comenzar svg{width:2.4rem;height:2.4rem}.pantalla-inicio footer{color:#bcd0e6;font-size:1.1rem;text-align:center}.pantalla-inicio time{display:inline-block}.pantalla-inicio time:first-letter{text-transform:uppercase}.marco{display:grid;grid-template-rows:auto auto 1fr auto;height:100%;padding-bottom:var(--alto-teclado);background:var(--fondo)}.cabecera{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;color:var(--blanco);background:var(--azul-noche)}.marca{display:flex;align-items:center;gap:.8rem;min-width:0}.marca div{display:grid;gap:.1rem;min-width:0}.marca strong{overflow:hidden;font-size:1.2rem;text-overflow:ellipsis;white-space:nowrap}.marca span:not(.simbolo){color:#bcd0e6;font-size:.9rem}.boton-cancelar{display:inline-flex;align-items:center;gap:.4rem;min-height:3.6rem;padding:0 1.1rem;color:var(--blanco);background:transparent;border:2px solid #7f9cc0;border-radius:.5rem;font-weight:700}.progreso{display:flex;gap:.4rem;margin:0;padding:0;list-style:none;background:var(--blanco)}.progreso li{flex:1;height:.5rem;background:#d3d8df}.progreso li.hecho{background:var(--azul)}.contenido{min-height:0;padding:1.8rem 1.8rem 2.5rem;overflow-y:auto;overscroll-behavior:contain}.contenido>h1{margin-bottom:1.4rem;color:var(--azul-noche);font-size:2.2rem;line-height:1.15}.estado-carga{display:grid;gap:1rem;justify-items:start;color:var(--texto-suave);font-size:1.2rem}.pie-acciones{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.8rem;background:var(--blanco);border-top:1px solid var(--borde)}.boton-principal,.boton-secundario,.boton-peligro{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:4.4rem;padding:0 2rem;border-radius:.6rem;font-size:1.25rem;font-weight:800}.boton-principal{color:var(--blanco);background:var(--azul);border:2px solid var(--azul)}.boton-secundario{color:var(--azul);background:var(--blanco);border:2px solid var(--azul)}.boton-peligro{color:var(--blanco);background:var(--rojo);border:2px solid var(--rojo)}.boton-principal:active,.boton-secundario:active,.boton-peligro:active,.boton-comenzar:active{transform:translateY(1px);filter:brightness(.92)}.lista-tramites{display:grid;gap:.9rem;margin:0;padding:0;list-style:none}.lista-tramites button{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;min-height:6rem;padding:1.1rem 1.3rem;text-align:left;background:var(--blanco);border:1px solid var(--borde);border-radius:.6rem}.lista-tramites button:active{background:var(--azul-claro)}.lista-tramites button>svg{width:2rem;height:2rem;color:var(--azul)}.tramite-texto{display:grid;gap:.35rem}.tramite-texto strong{color:var(--azul-noche);font-size:1.35rem}.tramite-texto>span{color:var(--texto-suave);font-size:1rem;line-height:1.3}.tramite-texto em{display:inline-flex;align-items:center;gap:.4rem;margin-top:.15rem;font-size:.95rem;font-style:normal;font-weight:700}.tramite-texto em svg{width:1.2rem;height:1.2rem}.tramite-texto em.inmediato{color:var(--verde)}.tramite-texto em.revision{color:var(--azul)}.tramite-texto em.guardia{color:var(--ambar)}@media(min-width:900px){.lista-tramites{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:1.2rem}.lista-tramites li{display:grid;grid-template-columns:minmax(0,1fr)}.lista-tramites li:before{content:"";grid-area:1 / 1;aspect-ratio:1}.lista-tramites button{grid-area:1 / 1;flex-direction:column;align-items:stretch;padding:1.5rem}.lista-tramites button>svg{align-self:flex-end}.tramite-texto strong{font-size:1.6rem;line-height:1.2}}label{display:grid;gap:.4rem;font-size:1.1rem;font-weight:700}input[type=text],input[type=password],textarea{width:100%;min-height:4rem;padding:.7rem .9rem;font-size:1.3rem;background:var(--blanco);border:2px solid #737780;border-radius:.5rem}textarea{min-height:9rem;resize:none;line-height:1.35}input:focus,textarea:focus{outline:3px solid #3a5f94;outline-offset:1px;border-color:var(--azul)}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--rojo)}.formulario-totem fieldset{display:grid;gap:1.2rem;min-width:0;margin:0;padding:0;border:0}.formulario-totem legend{display:none}.formulario-totem .form-group{display:grid;gap:.4rem}.formulario-totem .control-label{display:block;font-size:1.15rem;font-weight:700}.formulario-totem .required{color:var(--rojo);margin-left:.15rem}.formulario-totem .field-description{margin:0 0 .1rem;color:var(--texto-suave);font-size:1rem;line-height:1.3}.formulario-totem .error-detail{margin:0;padding:0;list-style:none}.formulario-totem .text-danger,.error-campo{color:var(--rojo);font-size:1rem;font-weight:700}.formulario-totem input[type=checkbox]{width:2.2rem;height:2.2rem}.formulario-totem .checkbox label{display:flex;align-items:center;gap:.7rem}.opciones-grandes{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.6rem}.opciones-grandes button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:4rem;padding:.5rem .9rem;color:var(--azul);background:var(--blanco);border:2px solid var(--borde);border-radius:.5rem;font-size:1.15rem;font-weight:700}.opciones-grandes button.activa{color:var(--blanco);background:var(--azul);border-color:var(--azul)}.mensaje-error{margin-bottom:1.1rem;padding:.9rem 1.1rem;color:#410002;background:var(--rojo-fondo);border-left:.35rem solid var(--rojo);font-size:1.1rem;font-weight:700;line-height:1.35}.resumen{display:grid;gap:0;margin:0 0 1.2rem;background:var(--blanco);border:1px solid var(--borde);border-radius:.6rem}.resumen:empty{display:none}.resumen div{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:1rem;padding:.85rem 1.1rem;border-bottom:1px solid #e3e6ea}.resumen div:last-child{border-bottom:0}.resumen dt{color:var(--texto-suave);font-size:1.05rem}.resumen dd{margin:0;font-size:1.15rem;font-weight:700;overflow-wrap:anywhere}.resultado{display:flex;flex-direction:column;align-items:center;gap:1.3rem;padding-top:1rem;text-align:center}.resultado h1{color:var(--azul-noche);font-size:2.8rem}.bajada{max-width:34rem;color:var(--texto-suave);font-size:1.3rem;line-height:1.4}.icono-resultado{width:6rem;height:6rem;color:var(--azul)}.icono-resultado.exito{color:var(--verde)}.icono-resultado.guardia{color:var(--ambar)}.codigo-grande{color:var(--azul-noche);font-size:2rem;font-weight:800;letter-spacing:.08em;font-variant-numeric:tabular-nums}.ticket{display:grid;justify-items:center;gap:.5rem;width:min(100%,24rem);padding:1.3rem;background:var(--blanco);border:2px dashed var(--borde);border-radius:.6rem}.ticket strong{font-size:1.15rem}.ticket img{width:14rem;height:14rem;image-rendering:pixelated}.ticket .codigo-grande{font-size:1.5rem}.ticket .instruccion{font-weight:700;line-height:1.3;text-align:center}.resultado .boton-principal,.resultado .boton-secundario{width:min(100%,26rem)}.interruptor{display:flex;align-items:center;gap:.8rem;width:100%;min-height:4.4rem;padding:.5rem .9rem;color:var(--azul-noche);text-align:left;background:var(--blanco);border:2px solid var(--borde);border-radius:.5rem;font-size:1.1rem;font-weight:700}.interruptor:focus-visible{outline:3px solid #3a5f94;outline-offset:1px}.interruptor>svg{width:1.8rem;height:1.8rem;color:var(--azul)}.interruptor-texto{display:grid;flex:1;gap:.1rem;min-width:0}.interruptor-texto small{color:var(--texto-suave);font-size:.95rem;font-weight:400}.interruptor-perilla{position:relative;flex-shrink:0;width:3.4rem;height:1.9rem;background:#737780;border-radius:1rem}.interruptor-perilla:after{content:"";position:absolute;top:.2rem;left:.2rem;width:1.5rem;height:1.5rem;background:var(--blanco);border-radius:50%}.interruptor[aria-checked=true] .interruptor-perilla{background:var(--azul)}.interruptor[aria-checked=true] .interruptor-perilla:after{left:1.7rem}.fondo-aviso{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:2rem 2rem calc(2rem + var(--alto-teclado));color:var(--texto);background:#000f20b8}.aviso{display:grid;gap:1.1rem;width:min(100%,34rem);max-height:calc(100vh - 4rem - var(--alto-teclado));padding:2rem;overflow-y:auto;text-align:left;background:var(--blanco);border-radius:.75rem}.aviso h2{color:var(--azul-noche);font-size:2rem}.aviso p{font-size:1.25rem;line-height:1.4}.fila-botones{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.8rem}.teclado{position:fixed;right:0;bottom:0;left:0;z-index:30;display:grid;gap:.35rem;padding:.6rem;background:#dfe3e8;border-top:2px solid var(--borde);touch-action:none}.fila-teclado{display:flex;gap:.35rem}.teclado button{display:inline-flex;flex:1 1 0;align-items:center;justify-content:center;gap:.3rem;min-width:0;height:4.1rem;padding:0;color:var(--texto);background:var(--blanco);border:0;border-bottom:2px solid #aeb4bd;border-radius:.4rem;font-size:1.45rem;font-weight:600}.teclado button:active{background:var(--azul-claro)}.teclado .tecla-accion{background:#c9ced6}.teclado .tecla-accion.activa{color:var(--blanco);background:var(--azul)}.teclado .tecla-espacio{flex-grow:4;font-size:1.05rem}.teclado .tecla-listo{flex-grow:2;color:var(--blanco);background:var(--azul);font-size:1.15rem}.teclado-numerico{grid-template-columns:repeat(3,minmax(0,11rem));justify-content:center}.teclado-numerico button{height:4.4rem;font-size:1.8rem}.teclado-numerico .tecla-listo{font-size:1.2rem}@media print{@page{margin:3mm}:root{background:#fff}html,body,#root,.marco{display:block;height:auto;padding:0;overflow:visible;background:#fff}.cabecera,.progreso,.pie-acciones,.teclado,.fondo-aviso,.resultado>:not(.ticket){display:none}.contenido{padding:0;overflow:visible}.resultado{display:block;padding:0}.ticket{width:72mm;padding:0;color:#000;border:0;font-size:11pt}.ticket img{width:42mm;height:42mm}.ticket .codigo-grande{color:#000;font-size:13pt}}@media(orientation:landscape){.teclado button{height:2.9rem}.teclado-numerico{grid-template-columns:repeat(3,minmax(0,9rem))}.teclado-numerico button{height:3rem}.pie-acciones{padding:.5rem 1.8rem}.boton-principal,.boton-secundario,.boton-peligro{min-height:3.6rem}.pantalla-inicio{padding:1.5rem 3rem;gap:.5rem}.icono-inicio{width:4.5rem;height:4.5rem}.pantalla-inicio section{gap:.7rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}