.tn-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%)}
.tn-hex svg{width:22px;height:22px}

.tn-s{background:var(--ink)}
.tn-s--b{background:var(--ink2)}
.sec-h.tn-h{font-size:clamp(32px,min(4.4vw,8vh),70px);max-width:19em}

.tn-via{position:relative;display:grid;grid-template-columns:repeat(var(--c,3),minmax(0,1fr));gap:clamp(12px,2vw,28px);padding:clamp(28px,5vh,52px) clamp(16px,2vw,32px);border-radius:30px;background:linear-gradient(135deg,var(--blue),#0A3FD8);color:#fff;box-shadow:0 36px 80px -36px rgba(0,87,250,.8);overflow:hidden}
.tn-via::before{content:"";position:absolute;left:calc(50% / var(--c,3));right:calc(50% / var(--c,3));top:calc(clamp(28px,5vh,52px) + 38px);border-top:2px dashed rgba(255,255,255,.4)}
.tn-via li{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2vh,18px);text-align:center}
.tn-via li b{display:block;font-size:clamp(18px,1.7vw,24px);letter-spacing:-.03em;line-height:1.15}
.tn-via li span{display:block;margin:6px auto 0;max-width:15em;font-size:clamp(13px,1.1vw,16px);font-weight:500;line-height:1.4;opacity:.92}
.tn-via li i{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:#fff;color:var(--blue);font-style:normal}
.tn-via.in li i{animation:tnPop .6s var(--ease) backwards;animation-delay:calc(var(--n)*.22s + .2s)}
.tn-via li:last-child i{box-shadow:0 0 0 7px rgba(255,255,255,.28)}
@keyframes tnPop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
.rm .tn-via.in li i{animation:none}

.tn-cg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);margin-top:clamp(24px,4vh,48px)}
.tn-c{display:flex;flex-direction:column;justify-content:center;gap:clamp(14px,2vh,20px);padding:clamp(24px,2.2vw,32px);border-radius:26px;border:1px solid var(--line);background:var(--s3);transition:border-color .4s,transform .5s var(--ease)}
@media (hover:hover){.tn-c:hover{border-color:var(--blue2);transform:translateY(-4px)}}
.tn-c__top{display:flex;align-items:center;gap:clamp(16px,1.6vw,22px)}
.tn-c__h{display:flex;flex-direction:column;gap:6px;margin:0}
.tn-c__n{font-size:clamp(38px,min(3.8vw,6vh),60px);font-weight:800;letter-spacing:-.07em;line-height:.9;color:var(--blue3)}
.tn-c__u{font-size:clamp(17px,1.4vw,20px);font-weight:700;letter-spacing:-.025em;color:var(--tx)}
.tn-c__d{margin:0;color:var(--t2);font-size:clamp(14px,min(1.15vw,2vh),16px);line-height:1.5}

.tn-how{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center}
.tn-sl{display:grid;gap:clamp(14px,2vh,20px);margin-top:clamp(20px,3.2vh,36px)}
.tn-sl li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"n t c" "n d c";gap:2px 16px;align-items:center;padding:clamp(16px,2.2vh,22px) clamp(20px,2vw,28px);border-radius:20px;border:1px solid var(--line);background:rgb(var(--w) / .04)}
.tn-sl em{grid-area:n;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--blue);color:#fff;font-style:normal;font-weight:800;font-size:16px}
.tn-sl b{grid-area:t;font-size:clamp(17px,1.5vw,21px);letter-spacing:-.03em;line-height:1.15}
.tn-sl span{grid-area:d;color:var(--t2);font-size:clamp(14px,1.1vw,15.5px);line-height:1.45}
.tn-chip{grid-area:c;align-self:center;padding:6px 13px;border-radius:99px;border:1px solid var(--line);background:rgb(var(--w) / .06);font-size:13px;font-weight:700;color:var(--blue3);white-space:nowrap}
.tn-chip a{color:inherit;text-decoration:underline;text-underline-offset:3px}

#plan h2{font-size:clamp(32px,min(4vw,7.4vh),64px);letter-spacing:-.055em;line-height:.98}
#plan h2 em{font-size:1.06em}
#plan .inc__card{margin-top:clamp(18px,3vh,30px);padding:clamp(18px,2.6vh,26px) 28px}
#plan .inc__card b{font-size:clamp(36px,min(4.2vw,7vh),60px)}
#plan .irow{padding:clamp(11px,1.9vh,22px) 6px}
#plan .irow b{font-size:clamp(17px,min(1.7vw,3vh),26px)}
#plan .inc__n{margin-top:clamp(12px,2vh,20px);font-size:15px;color:var(--t2)}
#plan .inc__n b{color:var(--tx)}
.tn-plan__cta{margin-top:20px;width:100%}
.inc__n a,.fin .fine a,.tn-sl a{color:inherit}

#preguntas .faq2__g{grid-template-columns:repeat(3,minmax(0,1fr))}
#preguntas .faq2__g{gap:clamp(16px,2vw,28px)}
#preguntas .faq2__c{padding:clamp(24px,2vw,28px)}
#preguntas .faq2__c h3{font-size:clamp(16px,1.35vw,19px)}
#preguntas .faq2__c p{font-size:14.5px;line-height:1.5}

.fin h2.tn-fin{font-size:clamp(52px,9.8vw,176px)}

@media (max-width:1100px){
  .tn-cg{grid-template-columns:repeat(2,minmax(0,1fr))}
  #preguntas .faq2__g{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .tn-ans .wrap,.tn-how{grid-template-columns:1fr}
}
@media (max-width:700px){
  .tn-cg{grid-template-columns:1fr}
  .tn-sl li{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"n t" "n d" "c c"}
  .tn-chip{justify-self:start;margin-top:8px}
}
@media (max-width:640px){
  #preguntas .faq2__g{grid-template-columns:1fr}
  .tn-via{grid-template-columns:1fr;gap:20px}
  .tn-via::before{display:none}
  .tn-via li{flex-direction:row;text-align:left;gap:16px}
  .tn-via li i{width:60px;height:60px;flex:none}
  .tn-via li span{margin-left:0;max-width:none}
}

.tn-dem h2{font-size:clamp(30px,min(3.8vw,7vh),60px);margin-top:0}
.tn-dem p{margin-top:clamp(14px,2.2vh,22px);max-width:30em}
.tn-dem .btn{margin-top:clamp(18px,3vh,30px)}
.tn-dem .stripe{max-width:400px;justify-self:center;width:100%;padding:clamp(18px,2.6vh,26px)}
.tn-dem .stripe b{font-size:clamp(26px,4vh,34px);margin:6px 0 clamp(10px,2vh,18px)}
.tn-dem .stripe div{height:clamp(36px,5vh,42px)}

.tn-mock{position:relative;width:min(100%,420px);justify-self:center}
.tn-brief{padding:clamp(20px,2.4vw,30px);border-radius:26px;border:1px solid var(--line);background:linear-gradient(160deg,var(--s3),var(--s2));box-shadow:0 40px 90px -36px rgba(0,87,250,.5)}
.tn-brief h3{font-size:clamp(17px,1.5vw,21px);letter-spacing:-.03em;line-height:1.15}
.tn-brief ul{display:grid;gap:clamp(8px,1.4vh,14px);margin-top:clamp(14px,2.4vh,22px)}
.tn-brief li{display:flex;align-items:center;gap:12px;padding:clamp(10px,1.6vh,14px) 16px;border-radius:14px;background:rgb(var(--w) / .06);font-size:clamp(15px,1.2vw,17px);font-weight:700;letter-spacing:-.02em}
.tn-brief li i{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:var(--blue);color:#fff}
.tn-badge{display:flex;width:fit-content;margin:clamp(14px,2vh,20px) auto 0;padding:9px 16px;border-radius:99px;background:var(--blue);color:#fff;font-size:14px;font-weight:800;box-shadow:0 18px 36px -14px rgba(0,87,250,.8)}

main>section.ans.tn-ans .wrap{display:flex;flex-direction:column;align-items:stretch;gap:clamp(28px,5vh,56px)}
main>section.ans.tn-ans .wrap::before{display:none}
main>section.ans.tn-ans .ans__t{max-width:28em;margin:0 auto;text-align:center}

#plan h2{font-size:clamp(34px,min(4.6vw,8vh),72px)}
#plan .inc__card{padding:clamp(22px,3.4vh,34px) 32px}
#plan .inc__card b{font-size:clamp(40px,min(4.8vw,8vh),68px)}
#plan .inc__card p{font-size:15px}
#plan .irow{padding:clamp(12px,2.7vh,30px) 6px}
#plan .irow b{font-size:clamp(18px,min(2vw,3.6vh),30px)}
#plan .inc__n{font-size:clamp(15px,1.2vw,17px)}
#preguntas .faq2__c h3{font-size:clamp(17px,1.5vw,21px)}
#preguntas .faq2__c p{font-size:clamp(14.5px,1.15vw,16px)}
.sec-h.tn-h{font-size:clamp(34px,min(4.8vw,8.6vh),78px)}
.tn-sl{gap:clamp(14px,2.4vh,24px)}
.tn-sl li{padding:clamp(18px,3vh,32px) clamp(20px,2.2vw,32px)}
.tn-sl em{width:44px;height:44px;font-size:18px}
.tn-sl b{font-size:clamp(19px,1.8vw,26px)}
.tn-sl span{font-size:clamp(14.5px,1.2vw,17px)}
.tn-chip{font-size:14px;padding:8px 15px}
.tn-mock{width:min(100%,480px)}
.tn-brief{padding:clamp(26px,3vw,40px)}
.tn-brief h3{font-size:clamp(19px,1.8vw,26px)}
.tn-brief li{padding:clamp(14px,2.2vh,20px) 20px;font-size:clamp(16px,1.35vw,19px)}
.tn-brief li i{width:28px;height:28px}
.tn-dem h2{font-size:clamp(36px,min(4.8vw,9vh),76px);line-height:.98}
.tn-dem p{font-size:clamp(17px,1.5vw,21px);max-width:27em;margin-top:clamp(18px,3vh,30px)}
.tn-dem__c{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(18px,3vh,30px)}
.tn-dem__c li{padding:9px 18px;border-radius:99px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.1);font-size:15px;font-weight:700;color:#fff}
.tn-dem .btn{margin-top:clamp(22px,3.6vh,38px)}
.tn-dem .stripe{max-width:480px;padding:clamp(24px,4vh,36px)}
.tn-dem .stripe h6{font-size:15px}
.tn-dem .stripe b{font-size:clamp(30px,5vh,42px)}
.tn-dem .stripe div{height:clamp(40px,6vh,50px);font-size:15px}
#como-funciona .sec-h.tn-h{font-size:clamp(32px,min(4vw,7.4vh),64px)}
.tn-sl li{padding:clamp(14px,2.3vh,26px) clamp(20px,2.2vw,32px)}
.tn-sl{gap:clamp(12px,2vh,20px)}
.tn-brief li{padding:clamp(11px,1.8vh,18px) 20px}
#preguntas .faq2__c{padding:clamp(22px,min(2vw,3vh),28px)}
#preguntas .faq2__c h3{font-size:clamp(16px,min(1.4vw,2.5vh),20px)}
#preguntas .faq2__c p{font-size:clamp(14px,min(1.1vw,2vh),16px)}
.tn-dem .stripe b{line-height:1.08}
@media (max-width:480px){.tn-dem .stripe b{font-size:clamp(22px,7vw,28px)}}