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

.wb-s{background:var(--ink)}
.wb-s--b{background:var(--ink2)}
.sec-h.wb-h{font-size:clamp(32px,min(4.4vw,8vh),70px);max-width:19em}
.wb-lead{margin-top:clamp(12px,1.6vh,20px);font-size:clamp(16px,1.4vw,20px);color:var(--t2)}

.wb-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}
.wb-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)}
.wb-via li{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2vh,18px);text-align:center}
.wb-via li b{display:block;font-size:clamp(18px,1.7vw,24px);letter-spacing:-.03em;line-height:1.15}
.wb-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}
.wb-via li i{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:#fff;color:var(--blue);font-style:normal}
.wb-via.in li i{animation:wbPop .6s var(--ease) backwards;animation-delay:calc(var(--n)*.22s + .2s)}
.wb-via li:last-child i{box-shadow:0 0 0 7px rgba(255,255,255,.28)}
@keyframes wbPop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
.rm .wb-via.in li i{animation:none}

.wb-cg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);margin-top:clamp(24px,4vh,48px)}
.wb-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){.wb-c:hover{border-color:var(--blue2);transform:translateY(-4px)}}
.wb-c__top{display:flex;align-items:center;gap:clamp(16px,1.6vw,22px)}
.wb-c__h{display:flex;flex-direction:column;gap:6px;margin:0}
.wb-c__n{font-size:clamp(38px,min(3.8vw,6vh),60px);font-weight:800;letter-spacing:-.07em;line-height:.9;color:var(--blue3)}
.wb-c__u{font-size:clamp(17px,1.4vw,20px);font-weight:700;letter-spacing:-.025em;color:var(--tx)}
.wb-c__d{margin:0;color:var(--t2);font-size:clamp(14px,min(1.15vw,2vh),16px);line-height:1.5}

.wb-pg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,28px);margin-top:clamp(22px,3.4vh,40px)}
.wb-pj{display:block}
.wb-pj__f{display:block;position:relative;aspect-ratio:16/10;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--s2);box-shadow:0 30px 60px -34px rgba(0,87,250,.5);transition:transform .5s var(--ease),box-shadow .5s}
.wb-pj__f img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (hover:hover){.wb-pj:hover .wb-pj__f{transform:translateY(-4px);box-shadow:0 36px 70px -30px rgba(0,87,250,.75)}}
.wb-pj b{display:block;margin-top:14px;font-size:clamp(16px,1.35vw,19px);letter-spacing:-.03em;line-height:1.15}
.wb-pj__g{display:block;margin-top:4px;font-size:13.5px;font-weight:700;color:var(--blue3)}
.wb-pj__g i{font-style:normal}
.wb-more{margin-top:clamp(20px,3vh,36px)}

.wb-how{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center}
.wb-sl{display:grid;gap:clamp(14px,2vh,20px);margin-top:clamp(20px,3.2vh,36px)}
.wb-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)}
.wb-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}
.wb-sl b{grid-area:t;font-size:clamp(17px,1.5vw,21px);letter-spacing:-.03em;line-height:1.15}
.wb-sl span{grid-area:d;color:var(--t2);font-size:clamp(14px,1.1vw,15.5px);line-height:1.45}
.wb-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}
.wb-chip a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.wb-mock{position:relative;width:min(100%,540px);justify-self:center}
.wb-mock .dev__shot{aspect-ratio:16/10}
.wb-badge{position:absolute;right:-8px;bottom:34px;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)}

#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)}
.wb-plan__cta{margin-top:20px;width:100%}
.inc__n a,.fin .fine a,.wb-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.wb-fin{font-size:clamp(52px,9.8vw,176px)}

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

main>section.ans.wb-ans .wrap{display:flex;flex-direction:column;align-items:stretch;gap:clamp(28px,5vh,56px)}
main>section.ans.wb-ans .wrap::before{display:none}
main>section.ans.wb-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.wb-h{font-size:clamp(34px,min(4.8vw,8.6vh),78px)}
.wb-sl{gap:clamp(14px,2.4vh,24px)}
.wb-sl li{padding:clamp(18px,3vh,32px) clamp(20px,2.2vw,32px)}
.wb-sl em{width:44px;height:44px;font-size:18px}
.wb-sl b{font-size:clamp(19px,1.8vw,26px)}
.wb-sl span{font-size:clamp(14.5px,1.2vw,17px)}
.wb-chip{font-size:14px;padding:8px 15px}
.wb-mock{width:min(100%,600px)}
.wb-pg{margin-top:clamp(28px,5vh,56px)}
.wb-pj b{font-size:clamp(17px,1.5vw,21px);margin-top:18px}
.wb-pj__g{font-size:14.5px;margin-top:6px}
.wb-lead{font-size:clamp(17px,1.5vw,22px)}
.wb-more{margin-top:clamp(28px,5vh,52px)}
.wb-more .btn{padding:18px 32px;font-size:16px}