.asr{position:relative;width:min(100%,440px);padding:70px 26px 30px 56px;border-radius:26px;border:1px solid var(--line);background:linear-gradient(160deg,rgb(var(--w) / .08),rgb(var(--w) / .02));display:flex;flex-direction:column;gap:30px;box-shadow:0 50px 100px -40px rgba(0,87,250,.55)}
.asr__h{position:absolute;left:26px;top:22px;right:26px;display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--line);font-weight:800;font-size:15px;letter-spacing:-.02em;color:var(--blue3)}
.asr__h svg{width:20px;height:20px}
.asr__l{position:absolute;left:34px;top:112px;bottom:48px;width:2px;background:rgb(var(--w) / .14);border-radius:2px;overflow:hidden}
.asr__l i{display:block;width:100%;height:100%;background:linear-gradient(var(--blue2),var(--blue3));transform:scaleY(0);transform-origin:50% 0}
.asr__n{position:relative;opacity:.28;transform:translateX(18px)}
.asr__n::before{content:"";position:absolute;left:-30px;top:8px;width:14px;height:14px;border-radius:50%;background:var(--ink);border:2px solid rgb(var(--w) / .35)}
.asr__n b{display:block;font-size:clamp(24px,2.4vw,34px);letter-spacing:-.05em;line-height:1}
.asr__n span{display:block;margin-top:6px;color:var(--t3);font-size:15px}
.ready .asr__n{animation:asr-n .9s var(--expo) forwards;animation-delay:calc(1.1s + var(--k)*.65s)}
.ready .asr__n::before{animation:asr-d .6s forwards;animation-delay:calc(1.1s + var(--k)*.65s)}
.ready .asr__l i{animation:asr-l 2.1s var(--ease) 1.2s forwards}
@keyframes asr-n{to{opacity:1;transform:none}}
@keyframes asr-d{to{background:var(--blue2);border-color:var(--blue3);box-shadow:0 0 0 6px rgba(61,130,255,.22)}}
@keyframes asr-l{to{transform:scaleY(.86)}}

.as-hex{display:grid;place-items:center;width:46px;height:52px;flex:none;background:var(--blue);color:#fff;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.as-hex svg{width:22px;height:22px}
.sec-h.as-h{font-size:clamp(32px,min(4.1vw,7.2vh),62px);max-width:19em}
.as-lead{margin-top:clamp(14px,2vh,22px);max-width:34em;font-size:clamp(16px,1.5vw,20px);color:var(--t2)}
.as-nota{margin-top:clamp(14px,2.4vh,24px);max-width:46em;font-size:15px;color:var(--muted)}

.as-ans .ans__t{max-width:46em;font-size:clamp(18px,1.9vw,25px)}

.as-su{background:var(--ink)}
.as-suena{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,28px);margin-top:clamp(20px,3.4vh,40px)}
.as-s{position:relative;display:flex;align-items:center;width:100%;min-height:clamp(84px,11vh,112px);text-align:left;padding:18px 18px 18px 62px;border-radius:22px;border:1px solid var(--line);background:rgb(var(--w) / .04);font-weight:700;font-size:clamp(15px,1.25vw,17.5px);line-height:1.3;letter-spacing:-.025em;color:var(--tx);transition:border-color .35s,background-color .35s,transform .45s var(--ease)}
.as-s::before{content:"";position:absolute;left:20px;top:50%;margin-top:-12px;width:24px;height:24px;border-radius:50%;border:2px solid rgb(var(--w) / .32);transition:background-color .3s,border-color .3s}
.as-s::after{content:"";position:absolute;left:20px;top:50%;margin-top:-12px;width:24px;height:24px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'><path d='M7.5 13.5l4 4 7.5-9' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat;opacity:0;transform:scale(.4);transition:opacity .3s,transform .4s var(--ease)}
@media (hover:hover){.as-s:hover{border-color:rgb(var(--w) / .4);transform:translateY(-3px)}}
.as-s[aria-pressed="true"]{border-color:var(--blue2);background:rgb(0 87 250 / .13)}
.as-s[aria-pressed="true"]::before{background:var(--blue);border-color:var(--blue)}
.as-s[aria-pressed="true"]::after{opacity:1;transform:none}
.as-s:focus-visible,.as-form :is(input,select,textarea):focus-visible{outline:2px solid var(--blue2);outline-offset:2px}
.as-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:clamp(22px,3.4vh,38px)}
#as-cuenta{font-weight:700;color:var(--blue3)}

.as-niv{background:var(--ink2)}
.as-cg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);margin-top:clamp(20px,3vh,34px)}
.as-c{display:flex;flex-direction:column;padding:clamp(24px,2vw,28px);border-radius:26px;border:1px solid var(--line);background:var(--s3);transition:border-color .4s,transform .5s var(--ease)}
@media (hover:hover){.as-c:hover{border-color:var(--blue2);transform:translateY(-4px)}}
.as-c__top{display:flex;align-items:center;gap:14px}
.as-c .as-hex{width:42px;height:48px}
.as-c__a{margin:0;font-size:17px;font-weight:800;letter-spacing:-.02em;color:var(--t2)}
.as-c__t{margin-left:auto;padding:5px 13px;border-radius:99px;background:var(--blue);color:#fff;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.as-c__h{display:flex;flex-direction:column;gap:4px;margin:clamp(10px,1.8vh,18px) 0 8px}
.as-c__n{font-size:clamp(32px,min(3.2vw,5.2vh),48px);font-weight:800;letter-spacing:-.07em;line-height:.95;color:var(--blue3)}
.as-c__u{font-size:clamp(16px,1.35vw,19px);font-weight:700;letter-spacing:-.025em;color:var(--tx)}
.as-c__d{margin:0;color:var(--t2);font-size:clamp(14px,min(1.05vw,1.8vh),15.5px);line-height:1.45}
.as-c--f{border-color:rgb(0 87 250 / .5);background:linear-gradient(150deg,rgb(0 87 250 / .14),var(--s3) 62%)}

.as-how{--tx:#fff;--t2:#F0F5FF;--t3:#fff;--muted:#DCE6FF;--w:255 255 255;--line:rgba(255,255,255,.22);position:relative;overflow:clip;background:linear-gradient(135deg,var(--blue),#0A3FD8);color:#fff}
.as-how .sec-h em{color:#E6EEFF}
.as-how .ac,.as-how .grad{background:none!important;-webkit-text-fill-color:currentColor;animation:none;color:#E6EEFF}
.as-how__g{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3.4vw,56px);margin-top:clamp(32px,6.5vh,70px)}
.as-how__g::before{content:"";position:absolute;left:16.6%;right:16.6%;top:38px;border-top:2px dashed rgba(255,255,255,.4)}
.as-how__g li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}
.as-how__g i{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:#fff;color:var(--blue);font-style:normal}
.as-how__g li:last-child i{box-shadow:0 0 0 7px rgba(255,255,255,.28)}
.as-how__p{margin:22px 0 12px;padding:5px 13px;border-radius:99px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.1);font-size:13px;font-weight:700;color:#fff}
.as-how__g h3{font-size:clamp(23px,2.4vw,34px);letter-spacing:-.04em;line-height:1.1;color:#fff}
.as-how__g p:not(.as-how__p){margin:10px 0 0;max-width:19em;color:#F0F5FF;font-size:clamp(16px,1.35vw,19px);line-height:1.5}

.as-how__n{margin:clamp(28px,5vh,56px) auto 0;width:fit-content;max-width:100%;padding:12px 24px;border-radius:99px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.1);font-weight:700;font-size:15.5px;text-align:center;color:#fff}
.as-how__g i svg{width:32px;height:32px}

.as-res{background:var(--ink)}
.as-res__g{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,6vw,96px);align-items:start}
.as-res__l{position:sticky;top:110px}
.as-res__u{margin-top:28px;display:grid;gap:12px}
.as-res__u li{position:relative;padding-left:34px;font-weight:700;letter-spacing:-.02em}
.as-res__u li::before{content:"";position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:50%;background:var(--blue2) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M5.5 10.5l3 3 6-7' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat}
.as-form{scroll-margin-top:110px;padding:clamp(24px,2.2vw,30px) clamp(24px,2.6vw,36px);border-radius:28px;border:1px solid var(--line);background:linear-gradient(160deg,var(--s3),var(--s2));box-shadow:0 50px 100px -50px rgba(0,87,250,.55)}
.as-form h3{font-size:clamp(22px,2.2vw,30px);letter-spacing:-.045em;margin-bottom:22px}
.as-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.as-g .full{grid-column:1/-1}
.as-form label{display:block;margin-bottom:7px;font-size:14px;font-weight:700;color:var(--t2)}
.as-form :is(input:not([type=checkbox]),select,textarea){display:block;width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:rgb(var(--w) / .05);color:var(--tx);font:inherit;font-size:16px;line-height:1.4;transition:border-color .3s,background-color .3s}
@media (hover:hover){.as-form :is(input,select,textarea):hover{border-color:rgb(var(--w) / .4)}}
.as-form :is(input,select,textarea):focus{border-color:var(--blue2);background:rgb(0 87 250 / .08)}
.as-form select{appearance:none;-webkit-appearance:none;padding-right:44px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M5 8l5 5 5-5' fill='none' stroke='%238DB4FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 14px center;background-size:20px}
.as-form option{background:var(--ink2);color:var(--tx)}
.as-form textarea{min-height:84px;resize:vertical}
.as-form ::placeholder{color:var(--muted);opacity:1}
.as-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.as-ok{display:flex!important;gap:12px;align-items:flex-start;margin:22px 0 22px!important;font-weight:500!important;font-size:14.5px!important;line-height:1.45}
.as-ok input{flex:none;width:20px;height:20px;margin-top:1px;accent-color:var(--blue)}
.as-ok a,.as-alt a{text-decoration:underline;text-underline-offset:3px;color:var(--blue3)}
.as-form .btn{width:100%;justify-content:center}
.as-alt{margin-top:18px;text-align:center;font-size:15px;color:var(--t2)}

.as-faq{background:var(--ink2)}
.as-faq .faq2__g{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);margin-top:clamp(20px,3.4vh,40px)}
.as-faq .faq2__c{padding:clamp(24px,2vw,28px)}
.as-faq .faq2__c h3{font-size:clamp(16px,1.35vw,19px)}
.as-faq .faq2__c p{font-size:clamp(13.5px,min(1.05vw,1.9vh),15px);line-height:1.5}
.as-faq .faq2__c a{color:var(--blue3);font-weight:700;text-decoration:underline;text-underline-offset:3px}

@media (max-width:1100px){.as-suena{grid-template-columns:repeat(2,minmax(0,1fr))}.as-cg{grid-template-columns:repeat(2,minmax(0,1fr))}.as-faq .faq2__g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.as-res__g{grid-template-columns:1fr}.as-res__l{position:static}
  .as-how__g{grid-template-columns:1fr;gap:26px}
  .as-how__g::before{display:none}
  .as-how__g li:not(:last-child)::after{content:"";position:absolute;left:37px;top:84px;bottom:-22px;border-left:2px dashed rgba(255,255,255,.4)}
  .as-how__g li{display:grid;grid-template-columns:76px 1fr;column-gap:18px;text-align:left;align-items:start}
  .as-how__g i{grid-row:span 3}.as-how__p{justify-self:start;margin:0 0 8px}.as-how__g h3{margin:0}
  .as-how__g p:not(.as-how__p){max-width:none;margin-top:6px}}
@media (max-width:640px){
  .as-suena,.as-cg,.as-g,.as-faq .faq2__g{grid-template-columns:1fr}
  .as-s{min-height:0}
  .asr{padding-left:50px}
}

@media (min-width:901px) and (max-height:800px){
  .as-c{padding:24px}.as-c__h{margin:6px 0 4px}.as-c__n{font-size:30px}.as-c .as-hex{width:38px;height:43px}.as-c__d{font-size:13.5px;line-height:1.4}
  .as-nota{margin-top:12px;font-size:14px}
  .as-s{min-height:72px}
}
@media (prefers-reduced-motion:reduce){.asr__n{opacity:1;transform:none;animation:none!important}.asr__l i{transform:scaleY(.86);animation:none!important}.asr__n::before{animation:none!important;background:var(--blue2);border-color:var(--blue3)}}

.as-form{padding:clamp(28px,3.2vw,46px)}
.as-form h3{margin-bottom:clamp(22px,2.4vw,30px)}
.as-g{gap:26px 28px}
.as-form label{margin-bottom:10px}
.as-form :is(input:not([type=checkbox]),select,textarea){padding:17px 18px}
.as-form select{padding-right:48px}
.as-form textarea{min-height:130px}
.as-ok{margin:28px 0!important}
.as-alt{margin-top:24px}
@media (max-width:640px){.as-form{padding:28px}.as-g{gap:22px}}