:root{--ciruela: #4a1d3f;--ciruela-2: #6b2c5c;--rosa: #e8a0bf;--rosa-suave: #f7e3ec;--crema: #fbf6f8;--tinta: #2a1625;--gris: #6f6170;--linea: #e9dde4;--verde: #2f7d5b;--rojo: #b3261e;--radio: 14px;--sombra: 0 6px 24px rgba(74, 29, 63, .12);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--crema);color:var(--tinta);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.pagina{max-width:440px;min-height:100dvh;margin:0 auto;padding:calc(env(safe-area-inset-top) + 16px) 16px calc(env(safe-area-inset-bottom) + 88px);display:flex;flex-direction:column;gap:16px}.pagina.sin-barra{padding-bottom:calc(env(safe-area-inset-bottom) + 24px)}.marca{font-family:Georgia,Times New Roman,serif;font-weight:700;letter-spacing:.02em;color:var(--ciruela)}.marca .punto{color:var(--rosa)}h1{font-family:Georgia,Times New Roman,serif;font-size:28px;line-height:1.15;margin:4px 0 0;color:var(--ciruela)}h2{font-size:18px;margin:0;color:var(--ciruela)}p{margin:0}.suave{color:var(--gris);font-size:14px}.chico{font-size:13px}.encabezado{display:flex;align-items:center;gap:12px;min-height:44px}.encabezado .marca{font-size:22px}.atras{border:0;background:transparent;color:var(--ciruela);font-size:15px;font-weight:600;padding:10px 4px;cursor:pointer}.pasos{display:flex;gap:6px}.pasos span{flex:1;height:4px;border-radius:4px;background:var(--linea)}.pasos span.hecho{background:var(--ciruela-2)}.campo{display:flex;flex-direction:column;gap:6px}.campo label{font-size:14px;font-weight:600}.campo .ayuda{font-size:13px;color:var(--gris)}.fila{display:flex;gap:10px}.fila>*{flex:1;min-width:0}input,select{width:100%;font:inherit;font-size:17px;padding:13px 14px;border-radius:12px;border:1.5px solid var(--linea);background:#fff;color:var(--tinta)}input:focus,select:focus{outline:none;border-color:var(--ciruela-2);box-shadow:0 0 0 3px var(--rosa-suave)}input[aria-invalid=true]{border-color:var(--rojo)}.codigo-input{text-align:center;font-size:30px;letter-spacing:.4em;font-variant-numeric:tabular-nums;padding:14px 8px;font-weight:700}.check{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:12px;background:#fff;border:1.5px solid var(--linea);cursor:pointer}.check input{width:22px;height:22px;margin:2px 0 0;flex:none;accent-color:var(--ciruela)}.check.obligatorio{border-color:var(--rosa)}.boton{display:block;width:100%;border:0;border-radius:14px;padding:15px 18px;font:inherit;font-size:17px;font-weight:700;cursor:pointer;background:var(--ciruela);color:#fff;text-align:center;text-decoration:none}.boton:disabled{opacity:.45;cursor:default}.boton.secundario{background:#fff;color:var(--ciruela);border:1.5px solid var(--ciruela)}.boton.texto{background:transparent;color:var(--ciruela);padding:12px;font-weight:600}.boton.peligro{background:var(--rojo)}.aviso-error{background:#fdeceb;color:var(--rojo);border-radius:12px;padding:12px 14px;font-size:15px}.aviso-ok{background:#e7f4ee;color:var(--verde);border-radius:12px;padding:12px 14px;font-size:15px}.aviso-info{background:var(--rosa-suave);color:var(--ciruela);border-radius:12px;padding:12px 14px;font-size:14px}.tarjeta-papel{background:#fff;border-radius:var(--radio);padding:18px;box-shadow:var(--sombra)}.portada{background:linear-gradient(160deg,var(--ciruela) 0%,var(--ciruela-2) 100%);color:#fff;border-radius:22px;padding:28px 22px;box-shadow:var(--sombra)}.portada h1{color:#fff;font-size:32px}.portada .marca{color:#fff;font-size:20px}.beneficios{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}.beneficios li{display:flex;gap:10px;align-items:baseline}.beneficios b{color:var(--rosa);font-size:18px;min-width:64px}.tarjeta{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--ciruela) 0%,#5d2450 55%,var(--ciruela-2) 100%);color:#fff;border-radius:20px;padding:20px;box-shadow:var(--sombra)}.tarjeta:after{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;background:#e8a0bf2e}.tarjeta .arriba{display:flex;justify-content:space-between;align-items:center}.tarjeta .marca{color:#fff;font-size:20px}.tarjeta .saldo{margin-top:18px}.tarjeta .saldo b{font-size:40px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.tarjeta .saldo span{display:block;font-size:14px;opacity:.85;margin-top:4px}.tarjeta .nombre{margin-top:14px;font-size:15px;opacity:.9}.codigo-panel{background:#fff;border-radius:16px;padding:16px 12px 12px;text-align:center;box-shadow:var(--sombra)}.codigo-panel svg,.codigo-panel canvas,.codigo-panel img{max-width:100%;height:auto;display:block;margin:0 auto}.codigo-panel .numero{font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:20px;letter-spacing:.08em;margin-top:6px;color:var(--tinta)}.selector{display:flex;background:var(--rosa-suave);border-radius:12px;padding:4px;gap:4px}.selector button{flex:1;border:0;border-radius:9px;padding:10px;font:inherit;font-weight:600;color:var(--ciruela);background:transparent;cursor:pointer}.selector button[aria-pressed=true]{background:#fff;box-shadow:0 1px 4px #00000014}.lista{list-style:none;margin:0;padding:0;background:#fff;border-radius:var(--radio);box-shadow:var(--sombra)}.lista li{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--linea)}.lista li:last-child{border-bottom:0}.lista .que{font-weight:600}.lista .cuanto{font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.lista .cuanto.mas{color:var(--verde)}.lista .cuanto.menos{color:var(--rojo)}.metricas{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metrica{background:#fff;border-radius:var(--radio);padding:14px;box-shadow:var(--sombra)}.metrica b{display:block;font-size:22px;color:var(--ciruela);font-variant-numeric:tabular-nums}.metrica span{font-size:13px;color:var(--gris)}.barra{height:8px;border-radius:8px;background:var(--rosa-suave);overflow:hidden;margin-top:8px}.barra i{display:block;height:100%;background:var(--ciruela-2);border-radius:8px}.navegacion{position:fixed;left:0;right:0;bottom:0;z-index:10;background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--linea);padding:6px 8px calc(env(safe-area-inset-bottom) + 6px);display:flex;justify-content:center}.navegacion div{display:flex;width:100%;max-width:440px}.navegacion a{flex:1;text-align:center;text-decoration:none;color:var(--gris);font-size:12px;font-weight:600;padding:6px 0;display:flex;flex-direction:column;align-items:center;gap:2px}.navegacion a svg{width:24px;height:24px}.navegacion a[aria-current=page]{color:var(--ciruela)}.cinta-simulado{background:#fff4d6;color:#7a5300;font-size:12px;text-align:center;padding:6px}.sin-red{background:var(--rosa-suave);color:var(--ciruela);font-size:13px;text-align:center;padding:6px;border-radius:10px}.aviso-texto h2{font-size:16px;margin-top:14px}.aviso-texto p{font-size:15px;color:var(--tinta);margin-top:4px}.enlace{color:var(--ciruela);font-weight:600}.centro{text-align:center}.columna{display:flex;flex-direction:column;gap:16px;width:100%}