:root{--papel: #fbf8f1;--tinta: #1a1a18;--ambar: #e8940a;--tinta-70: rgba(26, 26, 24, .7);--tinta-50: rgba(26, 26, 24, .5);--tinta-30: rgba(26, 26, 24, .3);--tinta-14: rgba(26, 26, 24, .14);--tinta-07: rgba(26, 26, 24, .07);--ambar-suave: rgba(232, 148, 10, .12);--curva: cubic-bezier(.32, .72, 0, 1);--titulo: "Caveat", ui-rounded, cursive;--texto: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--ancho: 430px;--margen: 20px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--texto);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;color:inherit;margin:0}img{display:block;max-width:100%}.app{width:100%;max-width:var(--ancho);margin:0 auto;padding:0 var(--margen) 18px;min-height:100svh;display:flex;flex-direction:column}.pantalla{flex:1;display:flex;flex-direction:column;animation:entra-pantalla .4s var(--curva) both}.pantalla__cuerpo{flex:1;display:flex;flex-direction:column;animation:entra-pantalla .34s var(--curva) both}.pantalla__pie{padding-top:14px}@keyframes entra-pantalla{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.titular{font-family:var(--titulo);font-weight:700;font-size:33px;line-height:1.06;letter-spacing:.01em;margin:0 0 6px;text-wrap:balance}.contexto{margin:0;color:var(--tinta-70);font-size:14px;line-height:1.5;text-wrap:pretty}.rotulo{font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--tinta-50);margin:0}.subtitulo{font-family:var(--titulo);font-weight:700;font-size:28px;line-height:1.1;margin:0 0 2px}.figura{display:block;flex:none;height:auto;color:var(--tinta)}.entrada{justify-content:space-between;gap:12px}.hero{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:8px 0 4px}.hero__figura{margin:0}.hero__texto .titular{font-size:33px;margin-bottom:8px}.rutas{display:flex;flex-direction:column;gap:10px;margin-top:18px}.ruta{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:center;width:100%;text-align:left;background:transparent;border:1.5px solid var(--tinta-14);border-radius:15px;padding:12px 15px;cursor:pointer;transition:border-color .3s var(--curva),background-color .3s var(--curva),transform .3s var(--curva)}.ruta:hover{border-color:var(--tinta-30)}.ruta:active{transform:scale(.985)}.ruta__figura{display:flex;align-items:center;justify-content:center;width:52px}.ruta__cuerpo{min-width:0}.ruta__titulo{font-family:var(--titulo);font-size:26px;line-height:1.12;display:block}.ruta__detalle{display:block;margin-top:1px;font-size:13px;line-height:1.4;color:var(--tinta-70)}.promesas{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}.promesa{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.45;color:var(--tinta-70)}.promesa__chulo{flex:none;width:15px;height:15px;margin-top:2px;color:var(--ambar)}.avance{display:flex;align-items:center;gap:12px;padding:14px 0 16px}.avance__pista{flex:1;height:3px;border-radius:2px;background:var(--tinta-14);overflow:hidden}.avance__relleno{height:100%;background:var(--tinta);border-radius:2px;transform-origin:left center;transition:transform .5s var(--curva)}.avance__cuenta{font-size:12px;font-weight:600;color:var(--tinta-50);font-variant-numeric:tabular-nums;flex:none}.adelanto{margin:0 0 14px;padding:10px 13px;border-left:3px solid var(--ambar);border-radius:0 10px 10px 0;background:var(--ambar-suave);font-size:13.5px;line-height:1.45;animation:entra-adelanto .5s var(--curva) .1s both}@keyframes entra-adelanto{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.control{flex:1;display:flex;flex-direction:column;justify-content:center;padding:10px 0}.montos{margin-top:4px}.fila{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:11px 0}.fila+.fila{border-top:1.5px solid var(--tinta-07)}.fila__figura{display:flex;align-items:center;justify-content:center;width:42px;padding-top:2px;color:var(--tinta)}.fila__cuerpo{min-width:0}.fila__cima{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.fila__etiqueta{font-size:14.5px;font-weight:600}.fila__valor{font-size:18px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;flex:none}.fila__detalle{margin:0 0 2px;font-size:12px;line-height:1.35;color:var(--tinta-50)}.fila__extremos{display:flex;justify-content:space-between;font-size:11px;color:var(--tinta-30);font-variant-numeric:tabular-nums;margin-top:-2px}.revelar{display:inline-flex;align-items:center;gap:7px;background:transparent;border:none;padding:11px 0 4px;margin:0;color:var(--tinta-70);font-size:13.5px;font-weight:500;cursor:pointer;text-decoration:underline;text-decoration-color:var(--tinta-30);text-underline-offset:3px}.revelar__mas{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;border:1.5px solid var(--tinta-30);font-size:14px;line-height:1;text-decoration:none}.total{margin-top:12px;padding-top:11px;border-top:1.5px solid var(--tinta-14);display:flex;align-items:baseline;justify-content:space-between;gap:12px}.total__etiqueta{font-size:13.5px;color:var(--tinta-70)}.total__valor{font-size:23px;font-weight:700;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.opciones{display:grid;gap:8px;margin-top:4px}.opciones[data-columnas="2"]{grid-template-columns:1fr 1fr}.opciones[data-columnas="2"]>:last-child:nth-child(odd){grid-column:span 2}.opcion{display:block;width:100%;height:100%;text-align:left;background:transparent;border:1.5px solid var(--tinta-14);border-radius:13px;padding:11px 13px;cursor:pointer;transition:border-color .3s var(--curva),background-color .3s var(--curva),transform .3s var(--curva)}.opcion:active{transform:scale(.985)}.opcion[aria-pressed=true]{border-color:var(--tinta);background:var(--tinta-07)}.opcion__etiqueta{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px;line-height:1.25}.opcion__detalle{display:block;margin-top:2px;font-size:12.5px;line-height:1.35;color:var(--tinta-50)}.opcion__marca{width:9px;height:9px;border-radius:50%;flex:none;background:transparent;border:1.5px solid var(--tinta-30);transition:background-color .3s var(--curva),border-color .3s var(--curva)}.opcion[aria-pressed=true] .opcion__marca{background:var(--ambar);border-color:var(--ambar)}.deslizador__control{--avance: 0%;-webkit-appearance:none;appearance:none;display:block;width:100%;height:30px;margin:0;background:transparent;cursor:pointer;touch-action:pan-y}.deslizador__control::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--tinta) 0 var(--avance),var(--tinta-14) var(--avance) 100%)}.deslizador__control::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;margin-top:-10px;border-radius:50%;background:var(--ambar);border:2px solid var(--tinta);transition:transform .2s var(--curva)}.deslizador__control:active::-webkit-slider-thumb{transform:scale(1.12)}.deslizador__control::-moz-range-track{height:4px;border-radius:2px;background:var(--tinta-14)}.deslizador__control::-moz-range-progress{height:4px;border-radius:2px;background:var(--tinta)}.deslizador__control::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--ambar);border:2px solid var(--tinta)}.boton{display:block;width:100%;background:var(--tinta);color:var(--papel);border:none;border-radius:13px;padding:15px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .3s var(--curva),opacity .3s var(--curva)}.boton:active{transform:scale(.985)}.boton:disabled{opacity:.35;cursor:default}.boton--texto{display:block;margin:2px auto 0;background:transparent;color:var(--tinta-50);border:none;padding:9px 14px;font-size:13.5px;font-weight:500;cursor:pointer;width:auto}.montos--condicional{margin-top:14px;padding-top:12px;border-top:1.5px solid var(--tinta-07);animation:entra-condicional .42s var(--curva) both}@keyframes entra-condicional{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}