:root{color-scheme:light dark;--fondo: #fbf5ec;--superficie: #ffffff;--superficie-2: #f3e9da;--tinta: #2a211b;--tinta-suave: #7a6a5d;--linea: rgba(42, 33, 27, .09);--sombra: 0 1px 2px rgba(42, 33, 27, .05), 0 8px 24px rgba(42, 33, 27, .06);--barra: rgba(251, 245, 236, .82);--pu: #e2553b;--bu: #2f7f86;--juntas: #e0a43a;--ok: #3b8a5a;--acento: var(--pu);--sobre-acento: #fffaf3;--radio: 20px;--radio-peq: 12px;--altura-barra: 58px;--letra-titulo: ui-rounded, "SF Pro Rounded", "Nunito", system-ui, sans-serif;--letra: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", Roboto, sans-serif;--seguro-arriba: env(safe-area-inset-top, 0px);--seguro-abajo: env(safe-area-inset-bottom, 0px);--seguro-izq: env(safe-area-inset-left, 0px);--seguro-der: env(safe-area-inset-right, 0px)}@media(prefers-color-scheme:dark){:root{--fondo: #17120f;--superficie: #221b16;--superficie-2: #2d241e;--tinta: #f6eee3;--tinta-suave: #b3a396;--linea: rgba(246, 238, 227, .09);--sombra: 0 1px 2px rgba(0, 0, 0, .3);--barra: rgba(23, 18, 15, .82);--pu: #f06a4f;--bu: #4fa7ae;--juntas: #edb955;--ok: #5db27e;--sobre-acento: #1b1411}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--fondo);color:var(--tinta);font-family:var(--letra);font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:inherit;touch-action:manipulation}button:disabled{cursor:default;opacity:.5}ul{list-style:none;margin:0;padding:0}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--acento);outline-offset:2px}.arranque{min-height:100dvh}.contenido{max-width:560px;margin:0 auto;padding:calc(var(--seguro-arriba) + 18px) calc(var(--seguro-der) + 20px) calc(var(--altura-barra) + var(--seguro-abajo) + 28px) calc(var(--seguro-izq) + 20px);animation:aparecer .28s ease-out}@keyframes aparecer{0%{opacity:0;transform:translateY(6px)}}.cabecera{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:20px}.cabecera__ante{color:var(--tinta-suave);font-size:14px;font-weight:500}.cabecera__titulo{font-family:var(--letra-titulo);font-size:34px;font-weight:800;letter-spacing:-.02em;line-height:1.1}.seccion{margin-top:28px}.seccion__cabeza{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.seccion__titulo{font-family:var(--letra-titulo);font-size:20px;font-weight:700;margin-bottom:10px}.seccion__cabeza .seccion__titulo{margin-bottom:0}.seccion__titulo--peq{font-size:17px;margin-top:24px}.seccion__extra{color:var(--tinta-suave);font-size:14px;font-variant-numeric:tabular-nums}.tarjeta{background:var(--superficie);border-radius:var(--radio);box-shadow:var(--sombra)}.nota{color:var(--tinta-suave);font-size:14px}.nota--pie{margin-top:10px;display:flex;gap:6px;align-items:flex-start}.nota--pie svg{flex:none;margin-top:2px}.nota--centro{justify-content:center;text-align:center}.pestanas{position:fixed;inset:auto 0 0;z-index:10;display:flex;justify-content:space-around;padding:6px calc(var(--seguro-der) + 8px) calc(var(--seguro-abajo) + 6px) calc(var(--seguro-izq) + 8px);background:var(--barra);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--linea)}.pestana{flex:1;max-width:120px;height:var(--altura-barra);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--tinta-suave);font-size:11px;font-weight:600;transition:color .2s}.pestana__icono{position:relative;display:grid;place-items:center;width:52px;height:32px;border-radius:999px;transition:background-color .2s,transform .2s}.pestana--activa{color:var(--acento)}.pestana--activa .pestana__icono{background:color-mix(in srgb,var(--acento) 14%,transparent)}.pestana:active .pestana__icono{transform:scale(.9)}.pestana__globo{position:absolute;top:-2px;right:6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--bu);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;border:2px solid var(--fondo);box-sizing:content-box}.avatar{--tam: 36px;flex:none;display:inline-grid;place-items:center;width:var(--tam);height:var(--tam);border-radius:50%;color:#fff;font-family:var(--letra-titulo);font-weight:800;font-size:calc(var(--tam) * .38)}.avatar--pu{background:var(--pu)}.avatar--bu{background:var(--bu)}.avatar--peq{--tam: 24px}.avatar--grande{--tam: 56px}.avatar-juntas{--tam: 36px;flex:none;position:relative;display:inline-block;width:calc(var(--tam) * 1.35);height:var(--tam);isolation:isolate}.avatar-juntas.avatar--peq{--tam: 24px}.avatar-juntas.avatar--grande{--tam: 56px}.avatar-juntas .avatar{position:absolute;top:0;width:var(--tam);height:var(--tam);mix-blend-mode:multiply}.avatar-juntas .avatar--pu{left:0}.avatar-juntas .avatar--bu{right:0}@media(prefers-color-scheme:dark){.avatar-juntas .avatar{mix-blend-mode:screen}}.destacado{position:relative;overflow:hidden;width:100%;display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:26px;background:var(--acento);color:var(--sobre-acento);box-shadow:0 12px 30px color-mix(in srgb,var(--acento) 35%,transparent);transition:transform .15s}.destacado:active{transform:scale(.98)}.destacado:before,.destacado:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:currentColor;opacity:.08;top:-50px;right:-40px}.destacado:after{right:50px;top:-80px}.destacado--wifi,.destacado--rayo{--acento: var(--bu)}.destacado--llama{--acento: var(--juntas)}.destacado--vacio{--acento: var(--ok)}.destacado__ante{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;opacity:.85}.destacado__fila{display:flex;align-items:center;gap:10px}.destacado__icono{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#fff3}.destacado__nombre{font-family:var(--letra-titulo);font-size:24px;font-weight:800;flex:1}.destacado__cuando{padding:4px 10px;border-radius:999px;background:#ffffff38;font-size:13px;font-weight:700;white-space:nowrap}.destacado__importe{font-family:var(--letra-titulo);font-size:40px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:4px}.destacado__pie{font-size:14px;opacity:.9}.fichas{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ficha{width:100%;display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:var(--radio);background:var(--superficie);box-shadow:var(--sombra);transition:transform .15s}.ficha:active{transform:scale(.96)}.ficha__nombre{font-weight:700}.ficha__cuando{color:var(--tinta-suave);font-size:13px}.ficha__icono,.fila__icono{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--radio-peq);flex:none}.icono-casa{color:var(--pu);background:color-mix(in srgb,var(--pu) 14%,transparent)}.icono-rayo,.icono-wifi{color:var(--bu);background:color-mix(in srgb,var(--bu) 14%,transparent)}.icono-llama{color:var(--juntas);background:color-mix(in srgb,var(--juntas) 18%,transparent)}.progreso{height:8px;border-radius:999px;background:var(--superficie-2);overflow:hidden;margin-bottom:14px}.progreso span{display:block;height:100%;border-radius:inherit;background:var(--ok);transition:width .4s ease}.lista{overflow:hidden}.lista>li+li{border-top:1px solid var(--linea)}.fila{width:100%;min-height:60px;display:flex;align-items:center;gap:12px;padding:12px 16px}button.fila:active{background:var(--superficie-2)}.fila__texto{flex:1;min-width:0;display:flex;flex-direction:column}.fila__titulo{font-weight:600}.fila__sub{color:var(--tinta-suave);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fila__fin{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.fila__importe{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.fila--peligro{color:var(--pu)}.etiqueta{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:999px;background:var(--superficie-2);color:var(--tinta-suave);font-size:12px;font-weight:600;white-space:nowrap}.etiqueta--ok{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}.enlace{display:inline-flex;align-items:center;gap:4px;color:var(--acento);font-size:15px;font-weight:600}.anadir{display:flex;gap:10px;padding:6px 6px 6px 18px;border-radius:999px;background:var(--superficie);box-shadow:var(--sombra)}.anadir__entrada{flex:1;min-width:0;border:0;background:none;color:inherit;font:inherit;font-size:17px;outline:none}.anadir__entrada::placeholder{color:var(--tinta-suave)}.anadir__boton{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--acento);color:var(--sobre-acento);transition:transform .15s}.anadir__boton:active{transform:scale(.9)}.producto__casilla{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:9px;border:2px solid var(--linea);border-color:color-mix(in srgb,var(--tinta) 25%,transparent);color:#fff;transition:background-color .2s,border-color .2s}.producto--comprado .producto__casilla{background:var(--ok);border-color:var(--ok)}.producto--comprado .producto__nombre{text-decoration:line-through;color:var(--tinta-suave)}.lista--apagada{opacity:.85}.vacio{padding:22px;text-align:center}.vacio__titulo{font-family:var(--letra-titulo);font-weight:700;font-size:18px;margin-bottom:4px}.grafico{display:flex;align-items:flex-end;gap:8px;height:180px;padding:16px 14px 10px}.grafico__barra{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px}.grafico__pila{width:100%;max-width:34px;min-height:4px;display:flex;flex-direction:column-reverse;border-radius:10px;overflow:hidden;opacity:.45;transition:opacity .2s}.grafico__barra--activa .grafico__pila{opacity:1}.grafico__trozo{flex-basis:0}.grafico__mes{font-size:12px;color:var(--tinta-suave);font-weight:600;text-transform:capitalize}.grafico__barra--activa .grafico__mes{color:var(--tinta)}.trozo--pu{background:var(--pu)}.trozo--bu{background:var(--bu)}.trozo--conjunta{background:var(--juntas)}.total-mes{display:flex;flex-direction:column;margin:4px 0 12px}.total-mes__cifra{font-family:var(--letra-titulo);font-size:38px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.reparto{display:flex;height:14px;gap:3px;margin-bottom:14px}.reparto span{flex-basis:0;border-radius:999px}.aportes{display:grid;gap:10px}.aporte{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:12px 16px}.aporte__nombre{font-weight:600}.aporte__cifra{font-weight:700;font-variant-numeric:tabular-nums}.aporte__pct{min-width:44px;text-align:right;color:var(--tinta-suave);font-size:13px;font-variant-numeric:tabular-nums}.perfil{display:flex;align-items:center;gap:16px;padding:18px}.perfil__nombre{font-family:var(--letra-titulo);font-size:22px;font-weight:800}.interruptor{position:relative;flex:none;width:51px;height:31px}.interruptor input{position:absolute;inset:0;opacity:0;margin:0}.interruptor__pista{position:absolute;inset:0;border-radius:999px;background:var(--superficie-2);transition:background-color .2s}.interruptor__pista:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0003;transition:transform .2s}.interruptor input:checked+.interruptor__pista{background:var(--ok)}.interruptor input:checked+.interruptor__pista:after{transform:translate(20px)}.interruptor input:disabled+.interruptor__pista{opacity:.45}.campo{display:flex;flex-direction:column;gap:6px}.campo__etiqueta{font-size:13px;font-weight:600;color:var(--tinta-suave)}.campo__entrada{width:100%;height:50px;padding:0 14px;border-radius:var(--radio-peq);border:1px solid var(--linea);background:var(--fondo);color:inherit;font:inherit;font-size:17px}.campo__entrada:focus{outline:none;border-color:var(--acento);box-shadow:0 0 0 3px color-mix(in srgb,var(--acento) 20%,transparent)}.campo__euros{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700}.boton{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 20px;border-radius:16px;font-weight:700;font-size:17px;transition:transform .15s,opacity .2s}.boton:active:not(:disabled){transform:scale(.97)}.boton--principal{background:var(--acento);color:var(--sobre-acento)}.boton--secundario{background:var(--superficie-2)}.boton--pu{background:var(--pu);color:#fff}.boton--bu{background:var(--bu);color:#fff}.selector{display:flex;flex-wrap:wrap;gap:8px}.selector__opcion{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 14px 0 8px;border-radius:999px;background:var(--superficie-2);font-weight:600;border:2px solid transparent;transition:border-color .2s,background-color .2s}.selector__opcion--activa{border-color:var(--acento);background:color-mix(in srgb,var(--acento) 10%,var(--superficie))}.hoja-fondo{position:fixed;inset:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;background:#140e0a66;animation:fundido .2s ease-out}.hoja{width:100%;max-width:560px;max-height:88dvh;overflow-y:auto;padding:10px calc(var(--seguro-der) + 20px) calc(var(--seguro-abajo) + 20px) calc(var(--seguro-izq) + 20px);border-radius:28px 28px 0 0;background:var(--superficie);animation:subir .28s cubic-bezier(.2,.9,.3,1)}.hoja__asa{width:40px;height:5px;margin:0 auto 14px;border-radius:999px;background:var(--linea);background:color-mix(in srgb,var(--tinta) 20%,transparent)}.hoja__titulo{font-family:var(--letra-titulo);font-size:24px;font-weight:800;margin-bottom:6px}.hoja__cuerpo{display:flex;flex-direction:column;gap:14px}.resumen-pago{display:flex;align-items:center;gap:14px;padding:8px 0}.resumen-pago strong{font-family:var(--letra-titulo);font-size:26px}@keyframes fundido{0%{opacity:0}}@keyframes subir{0%{transform:translateY(100%)}}.entrar{min-height:100dvh;max-width:440px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--seguro-arriba) + 32px) calc(var(--seguro-der) + 24px) calc(var(--seguro-abajo) + 32px) calc(var(--seguro-izq) + 24px);text-align:center}.entrar__marca{position:relative;width:112px;height:72px;margin-bottom:18px;isolation:isolate}.entrar__circulo{position:absolute;top:0;width:72px;height:72px;border-radius:50%;mix-blend-mode:multiply;animation:latir 3.2s ease-in-out infinite}.entrar__circulo--pu{left:0;background:var(--pu)}.entrar__circulo--bu{right:0;background:var(--bu);animation-delay:-1.6s}@media(prefers-color-scheme:dark){.entrar__circulo{mix-blend-mode:screen}}@keyframes latir{50%{transform:scale(1.06)}}.entrar__titulo{font-family:var(--letra-titulo);font-size:46px;font-weight:800;letter-spacing:-.03em}.entrar__lema{color:var(--tinta-suave);margin:4px 0 28px}.entrar__form{width:100%;display:flex;flex-direction:column;gap:14px;padding:22px;text-align:left}.entrar__saludo{font-weight:600}.entrar__error{color:var(--pu);font-size:14px;font-weight:600}.entrar__ok{color:var(--bu);font-size:14px;font-weight:600}.entrar__pie{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:12px}.campo-importe{display:flex;gap:10px;align-items:flex-end}.campo-importe .campo{flex:1}.campo-importe .boton{flex:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}