@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--fondo:#f3f4f7;--superficie:#fff;--superficie-tenue:#f7f8fa;--linea:#edeff3;--linea-fuerte:#e4e7ee;--texto:#14161a;--texto-2:#5b6170;--texto-3:#868c9b;--texto-4:#a2a8b5;--acento:#2f4bd8;--acento-tenue:#e8ecfb;--atencion:#9a6a08;--atencion-texto:#6b4a06;--atencion-fondo:#fdf6e8;--atencion-linea:#f0dfba;--favor:#16704f;--favor-texto:#11543c;--favor-fondo:#eaf6f0;--peligro:#a4322a;--peligro-fondo:#fbeceb;--radio-tarjeta:20px;--radio-control:11px;--radio-campo:9px;--radio-etiqueta:6px;--radio-pastilla:999px;--sombra-tarjeta:0 1px 2px #14161a0d, 0 12px 32px #14161a0a;--sombra-menu:0 1px 2px #14161a0d;--sans:"Instrument Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);background:var(--fondo);color:var(--texto);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-size:15.5px;line-height:1.5}button,input,select{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}a{color:var(--acento);text-decoration:none}.n{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}.app{max-width:480px;min-height:100dvh;padding:0 16px calc(96px + env(safe-area-inset-bottom));margin:0 auto}.cabecera{padding:calc(14px + env(safe-area-inset-top)) 0 10px;align-items:center;gap:10px;display:flex}.cabecera .sello{background:var(--texto);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.cabecera .condominio{letter-spacing:-.01em;font-weight:600;line-height:1.2}.cabecera .quien{color:var(--texto-3);font-size:12.5px}.cabecera .salir{color:var(--texto-3);background:0 0;border:0;margin-left:auto;padding:8px 0 8px 12px;font-size:13.5px}.pestanas{padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--fondo) 88%, transparent);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--linea);justify-content:center;gap:6px;display:flex;position:fixed;bottom:0;left:0;right:0}.pestanas a{max-width:220px;color:var(--texto-3);border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 0;font-size:12px;font-weight:500;display:flex}.pestanas a.activa{color:var(--texto);font-weight:600}.volver{align-items:center;gap:4px;padding:6px 0;font-size:14.5px;font-weight:500;display:inline-flex}h1{letter-spacing:-.03em;margin:10px 0 6px;font-size:28px;font-weight:600;line-height:1.1}h2{text-transform:uppercase;letter-spacing:.04em;color:var(--texto-3);margin:26px 0 10px;font-size:13px;font-weight:600}.bajada{color:var(--texto-2);font-size:14.5px}.tarjeta{background:var(--superficie);border-radius:var(--radio-tarjeta);box-shadow:var(--sombra-tarjeta);padding:18px}.tarjeta+.tarjeta{margin-top:10px}a.tarjeta{color:inherit;display:block}.fila{align-items:center;gap:12px;display:flex}.crece{flex-grow:1;min-width:0}.saldo{letter-spacing:-.03em;font-size:40px;font-weight:500;line-height:1.1}.rotulo{color:var(--texto-3);font-size:13px}.etiqueta{border-radius:var(--radio-pastilla);padding:3px 9px;font-size:12px;font-weight:600;display:inline-block}.etiqueta.atencion{background:var(--atencion-fondo);color:var(--atencion-texto)}.etiqueta.favor{background:var(--favor-fondo);color:var(--favor-texto)}.etiqueta.tenue{background:var(--superficie-tenue);color:var(--texto-2)}.etiqueta.peligro{color:#7d231c;background:#fbeceb}.renglon{border-top:1px solid var(--linea);align-items:baseline;gap:12px;padding:12px 0;display:flex}.renglon:first-child{border-top:0;padding-top:0}.renglon:last-child{padding-bottom:0}.renglon .detalle{color:var(--texto-3);font-size:13px}.enlace-boton{color:var(--acento);background:0 0;border:0;padding:4px 0;font-size:13.5px;font-weight:500}.aviso{border-radius:14px;gap:12px;margin-top:12px;padding:14px 16px;font-size:14px;line-height:1.5;display:flex}.aviso svg{flex-shrink:0;margin-top:2px}.aviso.tenue{background:var(--superficie);color:var(--texto-2)}.aviso.atencion{background:var(--atencion-fondo);color:var(--atencion-texto)}.aviso.favor{background:var(--favor-fondo);color:var(--favor-texto)}.aviso.peligro{color:#7d231c;background:#fbeceb}.btn{border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:16px;padding:15px 20px;font-size:16px;font-weight:600;display:flex}.btn.principal{background:var(--texto);color:var(--superficie)}.btn.principal:disabled{background:var(--linea-fuerte);color:var(--texto-4);cursor:not-allowed}.btn.secundario{background:var(--superficie);color:var(--texto);border:1px solid var(--linea-fuerte)}.btn.plano{color:var(--texto-2);background:0 0;padding:8px 0;font-weight:500}.cabecera a.quien{color:var(--texto-3);text-decoration:none}.campo{margin-top:14px;display:block}.campo>span{margin-bottom:6px;font-size:13.5px;font-weight:500;display:block}.campo>small{color:var(--texto-3);margin-top:5px;font-size:12.5px;display:block}.campo input{border:1px solid var(--linea-fuerte);background:var(--superficie);border-radius:12px;width:100%;padding:13px 14px;font-size:16px}.campo input:focus{outline:2px solid var(--acento);outline-offset:-1px}.opciones{gap:8px;display:flex}.opciones button{border:1px solid var(--linea-fuerte);background:var(--superficie);border-radius:12px;flex:1;padding:12px;font-weight:500}.opciones button[aria-pressed=true]{border-color:var(--texto);background:var(--texto);color:var(--superficie)}.casilla{cursor:pointer;align-items:center;gap:12px;display:flex}.casilla input{width:22px;height:22px;accent-color:var(--texto);flex-shrink:0}.foto{border:1.5px dashed var(--linea-fuerte);border-radius:var(--radio-tarjeta);background:var(--superficie);min-height:150px;color:var(--texto-2);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:18px;display:flex}.foto img{border-radius:12px;max-width:100%;max-height:220px}.foto input{display:none}.linea{list-style:none}.linea li{padding:0 0 16px 30px;position:relative}.linea li:last-child{padding-bottom:0}.linea li:before{content:"";background:var(--linea-fuerte);width:2px;position:absolute;top:20px;bottom:-2px;left:7px}.linea li:last-child:before{display:none}.linea .punto{border:2px solid var(--linea-fuerte);background:var(--superficie);border-radius:50%;width:16px;height:16px;position:absolute;top:3px;left:0}.linea li.hecho .punto{border-color:var(--favor);background:var(--favor)}.linea li.ahora .punto{border-color:var(--atencion)}.linea li.fallo .punto{border-color:var(--peligro);background:var(--peligro)}.linea .titulo{font-size:14.5px;font-weight:600}.linea li.pendiente .titulo{color:var(--texto-3);font-weight:500}.linea .detalle{color:var(--texto-3);font-size:13px}.velo{z-index:10;background:#14161a59;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.hoja{background:var(--superficie);width:100%;max-width:480px;max-height:85dvh;padding:10px 20px calc(24px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;overflow:auto}.hoja .asa{background:var(--linea-fuerte);border-radius:3px;width:40px;height:5px;margin:0 auto 14px}.hoja h3{letter-spacing:-.02em;font-size:19px;font-weight:600}.cuenta-calculo .cuando{font-family:var(--sans);color:var(--texto-3)}.cuenta-calculo{background:var(--superficie-tenue);border-radius:14px;margin-top:14px;padding:14px;font-size:13.5px;line-height:1.8}.cargando{text-align:center;color:var(--texto-3);padding:40px 0}.dias{scrollbar-width:none;gap:8px;margin:0 -16px;padding:2px 16px 6px;display:flex;overflow-x:auto}.dias button{border:1px solid var(--linea-fuerte);background:var(--superficie);white-space:nowrap;border-radius:12px;flex-shrink:0;padding:10px 14px;font-weight:500}.dias button[aria-pressed=true]{border-color:var(--texto);background:var(--texto);color:var(--superficie)}.horarios{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.casilla-horario{border:1px solid var(--linea-fuerte);background:var(--superficie);text-align:left;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:12px 14px;display:flex}.casilla-horario small{color:var(--favor-texto);font-size:12px}.casilla-horario[aria-pressed=true]{border-color:var(--texto);background:var(--texto);color:var(--superficie)}.casilla-horario[aria-pressed=true] small{color:var(--superficie)}.casilla-horario:disabled{background:var(--superficie-tenue);color:var(--texto-4);cursor:not-allowed}.casilla-horario:disabled small{color:var(--texto-3)}