:root{--azul: #22a7e8;--azul-fuerte: #1385cf;--azul-tinta: #0d5f95;--azul-suave: #e8f4fe;--hero: linear-gradient(135deg, #2eb4ef 0%, #1b8ed7 100%);--fondo: #f3f6fb;--surface: #ffffff;--text: #16202c;--muted: #79879a;--border: #e6ebf2;--linea: #eff3f8;--danger: #d8453a;--ok: #17a673;--warn: #e08a1e;--t-azul: #e8f4fe;--t-rosa: #fdeaef;--t-verde: #e6f7ef;--t-lila: #f0ecfd;--t-durazno: #fff0e6;--t-gris: #eef1f6;--r-hero: 26px;--r-card: 20px;--r-tile: 16px;--r-input: 14px;--sombra: 0 1px 2px rgba(20, 40, 80, .04), 0 6px 20px rgba(20, 40, 80, .06);--sombra-alta: 0 10px 30px rgba(20, 40, 80, .1);--sombra-azul: 0 10px 26px rgba(27, 142, 215, .32);--alto-tabbar: 72px;--alto-actionbar: 76px;--alto-wizard-top: calc(80px + env(safe-area-inset-top)) }*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;background:radial-gradient(120% 55% at 85% -5%,#e2f2fe 0%,transparent 60%),radial-gradient(90% 45% at -10% 5%,#f1ecfc 0%,transparent 55%),var(--fondo);background-attachment:fixed}.app{max-width:560px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;position:relative}.content{flex:1;padding:4px 18px 18px}.content.con-tabbar{padding-bottom:calc(var(--alto-tabbar) + 24px + env(safe-area-inset-bottom))}.content.con-actionbar{padding-bottom:calc(var(--alto-actionbar) + 20px + env(safe-area-inset-bottom))}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px 12px;padding-top:max(14px,env(safe-area-inset-top))}.header .marca{font-size:22px;font-weight:700;letter-spacing:-.6px;margin:0;color:var(--text)}.header .marca em{font-style:normal;color:var(--azul)}.header .titulo{min-width:0}.header .titulo h1{font-size:20px;font-weight:700;letter-spacing:-.4px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header .titulo .sub{font-size:13px;color:var(--muted)}.header .acciones{display:flex;gap:8px;flex-shrink:0}.iconbtn{width:42px;height:42px;min-height:42px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);color:var(--azul);border:1px solid var(--border);box-shadow:none;flex-shrink:0}.iconbtn.plano{background:transparent;border-color:transparent;color:var(--text)}.iconbtn.sobre-azul{background:#ffffff38;border-color:transparent;color:#fff}.hero{background:var(--hero);border-radius:var(--r-hero);padding:20px;color:#fff;box-shadow:var(--sombra-azul);margin-bottom:22px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:-40% -30% auto auto;width:260px;height:260px;border-radius:50%;background:#ffffff1f;pointer-events:none}.hero .fila{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative}.hero .pildora{display:inline-flex;align-items:center;gap:8px;background:#fff3;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;max-width:100%;min-width:0}.hero .pildora span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero .cifra{font-size:38px;font-weight:700;letter-spacing:-1.2px;line-height:1.15;margin:16px 0 0}.hero .cifra small{font-size:17px;font-weight:600;opacity:.8;letter-spacing:-.2px}.hero .pie{font-size:13px;opacity:.85;margin:2px 0 0}.hero-accion{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.hero-accion button{width:46px;height:46px;min-height:46px;padding:0;border-radius:50%;background:#ffffff3d;color:#fff;display:inline-flex;align-items:center;justify-content:center}.hero-accion button:disabled{opacity:.45}.hero-accion span{font-size:12px;font-weight:600;opacity:.95}.accesos{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:22px}.acceso{background:none;border:0;padding:0;min-height:0;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text);font-size:12px;font-weight:600;text-align:center;box-shadow:none}.acceso .caja{width:100%;aspect-ratio:1;max-width:62px;border-radius:var(--r-tile);background:var(--surface);box-shadow:var(--sombra);display:flex;align-items:center;justify-content:center;color:var(--azul);transition:transform .12s ease}.acceso:active .caja{transform:scale(.94)}.acceso .caja.rosa{background:var(--t-rosa);color:#d4557a}.acceso .caja.verde{background:var(--t-verde);color:#17a673}.acceso .caja.lila{background:var(--t-lila);color:#7a5cd6}.acceso .caja.durazno{background:var(--t-durazno);color:#d97a2b}.acceso .caja.azul{background:var(--t-azul);color:var(--azul-fuerte)}.card{background:var(--surface);border-radius:var(--r-card);padding:18px;box-shadow:var(--sombra);margin-bottom:16px}.card h2{margin:0 0 4px;font-size:16px;font-weight:700;letter-spacing:-.2px}.card .hint{color:var(--muted);font-size:13.5px;margin:0 0 14px}.card .hint:last-child{margin-bottom:0}.card-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.card-head .ico{width:34px;height:34px;border-radius:11px;background:var(--t-azul);color:var(--azul-fuerte);display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-head h2{margin:0;flex:1}.card-head .tag{font-size:12.5px;font-weight:700;color:var(--ok);background:var(--t-verde);padding:4px 10px;border-radius:999px;white-space:nowrap}.card-head .tag.gasto{color:var(--danger);background:#fdeaef}.par-cifras{display:flex;justify-content:space-between;gap:16px}.par-cifras>div{min-width:0}.par-cifras .rot{font-size:12.5px;color:var(--muted);margin-bottom:2px}.par-cifras .num{font-size:24px;font-weight:700;letter-spacing:-.6px}.par-cifras .der{text-align:right}.seccion-titulo{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 2px 12px}.seccion-titulo h2{font-size:16px;font-weight:700;margin:0;letter-spacing:-.2px}label{display:block;font-size:13.5px;font-weight:600;margin-bottom:6px}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],select{width:100%;padding:13px 15px;border:1px solid var(--border);border-radius:var(--r-input);font-size:16px;font-family:inherit;background:#fbfcfe;color:var(--text);transition:border-color .15s,background .15s}input::placeholder{color:#a9b4c2}input:focus,select:focus{outline:none;border-color:var(--azul);background:#fff;box-shadow:0 0 0 3px #22a7e824}input[type=color]{width:100%;height:48px;padding:4px;border:1px solid var(--border);border-radius:var(--r-input);background:#fff}.field{margin-bottom:14px}.field:last-child{margin-bottom:0}.row{display:flex;gap:12px}.row>*{flex:1}.check{display:flex;gap:12px;align-items:center;font-weight:500;font-size:14.5px;margin:0;padding:12px;border-radius:var(--r-input);background:#fbfcfe;border:1px solid var(--border);cursor:pointer}.check input{width:20px;height:20px;accent-color:var(--azul);flex-shrink:0}button{padding:14px 20px;border-radius:var(--r-input);border:0;font-size:15.5px;font-weight:600;font-family:inherit;cursor:pointer;background:var(--azul);color:#fff;min-height:50px;letter-spacing:-.1px;transition:transform .1s ease,opacity .15s}button:active:not(:disabled){transform:scale(.985)}button:disabled{opacity:.45;cursor:not-allowed}button.block{width:100%}button.accent{background:var(--hero);box-shadow:var(--sombra-azul)}button.ghost{background:#fff;color:var(--azul-fuerte);border:1px solid var(--border)}button.suave{background:var(--azul-suave);color:var(--azul-fuerte)}button.link{background:none;color:var(--azul-fuerte);padding:6px;min-height:auto;font-weight:600}button.danger{background:var(--danger)}button.con-ico{display:inline-flex;align-items:center;justify-content:center;gap:8px}.hoja-fondo{position:fixed;inset:0;background:#0c162480;backdrop-filter:blur(2px);z-index:60;display:flex;align-items:flex-end;justify-content:center;animation:aparecer .15s ease both}.hoja{width:100%;max-width:560px;background:var(--surface);border-radius:26px 26px 0 0;padding:10px 18px 18px;padding-bottom:max(18px,env(safe-area-inset-bottom));box-shadow:var(--sombra-alta);animation:subir .22s cubic-bezier(.2,.8,.3,1) both;max-height:92vh;overflow-y:auto}@keyframes subir{0%{transform:translateY(100%)}to{transform:none}}.hoja-tirador{width:42px;height:4px;border-radius:99px;background:#d6dee8;margin:0 auto 14px}.hoja-img{width:100%;max-height:48vh;object-fit:contain;border-radius:var(--r-tile);background:#eef1f6;display:block}.hoja-nombre{font-weight:700;font-size:15px;margin:12px 0 0;text-align:center}.alert{padding:12px 14px;border-radius:var(--r-input);font-size:13.5px;margin-bottom:14px;display:flex;gap:10px;align-items:flex-start}.alert svg{flex-shrink:0;margin-top:1px}.alert.error{background:#fdeaea;color:#8e2019}.alert.info{background:var(--azul-suave);color:var(--azul-tinta)}.alert.warn{background:#fff5e5;color:#8a5a12}.alert.ok{background:var(--t-verde);color:#10704f}.usage .bar{height:9px;background:var(--linea);border-radius:99px;overflow:hidden;margin-bottom:10px}.usage .bar span{display:block;height:100%;border-radius:99px;background:var(--hero);transition:width .35s ease}.usage .bar span.full{background:var(--danger)}.usage .txt{font-size:13.5px;color:var(--muted)}.dropzone{display:block;border:2px dashed #cfdcea;border-radius:var(--r-card);padding:40px 20px;text-align:center;background:var(--surface);cursor:pointer;font-weight:400;margin:0}.dropzone .caja{width:68px;height:68px;margin:0 auto 14px;border-radius:22px;background:var(--t-azul);color:var(--azul-fuerte);display:flex;align-items:center;justify-content:center}.dropzone strong{display:block;font-size:17px;margin-bottom:4px;letter-spacing:-.2px}.dropzone span{color:var(--muted);font-size:13.5px}.dropzone .caja span{color:inherit}.dropzone input{display:none}.logo-marco{display:flex;align-items:center;justify-content:center;padding:16px;border-radius:var(--r-tile);background-color:#fff;background-image:linear-gradient(45deg,#eef1f6 25%,transparent 25%),linear-gradient(-45deg,#eef1f6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eef1f6 75%),linear-gradient(-45deg,transparent 75%,#eef1f6 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.logo-marco img{max-width:200px;max-height:90px;object-fit:contain;display:block}.previa-sticky{position:sticky;top:calc(var(--alto-wizard-top) + 8px);z-index:5}.previa-cabecera{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.previa-cabecera h2{margin:0}.previa-estado{font-size:12.5px;color:var(--azul-fuerte);background:var(--azul-suave);padding:3px 10px;border-radius:999px;font-weight:600;animation:latido 1.1s ease-in-out infinite}@keyframes latido{0%,to{opacity:.4}50%{opacity:1}}.previa-marco{display:flex;justify-content:center;background:#eef1f6;border-radius:var(--r-tile);overflow:hidden;max-height:42vh}.previa-marco img{max-width:100%;max-height:42vh;object-fit:contain;display:block}.previa-marco .previa-recorte{opacity:.55}.previa-marco.alto,.previa-marco.alto img{max-height:60vh}.previa-barra{position:sticky;top:calc(var(--alto-wizard-top) + 8px);z-index:5;width:100%;display:flex;align-items:center;gap:12px;padding:12px;min-height:0;margin-bottom:16px;text-align:left;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--sombra)}.previa-barra .mini{width:62px;height:62px;flex-shrink:0;border-radius:12px;overflow:hidden;background:#eef1f6;display:block}.previa-barra .mini img{width:100%;height:100%;object-fit:cover;display:block}.previa-barra .txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.previa-barra .txt strong{font-size:14.5px;font-weight:700}.previa-barra .txt span{font-size:12.5px;color:var(--muted);font-weight:500}.previa-barra .txt span.viva{color:var(--azul-fuerte);animation:latido 1.1s ease-in-out infinite}.previa-barra .lupa{color:var(--azul);flex-shrink:0}.previa-full{position:fixed;inset:0;z-index:70;background:#0c1624d6;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));animation:aparecer .16s ease both}.previa-full .interior{width:100%;max-width:460px;display:flex;flex-direction:column;align-items:center;gap:14px}.previa-full img{max-width:100%;max-height:66vh;object-fit:contain;border-radius:var(--r-card);display:block;box-shadow:var(--sombra-alta)}.previa-full .nota{color:#ffffffd1;font-size:13px;text-align:center;margin:0}.previa-full button{width:100%}.wizard-top{position:sticky;top:0;z-index:20;background:#f3f6fbeb;backdrop-filter:blur(12px)}.wizard-head{display:flex;align-items:center;gap:10px;padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top))}.wizard-head .centro{flex:1;text-align:center;min-width:0}.wizard-head .paso-num{font-size:12px;color:var(--muted);font-weight:600}.wizard-head h1{font-size:16px;font-weight:700;margin:0;letter-spacing:-.2px}.stepper{display:flex;gap:6px;padding:0 18px 14px}.stepper i{flex:1;height:4px;border-radius:99px;background:#dde5ef;transition:background .25s}.stepper i.hecho{background:var(--azul)}.stepper i.activo{background:var(--azul);opacity:.55}.paso-titulo{margin:6px 2px 16px}.paso-titulo h2{font-size:22px;font-weight:700;letter-spacing:-.6px;margin:0 0 4px}.paso-titulo p{color:var(--muted);font-size:14px;margin:0}.grupo-plantillas{margin-bottom:18px}.grupo-plantillas:last-child{margin-bottom:0}.grupo-plantillas .rot{font-size:12.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin:0 0 8px}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tile-opt{background:var(--surface);border:2px solid var(--border);border-radius:var(--r-tile);padding:12px 8px;min-height:0;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--text);line-height:1.25;text-align:center;box-shadow:none}.tile-opt .ico{width:38px;height:38px;border-radius:12px;background:var(--t-gris);color:var(--muted);display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.tile-opt.activo{border-color:var(--azul);background:#f7fcff}.tile-opt.activo .ico{background:var(--t-azul);color:var(--azul-fuerte)}.fuentes{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.fuente-opt{background:var(--surface);border:2px solid var(--border);border-radius:var(--r-tile);padding:10px 6px;min-height:0;color:var(--text);box-shadow:none;display:flex;flex-direction:column;gap:2px;align-items:center}.fuente-opt .muestra{font-size:21px;line-height:1.1}.fuente-opt .nombre{font-size:11.5px;color:var(--muted);font-weight:600}.fuente-opt.activo{border-color:var(--azul);background:#f7fcff}.fuente-opt.activo .nombre{color:var(--azul-fuerte)}.m-anton{font-family:Arial Narrow,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.5px}.m-archivo{font-family:Impact,Arial Black,sans-serif;letter-spacing:-.5px}.m-bebas{font-family:Arial Narrow,sans-serif;text-transform:uppercase;letter-spacing:.5px}.m-serif{font-family:Georgia,Times New Roman,serif}.m-sans{font-family:system-ui,Segoe UI,Roboto,sans-serif;font-weight:700}.escala-cabecera{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.escala-cabecera label{margin-bottom:0}.escala-valor{font-size:13px;font-weight:700;color:var(--azul-fuerte);background:var(--azul-suave);padding:3px 10px;border-radius:999px}.escala{-webkit-appearance:none;appearance:none;width:100%;height:26px;margin:10px 0 4px;background:transparent;padding:0;border:0}.escala::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:var(--linea)}.escala::-moz-range-track{height:6px;border-radius:99px;background:var(--linea)}.escala::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;margin-top:-10px;border-radius:50%;background:#fff;border:3px solid var(--azul);box-shadow:var(--sombra);cursor:pointer}.escala::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid var(--azul);box-shadow:var(--sombra);cursor:pointer}.escala:disabled{opacity:.5}.escala:focus{outline:none;box-shadow:none}.escala:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #22a7e847}.escala-extremos{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--muted)}.escala-extremos button{font-size:12.5px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--r-tile);background:#fff;display:block}.tile{position:relative}.tile .expiry{position:absolute;left:8px;bottom:8px;background:#0a1423b3;color:#fff;font-size:11px;font-weight:600;padding:4px 8px;border-radius:8px;backdrop-filter:blur(4px)}.vacio{text-align:center;padding:28px 12px}.vacio .caja{width:62px;height:62px;margin:0 auto 14px;border-radius:20px;background:var(--t-azul);color:var(--azul-fuerte);display:flex;align-items:center;justify-content:center}.vacio p{color:var(--muted);font-size:14px;margin:0 0 16px}.tabbar{position:fixed;bottom:0;left:0;right:0;max-width:560px;margin:0 auto;height:calc(var(--alto-tabbar) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fffffff0;backdrop-filter:blur(14px);border-top:1px solid var(--linea);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;z-index:30}.tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;color:#9aa7b6;font-size:11px;font-weight:600;padding:6px 2px;position:relative}.tabbar a.activo{color:var(--azul)}.tabbar a.activo:before{content:"";position:absolute;top:-1px;width:26px;height:3px;border-radius:0 0 99px 99px;background:var(--azul)}.fab-wrap{display:flex;justify-content:center}.fab{width:60px;height:60px;min-height:60px;padding:0;border-radius:50%;background:var(--hero);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--sombra-azul);transform:translateY(-16px);border:4px solid #fff}.fab:disabled{background:#c3cedb;box-shadow:none}.actionbar{position:fixed;bottom:0;left:0;right:0;max-width:560px;margin:0 auto;padding:12px 18px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:#fffffff0;backdrop-filter:blur(14px);border-top:1px solid var(--linea);display:flex;gap:10px;z-index:30}.actionbar button{flex:1}.actionbar button.atras{flex:0 0 54px;padding:0}.progreso-pantalla{text-align:center;padding:40px 10px}.anillo{width:128px;height:128px;margin:0 auto 24px;position:relative}.anillo svg{transform:rotate(-90deg);display:block}.anillo .pista{stroke:var(--linea)}.anillo .avance{stroke:var(--azul);transition:stroke-dashoffset .3s ease}.anillo .pct{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;letter-spacing:-.8px}.progreso-pantalla h2{font-size:20px;font-weight:700;letter-spacing:-.4px;margin:0 0 6px}.progreso-pantalla .etapa{color:var(--azul-fuerte);font-size:14px;font-weight:600;margin:0 0 14px}.ventaja{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;padding:7px 0}.ventaja .caja{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--t-azul);color:var(--azul-fuerte)}.ventaja .caja.rosa{background:var(--t-rosa);color:#d4557a}.ventaja .caja.verde{background:var(--t-verde);color:#17a673}.cifra-plan{font-size:28px;font-weight:700;letter-spacing:-.8px;margin:0 0 12px}.cifra-plan small{font-size:14px;font-weight:600;color:var(--muted);letter-spacing:0}.beneficios{list-style:none;padding:0;margin:0}.beneficios li{display:flex;gap:10px;align-items:flex-start;font-size:14px;padding:5px 0}.beneficios svg{color:var(--ok);flex-shrink:0;margin-top:3px}.center{text-align:center}.muted{color:var(--muted);font-size:13.5px}.stack>*+*{margin-top:10px}.spinner{width:22px;height:22px;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:girar .7s linear infinite;display:inline-block;vertical-align:-5px;margin-right:8px}@keyframes girar{to{transform:rotate(360deg)}}.aparece{animation:aparecer .22s ease both}@keyframes aparecer{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.previa-estado,.spinner,.aparece{animation:none}*{transition:none!important}}