:root{--fondo:#f9fafb;--tarjeta:#fff;--texto:#1f2937;--suave:#6b7280;--borde:#0f172a14;--azul:#0a2d6e;--sol:#ffc906;--rojo:#c8102e;--verde:#0f7b4d}*{box-sizing:border-box}html,body{height:100%}body{background:var(--fondo);color:var(--texto);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}h1,h2{letter-spacing:-.02em;color:#111827;margin:0;font-weight:700}p{color:var(--suave);margin:0;line-height:1.5}.centro{place-items:center;min-height:100%;padding:24px 16px;display:grid}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:24px;gap:20px;width:100%;max-width:420px;padding:32px;display:grid}.marca{letter-spacing:-.02em;color:var(--azul);align-items:center;gap:10px;font-weight:700;display:flex}.marca i{background:var(--sol);border-radius:4px;width:12px;height:12px;display:inline-block}.campo{color:#374151;gap:6px;font-size:13px;font-weight:600;display:grid}input,select{font:inherit;color:var(--texto);background:#fff;border:1px solid #0f172a24;border-radius:12px;width:100%;padding:12px 14px;font-weight:400;transition:all .3s ease-out}input:focus,select:focus{border-color:var(--azul);outline:none;box-shadow:0 0 0 4px #0a2d6e1a}.boton{font:inherit;cursor:pointer;background:var(--azul);color:#fff;border:1px solid #0000;border-radius:12px;padding:12px 18px;font-weight:600;transition:all .3s ease-out}.boton:hover{filter:brightness(1.12);transform:translateY(-1px)}.boton:disabled{opacity:.55;cursor:default;filter:none;transform:none}.boton.claro{color:var(--azul);background:#fff;border-color:#0a2d6e33}.boton.chico{padding:8px 14px;font-size:14px}.boton.peligro{color:var(--rojo);background:#fff;border-color:#c8102e40}.enlace{font:inherit;color:var(--azul);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.aviso{border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.45}.aviso.error{color:#8d0b20;background:#fdf0f2;border:1px solid #c8102e2e}#aviso-flotante{z-index:80;max-width:min(92vw,420px);position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #0f172a14}.aviso.ok{color:#0b5a38;background:#effaf4;border:1px solid #0f7b4d2e}.pie{flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:14px;display:flex}.barra{z-index:50;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--borde);background:#ffffffbf;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.barra .quien{text-align:right;font-size:14px;line-height:1.2;display:grid}.barra .quien small{color:var(--suave);font-size:12px}.barra .acciones{gap:8px;display:flex}#visor{background:var(--fondo);border:0;width:100%;height:calc(100vh - 89px);display:block}.pie-datos{height:32px;color:var(--suave);text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#fff;border-top:1px solid #e5e7eb;justify-content:center;align-items:center;padding:0 12px;font-size:12px;display:flex;overflow:hidden}.franja{color:#0a2d6e;text-align:center;background:#ffc906;padding:6px 12px;font-size:13px}body:has(.franja) #visor{height:calc(100vh - 120px)}.pagina{gap:24px;max-width:880px;margin:0 auto;padding:32px 16px 64px;display:grid}.panel{background:var(--tarjeta);border:1px solid var(--borde);border-radius:24px;gap:16px;padding:24px;display:grid}.formulario{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-items:end;gap:12px;display:grid}.lista{gap:8px;display:grid}.fila{border:1px solid #0000;border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:16px;transition:all .3s ease-out;display:grid}.fila:hover{background:#f3f4f6}.fila b{font-weight:600}.fila small{color:var(--suave);display:block}.fila .botones{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.etiqueta{color:var(--azul);background:#eef2fb;border-radius:999px;margin-left:6px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.etiqueta.baja{color:var(--suave);background:#f3f4f6}@media (max-width:560px){.fila{grid-template-columns:1fr}.fila .botones{justify-content:flex-start}.tarjeta{padding:24px}}.pestanas{flex-wrap:wrap;gap:8px;display:flex}.pestana{border:1px solid var(--borde);background:var(--tarjeta);color:var(--suave);font:inherit;cursor:pointer;border-radius:999px;padding:8px 16px;font-weight:600;transition:all .3s ease-out}.pestana:hover{transform:translateY(-1px)}.pestana.activa{background:var(--azul);border-color:var(--azul);color:#fff}#contenido{gap:24px;display:grid}.nota{color:var(--suave);margin:0;font-size:13px}.resumen{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.dato{background:#f3f4f6;border-radius:16px;gap:2px;padding:14px 16px;display:grid}.dato b{color:var(--azul);font-size:26px}.dato span{color:var(--suave);font-size:13px}.pagina{max-width:1120px}.fila.persona{grid-template-columns:auto 1fr auto}.fila.apagada{opacity:.6}.avatar{width:40px;height:40px;color:var(--azul);background:#eef2fb;border-radius:999px;place-items:center;font-weight:700;display:grid}.quien-fila{gap:2px;min-width:0;display:grid}.quien-fila small,.fila small{overflow-wrap:anywhere}.etiqueta.ok{color:#0b5a38;background:#effaf4}.etiqueta.aviso{color:#7a5a00;background:#fff6d6}.msg-problema{color:var(--texto);margin:4px 0}.filtros{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.filtros input[type=search]{flex:220px;width:auto}.filtros select{width:auto;min-width:150px}.agregar>summary{cursor:pointer;list-style:none;display:inline-block}.agregar>summary::-webkit-details-marker{display:none}.agregar form{gap:12px;margin-top:16px;display:grid}.menu{position:relative}.menu>summary{cursor:pointer;width:36px;height:36px;color:var(--azul);background:#fff;border:1px solid #0a2d6e33;border-radius:12px;place-items:center;font-weight:700;list-style:none;transition:all .3s ease-out;display:grid}.menu>summary::-webkit-details-marker{display:none}.menu>summary:hover{transform:translateY(-1px)}.menu-in{z-index:20;border:1px solid var(--borde);background:#fff;border-radius:16px;min-width:230px;padding:6px;display:grid;position:absolute;top:42px;right:0;box-shadow:0 0 0 1px #0f172a0a}.menu-in button{text-align:left;font:inherit;cursor:pointer;color:var(--texto);background:0 0;border:0;border-radius:10px;padding:10px 12px;transition:all .3s ease-out}.menu-in button:hover{background:#f3f4f6}.menu-in button.rojo{color:var(--rojo)}.botones.fin{justify-content:flex-end;gap:8px;display:flex}textarea{font:inherit;resize:vertical;border:1px solid #0f172a24;border-radius:12px;width:100%;padding:12px 14px}.modal{border:1px solid var(--borde);width:min(520px,100vw - 32px);color:var(--texto);border-radius:24px;padding:0}.modal::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#03071273}.modal-in{gap:16px;padding:28px;display:grid}.clave-temp{flex-wrap:wrap;align-items:center;gap:12px;margin:10px 0;display:flex}.clave-temp code{letter-spacing:.04em;border:1px solid var(--borde);background:#fff;border-radius:10px;padding:8px 12px;font-size:20px;font-weight:700}.franja b{font-weight:700}.dato.bien b{color:var(--verde)}.dato.aviso b{color:#b78103}.dato.rojo b{color:var(--rojo)}.bento{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.bento .g{align-content:start;min-width:0}.bento .g.ancho{grid-column:span 2}.dona-caja{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.dona{border-radius:50%;flex:none;place-items:center;width:132px;height:132px;display:grid}.dona-centro{text-align:center;background:#fff;border-radius:50%;place-content:center;width:84px;height:84px;line-height:1.1;display:grid}.dona-centro b{color:var(--azul);font-size:22px}.dona-centro span{color:var(--suave);font-size:11px}.leyenda{gap:6px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.leyenda i{border-radius:3px;width:10px;height:10px;margin-right:8px;display:inline-block}.columnas{height:calc(var(--alto,120px) + 40px);align-items:flex-end;gap:4px;padding-top:4px;display:flex}.col{flex:1;grid-template-rows:16px 1fr 18px;place-items:end center;min-width:0;height:100%;display:grid}.col i{border-radius:6px 6px 2px 2px;width:100%;max-width:28px;min-height:2px;transition:all .3s ease-out}.col:hover i{filter:brightness(1.15)}.col-n{color:var(--suave);font-size:11px}.col-e{color:var(--suave);white-space:nowrap;font-size:10px}.barras{gap:10px;display:grid}.barra-fila{grid-template-columns:minmax(90px,160px) 1fr auto;align-items:center;gap:12px;display:grid}.barra-t{min-width:0;font-size:14px;line-height:1.2;display:grid}.barra-t b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.barra-t small{color:var(--suave);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.medida{background:#e5e7eb;border-radius:999px;height:8px}.medida i{border-radius:999px;height:100%;display:block}.barra-v{text-align:right;min-width:24px;font-size:14px;font-weight:600}@media (max-width:900px){.bento{grid-template-columns:1fr}.bento .g.ancho{grid-column:auto}}@media (max-width:560px){.fila.persona{grid-template-columns:auto 1fr}.fila.persona .botones{grid-column:1/-1;justify-content:flex-start}.barra-fila{grid-template-columns:1fr auto}.barra-fila .medida{order:3;grid-column:1/-1}.barra{flex-wrap:wrap}.barra .quien{text-align:left}.pie-datos{font-size:11px}}#uso,#contenido>div{gap:24px;display:grid}#uso>.resumen{margin:0}.bento .g.todo{grid-column:1/-1}.lista[hidden]{display:none}@media (max-width:900px){.bento .g.todo{grid-column:auto}}