:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--fondo:#f5f5f7;--superficie:#fff;--superficie-2:#fbfbfd;--texto:#1d1d1f;--suave:#6e6e73;--linea:#d2d2d7;--linea-suave:#e8e8ed;--acento:#087f53;--acento-texto:#fff;--acento-fondo:#e7f4ee;--peligro:#c4271e;--peligro-fondo:#fdecea;--aviso:#8a5300;--aviso-fondo:#fff4e0;--sombra:0 1px 2px #0000000a, 0 4px 16px #0000000d;--radio:14px;--letra:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--fondo:#000;--superficie:#1c1c1e;--superficie-2:#232325;--texto:#f5f5f7;--suave:#a1a1a6;--linea:#3a3a3c;--linea-suave:#2c2c2e;--acento:#34d399;--acento-texto:#04140d;--acento-fondo:#34d39924;--peligro:#ff6b62;--peligro-fondo:#ff6b6224;--aviso:#ffb340;--aviso-fondo:#ffb34024;--sombra:none}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--fondo);color:var(--texto);font-family:var(--letra);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--acento)}h1,h2,h3{letter-spacing:-.02em;margin:0;line-height:1.15}h1{font-size:28px;font-weight:700}h2{font-size:20px;font-weight:650}h3{font-size:16px;font-weight:650}p{margin:0}:focus-visible{outline:3px solid color-mix(in srgb, var(--acento) 55%, transparent);outline-offset:2px}.marco{min-height:100dvh;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.barra{z-index:10;background:color-mix(in srgb, var(--fondo) 82%, transparent);-webkit-backdrop-filter:saturate(180%)blur(18px);border-bottom:1px solid var(--linea-suave);position:sticky;top:0}.barra-dentro{align-items:center;gap:16px;max-width:980px;margin:0 auto;padding:10px 16px;display:flex}.logo{color:var(--texto);white-space:nowrap;align-items:center;gap:10px;font-weight:650;text-decoration:none;display:flex}.logo img{border-radius:8px;width:28px;height:28px}.nav{gap:4px;margin-left:auto;display:flex}.nav a{color:var(--suave);border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.nav a[aria-current=page]{color:var(--texto);background:var(--superficie);box-shadow:var(--sombra)}.nav .icono{width:20px;height:20px}.contenido{gap:18px;max-width:980px;margin:0 auto;padding:20px 16px 32px;display:grid}@media (width<=719px){.nav{padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--superficie) 88%, transparent);-webkit-backdrop-filter:saturate(180%)blur(18px);border-top:1px solid var(--linea-suave);justify-content:space-around;margin:0;position:fixed;bottom:0;left:0;right:0}.nav a{flex-direction:column;gap:2px;min-width:64px;padding:6px 10px;font-size:11px}.nav a[aria-current=page]{box-shadow:none;color:var(--acento);background:0 0}.nav .icono{width:24px;height:24px}h1{font-size:26px}}@media (width>=720px){.marco{padding-bottom:0}}.tarjeta{background:var(--superficie);border-radius:var(--radio);box-shadow:var(--sombra);align-content:start;gap:14px;min-width:0;padding:18px;display:grid}.tarjeta.plana{box-shadow:none;border:1px solid var(--linea-suave)}.fila{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.fila.entre{justify-content:space-between}.columna{gap:8px;display:grid}.suave{color:var(--suave)}.chico{font-size:14px}.mini{font-size:12.5px}.fuerte{font-weight:650}.romper{overflow-wrap:anywhere;white-space:pre-wrap}.separador{background:var(--linea-suave);border:0;height:1px;margin:2px 0}.boton{appearance:none;background:var(--acento);min-height:44px;color:var(--acento-texto);cursor:pointer;white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.boton:hover{filter:brightness(1.05)}.boton:disabled{opacity:.45;cursor:not-allowed;filter:none}.boton.secundario{background:var(--acento-fondo);color:var(--acento)}.boton.gris{background:var(--linea-suave);color:var(--texto)}.boton.peligro{background:var(--peligro-fondo);color:var(--peligro)}.boton.chico{min-height:36px;padding:6px 14px;font-size:14px}.boton .icono{width:18px;height:18px}.boton-icono{appearance:none;color:var(--suave);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:40px;height:40px;display:inline-grid}.boton-icono:hover{background:var(--linea-suave);color:var(--texto)}.campo{gap:6px;min-width:0;display:grid}.campo>span{color:var(--suave);font-size:13px;font-weight:600}.entrada{border:1px solid var(--linea);background:var(--superficie-2);border-radius:12px;width:100%;min-height:44px;padding:10px 12px;font-size:16px}.entrada:focus{border-color:var(--acento);box-shadow:0 0 0 3px color-mix(in srgb, var(--acento) 25%, transparent);outline:none}textarea.entrada{resize:vertical;min-height:160px;line-height:1.5}select.entrada{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--suave) 50%), linear-gradient(135deg, var(--suave) 50%, transparent 50%);background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;background-repeat:no-repeat;background-size:5px 5px;padding-right:34px}.clave{position:relative}.clave .entrada{padding-right:52px}.clave .boton-icono{position:absolute;top:2px;right:2px}.pastilla{white-space:nowrap;background:var(--linea-suave);color:var(--suave);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.pastilla.nuevo{background:var(--acento-fondo);color:var(--acento)}.pastilla.pagado,.pastilla.haciendose{background:var(--aviso-fondo);color:var(--aviso)}.pastilla.listo{background:var(--acento);color:var(--acento-texto)}.pastilla.cancelado{text-decoration:line-through}.pastilla.marca{border:1px solid var(--linea);color:var(--texto);background:0 0;font-weight:500}.aviso{background:var(--aviso-fondo);color:var(--aviso);border-radius:12px;padding:12px 14px;font-size:14px}.aviso.error{background:var(--peligro-fondo);color:var(--peligro)}.aviso.bien{background:var(--acento-fondo);color:var(--acento)}.cifras{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}@media (width<=719px){.cifras{grid-template-columns:repeat(2,minmax(0,1fr))}}.cifra{background:var(--superficie);border-radius:var(--radio);box-shadow:var(--sombra);text-align:left;cursor:pointer;border:0;gap:2px;padding:14px 16px;display:grid}.cifra b{letter-spacing:-.02em;font-size:28px;font-weight:700}.cifra span{color:var(--suave);font-size:13px}.cifra[aria-pressed=true]{outline:2px solid var(--acento)}.chips{scrollbar-width:none;gap:8px;padding:2px 2px 4px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{appearance:none;border:1px solid var(--linea);background:var(--superficie);color:var(--texto);white-space:nowrap;cursor:pointer;border-radius:999px;padding:7px 14px;font-size:14px}.chip[aria-pressed=true]{background:var(--texto);color:var(--fondo);border-color:var(--texto)}.lista{gap:10px;display:grid}.renglon{background:var(--superficie);border-radius:var(--radio);box-shadow:var(--sombra);color:inherit;grid-template-columns:1fr auto;gap:4px 12px;padding:14px 16px;text-decoration:none;display:grid}.renglon:hover{box-shadow:0 0 0 2px var(--acento-fondo), var(--sombra)}.renglon .arriba{color:var(--suave);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.renglon .quien{text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:650;overflow:hidden}.renglon .derecha{grid-area:1/2/span 3;align-content:center;justify-items:end;gap:6px;display:grid}.vacio{text-align:center;color:var(--suave);padding:40px 16px}.dos{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}@media (width<=859px){.dos{grid-template-columns:minmax(0,1fr)}}.datos{grid-template-columns:max-content 1fr;gap:8px 14px;font-size:15px;display:grid}.datos dt{color:var(--suave)}.datos dd{overflow-wrap:anywhere;margin:0}.paso{gap:12px;display:grid}.paso-titulo{align-items:center;gap:10px;display:flex}.paso-numero{background:var(--acento-fondo);width:28px;height:28px;color:var(--acento);border-radius:999px;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.paso-numero.hecho{background:var(--acento);color:var(--acento-texto)}.fotos{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.foto{aspect-ratio:1;background:var(--linea-suave);border-radius:10px;position:relative;overflow:hidden}.foto img{object-fit:cover;width:100%;height:100%;display:block}.foto .boton-icono{color:#fff;background:#0000008c;width:30px;height:30px;position:absolute;top:4px;right:4px}.subir{border:1.5px dashed var(--linea);text-align:center;color:var(--suave);cursor:pointer;border-radius:12px;place-items:center;min-height:92px;padding:14px;font-size:14px;display:grid}.subir:hover{border-color:var(--acento);color:var(--acento)}.subir input{opacity:0;width:1px;height:1px;position:absolute}.avance{background:var(--linea-suave);border-radius:999px;height:6px;overflow:hidden}.avance>i{background:var(--acento);height:100%;transition:width .2s;display:block}.avance.indeterminado>i{animation:1.2s ease-in-out infinite ir;width:40%!important}@keyframes ir{0%{transform:translate(-100%)}to{transform:translate(250%)}}audio{width:100%;height:40px}.medio{background:#000;border-radius:12px;width:100%;max-height:70vh;display:block}img.medio{background:var(--linea-suave);object-fit:contain}.trabajo{border:1px solid var(--linea-suave);border-radius:12px;gap:10px;padding:14px;display:grid}.girando{border:2.5px solid color-mix(in srgb, currentColor 25%, transparent);border-top-color:currentColor;border-radius:999px;flex:none;width:18px;height:18px;animation:.8s linear infinite girar}@keyframes girar{to{transform:rotate(360deg)}}.interruptor{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex}.interruptor input{appearance:none;background:var(--linea);cursor:pointer;border-radius:999px;flex:none;width:46px;height:28px;transition:background .2s;position:relative}.interruptor input:after{content:"";background:#fff;border-radius:999px;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.interruptor input:checked{background:var(--acento)}.interruptor input:checked:after{transform:translate(18px)}.entrar{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.entrar form{width:min(380px,100%)}.entrar .logo-grande{border-radius:14px;width:56px;height:56px}.aviso-toast{left:50%;bottom:calc(90px + env(safe-area-inset-bottom));background:var(--texto);color:var(--fondo);z-index:50;border-radius:999px;max-width:calc(100% - 32px);padding:10px 18px;font-size:14px;position:fixed;transform:translate(-50%);box-shadow:0 6px 24px #0003}@media (width>=720px){.aviso-toast{bottom:24px}}
