:root{--fondo: #f6f7f8;--superficie: #ffffff;--texto: #16211f;--texto-suave: #5b6b68;--borde: #dfe4e3;--acento: #0f766e;--acento-texto: #ffffff;--error: #b42318;--radio: 12px;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--texto);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}h1{font-size:1.4rem;margin:0 0 .25rem}h2{font-size:1.1rem;margin:0 0 .5rem}.apunte{color:var(--texto-suave);font-size:.9rem;margin:0 0 1rem}.pantalla,.pantalla-entrada{max-width:640px;margin:0 auto;padding:1rem}.pantalla-entrada{min-height:100dvh;display:flex;align-items:center}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);padding:1.25rem;width:100%}.cabecera{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}label{display:block;font-size:.9rem;font-weight:600;margin:.75rem 0 .35rem}input{width:100%;padding:.7rem .75rem;border:1px solid var(--borde);border-radius:8px;font-size:16px;background:var(--superficie);color:var(--texto)}input:focus-visible,button:focus-visible{outline:2px solid var(--acento);outline-offset:2px}button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;width:100%;margin-top:1.25rem;padding:.7rem 1rem;border:0;border-radius:8px;background:var(--acento);color:var(--acento-texto);font-size:1rem;font-weight:600;cursor:pointer}button:disabled{opacity:.6;cursor:progress}button.secundario{width:auto;margin-top:0;background:transparent;color:var(--texto-suave);border:1px solid var(--borde)}.error{display:block;color:var(--error);font-size:.85rem;margin-top:.35rem}.aviso{max-width:640px;margin:2rem auto;padding:1.25rem;background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio)}.menu{display:flex;gap:.5rem;margin-bottom:1rem;overflow-x:auto}.menu a{padding:.5rem .9rem;border:1px solid var(--borde);border-radius:999px;background:var(--superficie);color:var(--texto-suave);text-decoration:none;font-size:.9rem;white-space:nowrap}.menu a.activo{background:var(--acento);border-color:var(--acento);color:var(--acento-texto)}.tarjeta+.tarjeta{margin-top:1rem}select{width:100%;min-height:44px;padding:.6rem .75rem;border:1px solid var(--borde);border-radius:8px;font-size:16px;background:var(--superficie);color:var(--texto)}.lista{list-style:none;margin:1rem 0 0;padding:0}.lista li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0;border-top:1px solid var(--borde)}.lista li:first-child{border-top:0}.lista .apunte{display:block;margin:.15rem 0 0}.fila-espera{flex-wrap:wrap}.fila-espera>div{flex:1 1 12rem;min-width:0}.fila-espera select,.fila-espera button{flex:0 1 12rem;margin-top:0;width:auto}.espera{display:inline-flex!important;align-items:center;gap:.3rem}button.ancho{width:100%;margin-top:.75rem}.aviso-en-linea{margin-top:1rem}@media(max-width:30rem){.fila-espera select,.fila-espera button{flex:1 1 100%;width:100%}}.tarjeta.destacada{border-color:var(--acento);border-width:2px}.clave{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.35rem;letter-spacing:.06em;-webkit-user-select:all;user-select:all;word-break:break-all;background:var(--fondo);border:1px solid var(--borde);border-radius:8px;padding:.85rem;margin:.75rem 0 0}.acciones{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.acciones select,.acciones button{width:auto;margin-top:0;flex:0 1 auto}.inactivo{color:var(--error)!important;font-weight:600}@media(max-width:30rem){.acciones{width:100%}.acciones select,.acciones button{flex:1 1 100%;width:100%}}.fondo-dialogo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0a141373;display:flex;align-items:flex-end;justify-content:center;padding:1rem;overflow-y:auto}.dialogo{background:var(--superficie);border-radius:var(--radio);padding:1.25rem;width:100%;max-width:30rem;max-height:90dvh;overflow-y:auto;box-shadow:0 12px 40px #00000040}.dialogo:focus-visible{outline:none}.dialogo-cabecera{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.25rem}.dialogo-cabecera h2{margin:0}button.icono{width:auto;min-height:44px;min-width:44px;margin:0;padding:.5rem;background:transparent;color:var(--texto-suave);border:1px solid var(--borde)}.solo-lectores{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(min-width:40rem){.fondo-dialogo{align-items:center}}