.demo{display:flex;flex-direction:column;align-items:center;gap:14px}.demo button{font-family:inherit;color:inherit}.chip-vista-previa{font-size:12px;font-weight:600;padding:5px 12px;border-radius:999px;background:var(--aviso-fondo);color:var(--aviso-texto)}.controles{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center}.seg{display:inline-flex;padding:3px;border-radius:10px;background:var(--superficie-alt)}.seg button{border:0;border-radius:8px;padding:7px 12px;min-height:36px;font-size:13px;font-weight:500;background:transparent;color:var(--texto-2);cursor:pointer}.seg button[aria-pressed=true]{background:var(--marca);color:var(--sobre-marca);font-weight:600}.btn-borde{border:1px solid var(--linea);padding:8px 14px;min-height:40px;font-size:13px}.btn-borde,.btn-ver-demo{background:var(--superficie);border-radius:10px;font-weight:600;cursor:pointer}.btn-ver-demo{display:none;min-height:48px;padding:0 22px;border:1px solid var(--marca);font-size:15px}.demo .btn-ver-demo{color:var(--marca)}.barra-completa{display:none}.celular{width:390px;height:844px;border-radius:56px;padding:12px;background:var(--bisel);box-shadow:0 30px 80px -20px var(--sombra);position:relative;flex-shrink:0}.celular:before{content:"";position:absolute;top:24px;left:50%;transform:translateX(-50%);width:110px;height:32px;border-radius:18px;background:var(--camara);z-index:5}.pantalla{position:relative;width:100%;height:100%;border-radius:44px;overflow:hidden;background:var(--fondo);color:var(--texto)}.vista{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding:64px 18px 112px;display:flex;flex-direction:column;gap:14px;outline:none}.vista::-webkit-scrollbar{display:none}.vista>*{flex-shrink:0}.vista.entra{animation:entra .22s ease-out}@keyframes entra{0%{opacity:.4;transform:translateX(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.vista.entra{animation:none}}.barra{position:absolute;left:0;right:0;bottom:0;z-index:3;justify-content:space-between;padding:8px 16px 26px;background:var(--superficie);border-top:1px solid var(--linea)}.barra,.barra button{display:flex;align-items:center}.barra button{width:62px;min-height:44px;border:0;background:transparent;flex-direction:column;justify-content:center;gap:3px;font-size:10px;font-weight:500;cursor:pointer;padding:4px 0}.demo .barra button{color:var(--texto-2)}.demo .barra button[aria-current=page]{color:var(--marca);font-weight:600}.demo .barra .mas{width:50px;height:50px;border-radius:25px;background:var(--marca);color:var(--sobre-marca)}.toast{position:absolute;left:16px;right:16px;bottom:100px;z-index:6;padding:12px 14px;border-radius:12px;background:var(--texto);color:var(--fondo);font-size:13px;line-height:18px}.toast[hidden]{display:none}.app{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.app .top{display:flex;align-items:center;gap:10px;min-height:44px}.app .top h1{margin:0;font-size:24px;font-weight:600;letter-spacing:-.01em;flex:1 1;min-width:0}.app .saludo{flex:1 1;display:flex;flex-direction:column;gap:4px}.app .redondo,.barra-completa .redondo{width:44px;height:44px;flex-shrink:0;border-radius:22px;border:1px solid var(--linea);background:var(--superficie);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.app .iniciales{color:var(--marca);font-size:12px;font-weight:600}.app .mon{display:inline-flex;padding:3px;border-radius:10px;background:var(--superficie-alt);flex-shrink:0}.app .mon button{border:0;border-radius:8px;padding:6px 10px;min-height:30px;font-size:12px;font-weight:500;background:transparent;color:var(--texto-2);cursor:pointer}.app .mon button[aria-pressed=true]{background:var(--marca);color:var(--sobre-marca);font-weight:600}.app .sub{font-size:13px;color:var(--texto-2);margin-top:-6px}.app .sub.sin-margen{margin-top:0}.app .card{background:var(--superficie);border:1px solid var(--linea);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px}.app .card.lista{padding:0;gap:0;overflow:hidden}.app .card.suave{background:var(--marca-suave);border-color:transparent}.app .card.compacta{padding:12px;gap:6px}.app .card.compacta-6{gap:6px}.app .card.aviso{background:var(--aviso-fondo);border-color:transparent;color:var(--aviso-texto);gap:4px}.app .card.aviso b{font-size:14px}.app .card.aviso span{font-size:13px;line-height:18px}.app .card.efectivo{border-style:dashed;flex-direction:row;justify-content:space-between;align-items:center}.app .card.perfil{flex-direction:row;align-items:center;gap:14px}.app .card>b{white-space:nowrap}.app .tarjeta-boton{text-align:left;cursor:pointer;font-size:14px;color:var(--texto)}.app .h2{margin:0;font-size:16px;font-weight:600}.app .cifra{font-size:34px;font-weight:600;letter-spacing:-.02em;line-height:1.1;font-feature-settings:"pnum";font-variant-numeric:proportional-nums}.app .cifra-media{font-size:24px;font-weight:600}.app .variacion{font-size:13px;font-weight:500}.app .lbl{font-size:13px;color:var(--texto-2)}.app .negrita{font-weight:600}.app .peq{font-size:12px;line-height:17px;color:var(--texto-2)}.app .peq.texto{color:var(--texto)}.app .nota{font-size:11px;line-height:15px;color:var(--texto-2)}.app .al-borde{padding:0 4px}.app .entre{display:flex;justify-content:space-between;align-items:center}.app .ancho{width:100%}.app .columna{display:flex;flex-direction:column;gap:2px}.app .columna.g6{gap:6px}.app .crece{flex:1 1}.app .fuerte{font-weight:600}.app .medio{font-weight:500}.app .texto-semana{font-size:15px;line-height:22px}.app .enlace{border:0;background:none;color:var(--marca);font-size:13px;font-weight:600;cursor:pointer;padding:6px 0;align-self:flex-start}.app .entre .enlace{align-self:auto}.app .enlace-texto{font-size:13px;font-weight:600;color:var(--marca)}.app .mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.app .mini>div{background:var(--superficie-alt);border-radius:10px;padding:9px 11px;display:flex;flex-direction:column;gap:3px;min-width:0}.app .mini.con-borde>div{background:var(--superficie);border:1px solid var(--linea)}.app .mini span:first-child{font-size:11px;font-weight:500;color:var(--texto-2)}.app .mini span:last-child{font-size:14px;font-weight:600}.app .gan{color:var(--ganancia)}.app .per{color:var(--perdida)}.app .t2{color:var(--texto-2)}.app .fila{display:flex;align-items:center;gap:12px;padding:13px 16px;text-align:left;width:100%;background:transparent;border:0;border-bottom:1px solid var(--linea);font-size:14px;color:var(--texto)}.app .fila:last-child{border-bottom:0}.app .fila.arriba{align-items:flex-start}.app button.fila{cursor:pointer}.app .fila .cuerpo{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:3px}.app .fila .linea1{font-size:15px}.app .fila .linea1,.app .fila .linea2{display:flex;justify-content:space-between;gap:8px}.app .fila .linea2{font-size:12px;color:var(--texto-2)}.app .fila .der{font-weight:600;white-space:nowrap}.app .fila.plat{padding:10px 0;border-bottom:0;flex-direction:column;align-items:stretch;gap:6px}.app .fila.plat .nombre{font-weight:500}.app .encabezado-lista{padding:14px 16px 4px}.app .punto{width:10px;height:10px;border-radius:5px;flex-shrink:0;display:inline-block}.app .con-punto{gap:8px}.app .con-punto,.app .sigla{display:flex;align-items:center}.app .sigla{width:38px;height:38px;border-radius:10px;flex-shrink:0;justify-content:center;font-size:11px;font-weight:600;background:var(--superficie-alt);color:var(--texto-2)}.app .sigla.ingreso{background:var(--marca-suave);color:var(--marca)}.app .sigla.costo{background:var(--aviso-fondo);color:var(--aviso-texto)}.app .tag{align-self:flex-start;font-size:11px;font-weight:500;padding:2px 7px;border-radius:6px;background:var(--superficie-alt);color:var(--texto-2)}.app .tag.arriba{margin-top:3px}.app .tag.av{background:var(--aviso-fondo);color:var(--aviso-texto)}.app .tag.mk{background:var(--marca-suave);color:var(--marca)}.app .tag.sobre-suave{background:var(--superficie)}.app .pild{display:flex;gap:6px;flex-wrap:wrap}.app .pild button{border:1px solid var(--linea);border-radius:999px;padding:6px 12px;min-height:32px;font-size:12px;font-weight:500;background:var(--superficie);cursor:pointer}.app .pild button[aria-pressed=true]{background:var(--marca);color:var(--sobre-marca);border-color:var(--marca);font-weight:600}.app .tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:3px;border-radius:10px;background:var(--superficie-alt)}.app .tabs button{border:0;border-radius:8px;padding:8px 0;min-height:36px;font-size:13px;font-weight:500;background:transparent;color:var(--texto-2);cursor:pointer}.app .tabs button[aria-pressed=true],.app .tabs button[aria-selected=true]{background:var(--marca);color:var(--sobre-marca);font-weight:600}.app .barrita{height:6px;background:var(--superficie-alt);overflow:hidden}.app .barrita,.app .barrita i{display:block;border-radius:3px}.app .barrita i{height:100%;background:var(--marca)}.app .kv{display:flex;justify-content:space-between;gap:10px;font-size:13px}.app .kv b{font-weight:600;white-space:nowrap}.app .kv.grande{font-size:15px}.app .kv.total{padding-top:10px;border-top:1px solid var(--linea);font-size:15px}.app .apilado{display:flex;height:10px;border-radius:5px;overflow:hidden;gap:2px}.app .apilado i{display:block;height:100%}.app .ico{width:38px;height:38px;border-radius:10px;background:var(--marca-suave);color:var(--marca);justify-content:center;flex-shrink:0}.app .ico,.app .metodo-titulo{display:flex;align-items:center}.app .metodo-titulo{gap:8px;font-size:15px;font-weight:600}.app .valor-ajuste{font-size:13px}.app .avatar{width:48px;height:48px;border-radius:24px;background:var(--marca-suave);color:var(--marca);display:flex;align-items:center;justify-content:center;font-weight:600}.app .nombre-perfil{font-size:16px}.app .titulo-efectivo{font-size:15px;font-weight:500}.app .sello{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:17px;color:var(--texto-2);padding:0 4px}.app .sello svg{flex-shrink:0;margin-top:1px}@media (max-width:640px){.btn-ver-demo{display:inline-flex;align-items:center}.celular{display:none}.celular.abierta{display:flex;flex-direction:column;position:fixed;inset:0;z-index:50;width:100%;height:100dvh;border-radius:0;padding:0;background:var(--fondo);box-shadow:none}.celular.abierta:before{display:none}.celular.abierta .barra-completa{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(8px,env(safe-area-inset-top)) 16px 8px;border-bottom:1px solid var(--linea);background:var(--superficie);font-size:12px;font-weight:600;color:var(--aviso-texto)}.celular.abierta .barra-completa .redondo{color:var(--texto)}.celular.abierta .pantalla{flex:1 1;height:auto;border-radius:0}.celular.abierta .vista{padding-top:18px}.celular.abierta .barra{padding-bottom:max(12px,env(safe-area-inset-bottom))}}