:root{--fondo: #f6f7f9;--superficie: #ffffff;--superficie-2: #f0f2f5;--borde: #e2e5ea;--texto: #14171c;--texto-suave: #5b6472;--acento: #2f5bea;--acento-texto: #ffffff;--acento-suave: #e8eeff;--bien: #17803d;--bien-suave: #e5f5eb;--aviso: #9a6400;--aviso-suave: #fff4dc;--mal: #b42318;--mal-suave: #fdecea;--radio: 10px;--sombra: 0 1px 2px rgb(16 24 40 / 6%), 0 1px 3px rgb(16 24 40 / 8%);color-scheme:light;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.5}@media (prefers-color-scheme: dark){:root{--fondo: #0f1216;--superficie: #171b21;--superficie-2: #1e232b;--borde: #2a3039;--texto: #e8ebef;--texto-suave: #9aa3b0;--acento: #6d8dff;--acento-texto: #0b0e13;--acento-suave: #1d2747;--bien: #4ccb7a;--bien-suave: #143222;--aviso: #f0b445;--aviso-suave: #352812;--mal: #ff7b6e;--mal-suave: #3a1a17;--sombra: 0 1px 2px rgb(0 0 0 / 40%);color-scheme:dark}}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--fondo);color:var(--texto)}a{color:var(--acento)}h1,h2,h3{line-height:1.25;margin:0 0 .5rem}h1{font-size:1.5rem}h2{font-size:1.15rem}h3{font-size:1rem}p{margin:0 0 .75rem}.suave{color:var(--texto-suave)}.pequeno{font-size:.85rem}.fila{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.fila-entre{display:flex;gap:.75rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.columna{display:flex;flex-direction:column;gap:.75rem}.rejilla{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.oculto-visual{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.boton{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid transparent;border-radius:var(--radio);padding:.55rem 1rem;font:inherit;font-weight:600;cursor:pointer;background:var(--acento);color:var(--acento-texto);text-decoration:none}.boton:disabled{opacity:.55;cursor:not-allowed}.boton.secundario{background:var(--superficie);color:var(--texto);border-color:var(--borde)}.boton.peligro{background:var(--mal);color:#fff}.boton.discreto{background:transparent;color:var(--acento);padding:.35rem .5rem}.boton.ancho{width:100%}.boton:focus-visible,.campo input:focus-visible,.campo select:focus-visible,.campo textarea:focus-visible{outline:2px solid var(--acento);outline-offset:2px}.campo{display:flex;flex-direction:column;gap:.3rem}.campo>span{font-weight:600;font-size:.9rem}.campo input,.campo select,.campo textarea{font:inherit;color:inherit;background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);padding:.55rem .7rem;width:100%}.campo textarea{resize:vertical;min-height:6rem}.campo .ayuda{font-size:.82rem;color:var(--texto-suave)}.marcar{display:flex;gap:.5rem;align-items:center;cursor:pointer}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:calc(var(--radio) + 2px);padding:1.1rem 1.2rem;box-shadow:var(--sombra)}.tarjeta+.tarjeta{margin-top:1rem}.aviso{border-radius:var(--radio);padding:.7rem .9rem;border:1px solid transparent}.aviso.info{background:var(--acento-suave)}.aviso.bien{background:var(--bien-suave);color:var(--bien)}.aviso.cuidado{background:var(--aviso-suave);color:var(--aviso)}.aviso.mal{background:var(--mal-suave);color:var(--mal)}.etiqueta{display:inline-block;font-size:.78rem;font-weight:600;padding:.1rem .5rem;border-radius:999px;background:var(--superficie-2);color:var(--texto-suave)}.etiqueta.bien{background:var(--bien-suave);color:var(--bien)}.etiqueta.cuidado{background:var(--aviso-suave);color:var(--aviso)}.etiqueta.mal{background:var(--mal-suave);color:var(--mal)}.tabla{width:100%;border-collapse:collapse}.tabla th,.tabla td{text-align:left;padding:.55rem .5rem;border-bottom:1px solid var(--borde);vertical-align:top}.tabla th{font-size:.82rem;color:var(--texto-suave);font-weight:600}.envoltura-tabla{overflow-x:auto}.cargando{display:flex;gap:.5rem;align-items:center;color:var(--texto-suave);padding:1rem 0}.cargando:before{content:"";width:1rem;height:1rem;border-radius:50%;border:2px solid var(--borde);border-top-color:var(--acento);animation:girar .8s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.vacio{text-align:center;color:var(--texto-suave);padding:2rem 1rem}.marco{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.lateral{background:var(--superficie);border-right:1px solid var(--borde);padding:1rem .75rem;display:flex;flex-direction:column;gap:.25rem}.lateral .marca{font-weight:700;padding:.25rem .6rem 1rem}.lateral .marca small{display:block;font-weight:500;color:var(--texto-suave)}.lateral a{display:flex;gap:.6rem;align-items:center;padding:.5rem .6rem;border-radius:var(--radio);color:var(--texto);text-decoration:none}.lateral a:hover{background:var(--superficie-2)}.lateral a.activo{background:var(--acento-suave);color:var(--acento);font-weight:600}.lateral .pie{margin-top:auto;padding-top:1rem;border-top:1px solid var(--borde)}.contenido{padding:1.5rem clamp(1rem,3vw,2.5rem);max-width:1100px;width:100%}.cabecera-movil{display:none}@media (max-width: 820px){.marco{grid-template-columns:1fr}.lateral{display:none}.lateral.abierto{display:flex;position:fixed;top:0;right:25%;bottom:0;left:0;z-index:20;box-shadow:var(--sombra)}.cabecera-movil{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem;background:var(--superficie);border-bottom:1px solid var(--borde)}.contenido{padding:1rem}}.entrada{min-height:100vh;display:grid;place-items:center;padding:1rem}.entrada .tarjeta{width:min(420px,100%)}.entrada .marca{font-weight:700;font-size:1.1rem;margin-bottom:1rem}.codigos{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem;font-family:ui-monospace,monospace}.codigos code{background:var(--superficie-2);padding:.3rem .5rem;border-radius:6px;text-align:center}.qr{display:block;margin:.5rem auto;background:#fff;padding:.5rem;border-radius:var(--radio)}.chat{display:flex;flex-direction:column;height:calc(100vh - 10rem);min-height:420px}.chat .mensajes{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.6rem;padding:.5rem 0}.burbuja{max-width:80%;padding:.6rem .85rem;border-radius:14px;white-space:pre-wrap;word-wrap:break-word}.burbuja.tuya{align-self:flex-end;background:var(--acento);color:var(--acento-texto);border-bottom-right-radius:4px}.burbuja.suya{align-self:flex-start;background:var(--superficie);border:1px solid var(--borde);border-bottom-left-radius:4px}.chat form{display:flex;gap:.5rem;padding-top:.5rem}.chat form textarea{flex:1;min-height:2.75rem;max-height:10rem}