/* Asesor de fidelización */
[hidden]{display:none!important}
.as-hero{padding-bottom:20px}
.as-caja{max-width:1180px;margin:0 auto;background:var(--bg2);border:1px solid var(--line);border-radius:30px;padding:clamp(22px,4vw,44px);position:relative}
.as-prog{height:6px;border-radius:9px;background:var(--bg3);overflow:hidden}
.as-prog i{display:block;height:100%;width:0;border-radius:9px;background:linear-gradient(90deg,var(--lima),var(--cielo));transition:width .4s ease}
.as-paso{color:var(--muted);font-size:14px;margin:12px 0 18px;min-height:20px}
.as-q{display:none;animation:asEntra .35s ease}
.as-q.on{display:block}
@keyframes asEntra{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.as-q h2{font-size:clamp(22px,2.8vw,32px);letter-spacing:-.025em;line-height:1.15}
.as-ayuda{color:var(--muted);font-size:15px;margin-top:8px}
.as-ops{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin-top:22px}
.as-ops button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:16px 18px;border-radius:16px;border:1px solid var(--line2);background:var(--bg3);color:var(--text);font:inherit;font-size:16px;font-weight:600;cursor:pointer;transition:border .2s,background .2s,transform .2s}
.as-ops button:hover{border-color:color-mix(in srgb,var(--lima) 60%,transparent);transform:translateY(-2px)}
.as-ops button.on{border-color:var(--lima);background:color-mix(in srgb,var(--lima) 12%,var(--bg3))}
.as-ops button small{font-weight:400;font-size:13.5px;color:var(--muted)}
.as-sect{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:0}
@media(max-width:1100px){.as-sect{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:860px){.as-sect{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.as-sect{grid-template-columns:repeat(2,minmax(0,1fr))}}
.as-sect button{flex-direction:row;align-items:center;gap:10px;font-size:15px;padding:12px 14px}
.as-sect button span{font-size:22px}
.as-ticket{display:flex;align-items:center;gap:22px;margin:34px 0 26px}
.as-ticket input{flex:1;accent-color:var(--lima);height:6px}
.as-ticket b{font-size:34px;letter-spacing:-.04em;min-width:120px;text-align:right}
.as-nav{margin-top:22px;min-height:20px}
.as-atras{background:none;border:0;color:var(--muted);font:inherit;font-size:15px;cursor:pointer;padding:0}
.as-atras:hover{color:var(--text)}
.as-carga{text-align:center;padding:40px 0}
.as-carga i{display:block;width:48px;height:48px;margin:0 auto 20px;border-radius:50%;border:4px solid var(--bg3);border-top-color:var(--lima);animation:asGira .8s linear infinite}
@keyframes asGira{to{transform:rotate(360deg)}}

/* Resultado */
.as-res{max-width:1080px;margin:0 auto;animation:asEntra .5s ease}
.as-top{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center;padding:clamp(24px,4vw,50px);border-radius:32px;border:1px solid color-mix(in srgb,var(--lima) 30%,transparent);background:radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--cielo) 14%,transparent),transparent 55%),var(--bg2)}
.as-top h2{font-size:clamp(26px,3.4vw,42px);letter-spacing:-.03em;line-height:1.1;margin-bottom:14px}
.as-top .kicker{margin-bottom:10px}
.as-tarj{display:grid;place-items:center}
.as-tarj .pass{width:min(340px,100%)}
.as-aviso{margin-top:16px;padding:14px 16px;border-radius:14px;background:color-mix(in srgb,var(--ambar) 12%,transparent);border:1px solid color-mix(in srgb,var(--ambar) 40%,transparent);color:var(--ambar);font-size:15px}
.as-escs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.as-esc{padding:18px;border-radius:18px;background:var(--bg3);border:1px solid var(--line)}
.as-esc.fuerte{border-color:color-mix(in srgb,var(--lima) 40%,transparent)}
.as-esc span{color:var(--muted);font-size:14px}
.as-esc b{display:block;font-size:clamp(28px,3.2vw,38px);letter-spacing:-.04em;line-height:1.1;margin-top:4px;color:var(--lima)}
.as-esc b.neg{color:var(--coral)}
.as-esc small{color:var(--muted);font-size:13px}
.as-esc p{font-size:13.5px;color:var(--muted);margin-top:10px}
.as-bloque{margin-top:18px;padding:clamp(22px,3vw,34px);border-radius:26px;background:var(--bg2);border:1px solid var(--line)}
.as-bloque h3{font-size:22px;letter-spacing:-.02em;margin-bottom:12px}
.as-bloque p{color:#d6d6d0;font-size:16.5px;line-height:1.6;margin-bottom:12px;max-width:760px}
.as-nota{color:var(--muted);font-size:13px}
.as-cuentas summary{cursor:pointer;font-size:20px;font-weight:700;letter-spacing:-.02em}
.as-cuentas table{width:100%;border-collapse:collapse;margin-top:18px;font-size:15px}
.as-cuentas th{color:var(--muted);font-weight:500;text-align:right;padding:8px 10px;font-size:13.5px}
.as-cuentas td{padding:10px;border-top:1px solid var(--line);text-align:right;white-space:nowrap}
.as-cuentas td:first-child{text-align:left;white-space:normal;color:#d6d6d0}
.as-cuentas tr.tot td{font-weight:800;font-size:17px;color:var(--lima);border-top:1px solid var(--line2)}
.as-sup{margin:18px 0 0 18px;color:var(--muted);font-size:14px;display:flex;flex-direction:column;gap:6px}
.as-alt{display:flex;justify-content:space-between;align-items:center;gap:20px}
.as-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px}
@media(max-width:860px){.as-top{grid-template-columns:1fr;gap:30px}.as-tarj{order:-1}}
@media(max-width:520px){.as-escs{grid-template-columns:1fr}.as-ticket{flex-direction:column;align-items:stretch;gap:10px}.as-ticket b{text-align:center}.as-cuentas table{font-size:13.5px}.as-cuentas td{padding:8px 4px}}
