:root{--err:#FF9A9A}
:root[data-theme="light"]{--err:#B42318}

.ph--sp{min-height:0;padding:clamp(118px,11vw,150px) 0 clamp(48px,6vw,84px)}
.ph--sp .pv{min-height:0}
.ph--sp h1{font-size:clamp(44px,6.4vw,104px)}

.sp-st{width:min(100%,470px);margin-inline:auto;padding:6px 30px;border-radius:28px;border:1px solid var(--line);background:linear-gradient(160deg,var(--s3),var(--s2));box-shadow:0 50px 100px -40px rgb(0 87 250 / .5)}
.sp-st__i{display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;padding:24px 0}
.sp-st__i+.sp-st__i{border-top:1px solid var(--line)}
.sp-st__i b{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-size:20px;font-weight:800;letter-spacing:-.03em}
.sp-st__i strong{display:block;font-weight:800;font-size:clamp(19px,1.7vw,23px);letter-spacing:-.035em;line-height:1.15}
.sp-st__i p{margin-top:6px;color:var(--t2);font-size:15px;line-height:1.45}

.sp-ans .ans__t{max-width:46em;font-size:clamp(18px,1.9vw,25px)}
.sec-h.sp-h{font-size:clamp(32px,4.4vw,70px);max-width:19em}
.sp-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%)}
.sp-hex svg{width:22px;height:22px}

.sp-pols__h{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px clamp(24px,4vw,64px)}
.sp-pols__in{margin:0 0 6px;max-width:25em;color:var(--t2);font-size:clamp(16px,1.4vw,19px);line-height:1.5}
.sp-pol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,28px);margin-top:clamp(20px,3.2vh,36px)}
.sp-pol__c{display:flex;flex-direction:column;padding:clamp(24px,1.8vw,26px);border-radius:24px;border:1px solid var(--line);background:var(--s3);transition:border-color .4s,transform .5s var(--ease)}
@media (hover:hover){.sp-pol__c:hover{border-color:var(--blue2);transform:translateY(-4px)}}
.sp-pol__c h3{margin:clamp(10px,1.8vh,16px) 0 8px;font-size:clamp(18px,1.5vw,21px);letter-spacing:-.035em;line-height:1.15}
.sp-pol__c p{margin:0;font-size:clamp(14px,min(1.1vw,1.9vh),15.5px);line-height:1.5;color:var(--t2)}
.sp-pol__c p b{color:var(--tx);font-weight:700}

.sp-faq .faq2__g{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);margin-top:clamp(20px,3.4vh,40px)}
.sp-faq .faq2__c{padding:clamp(24px,2vw,28px)}
.sp-faq .faq2__c h3{font-size:clamp(16px,1.35vw,19px)}
.sp-faq .faq2__c p{font-size:14.5px;line-height:1.5}

.sp-fg{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.5fr);gap:clamp(28px,5vw,80px);align-items:start}
.sp-fl{position:sticky;top:130px}
.sp-fl__u{margin-top:24px;display:grid;gap:12px}
.sp-fl__u li{position:relative;padding-left:34px;font-weight:700;letter-spacing:-.02em}
.sp-fl__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}
.s-col{min-width:0}
.s-form{padding:clamp(28px,3.2vw,46px);border-radius:30px;border:1px solid var(--line);background:rgb(var(--w) / .035)}
.sp-fl .s-sub{margin:clamp(12px,2vh,20px) 0 0;max-width:24em;color:var(--t2);font-size:clamp(16px,1.4vw,19px);line-height:1.5}
.s-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 28px}
.s-g .full{grid-column:1/-1}
.s-g>div:nth-child(5),.s-g>div:nth-child(6){grid-column:auto}
.s-form label{display:block;margin-bottom:10px;font-size:14px;font-weight:700;color:var(--t2);letter-spacing:-.005em}
.s-form input:not([type=file]):not([type=checkbox]),.s-form select,.s-form textarea{width:100%;font:inherit;font-size:16px;color:var(--tx);padding:17px 18px;border-radius:14px;border:1px solid rgb(var(--w) / .24);background:rgb(var(--bgc) / .55);transition:border-color .25s,background .25s,box-shadow .25s}
.s-form textarea{min-height:130px;resize:vertical}
.s-form ::placeholder{color:var(--muted);opacity:1}
.s-form input:focus,.s-form select:focus,.s-form textarea:focus{outline:none;border-color:var(--blue2);background:rgb(var(--bgc) / .9);box-shadow:0 0 0 3px rgb(0 87 250 / .28)}
.s-arch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:28px}
.suelta{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:14px;align-items:center;padding:22px 22px;text-align:left;border-radius:20px;border:2px dashed rgb(var(--w) / .3);background:rgb(var(--w) / .03);transition:border-color .25s,background .25s}
.suelta--activa{border-color:var(--blue2);background:rgb(0 87 250 / .1)}
@media (hover:hover){.suelta:hover{border-color:var(--blue2);background:rgb(0 87 250 / .1)}}
.suelta input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.suelta__ico{display:block;grid-row:span 2;width:30px;height:30px;color:var(--blue3)}
.suelta .lista-arch{grid-column:1/-1}
.suelta strong{display:block;font-size:16px;font-weight:700;letter-spacing:-.02em}
.suelta strong em{font-style:normal;font-weight:500;color:var(--t2)}
.suelta span{display:block;margin-top:6px;font-size:14px;line-height:1.45;color:var(--t2)}
.lista-arch{position:relative;z-index:2;margin:14px 0 0;text-align:left}
.lista-arch li{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;padding:9px 12px;border-radius:12px;border:1px solid var(--line);background:rgb(var(--w) / .06);font-size:14px}
.lista-arch li b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lista-arch span{flex:none;margin:0;font-size:13px;color:var(--muted)}
.quitar-arch{flex:none;width:28px;height:28px;border-radius:50%;font-size:20px;line-height:1;color:var(--t2)}
@media (hover:hover){.quitar-arch:hover{background:rgb(var(--w) / .12);color:var(--tx)}}
.lista-arch .lista-arch__total{justify-content:flex-start;padding:2px 4px;border:0;background:none;font-size:13px;color:var(--muted)}
.lista-arch .lista-arch__mas{display:block;margin:4px 0 6px;padding:0;border:0;background:none}
.mas-arch{width:100%;padding:10px 14px;border-radius:12px;border:1.5px dashed var(--blue2);background:rgb(0 87 250 / .1);font:inherit;font-size:14.5px;font-weight:700;color:var(--blue3);transition:background .25s}
@media (hover:hover){.mas-arch:hover{background:rgb(0 87 250 / .2)}}
.s-alerta{margin-top:10px;font-size:14px;font-weight:700;color:var(--err);grid-column:1/-1}
.s-hp{position:absolute;left:-5000px;height:0;overflow:hidden}
.s-form .s-ok{display:flex;margin-bottom:28px;font-weight:500;align-items:flex-start;gap:12px;margin-top:28px;font-size:15px;line-height:1.45;color:var(--t2);cursor:pointer}
.s-form .s-ok input{flex:none;width:20px;height:20px;margin-top:2px;accent-color:var(--blue)}
.s-form .btn{width:100%}
.s-arch{gap:28px}

@media (max-width:1100px){.sp-pol{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-faq .faq2__g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.sp-fg{grid-template-columns:1fr}.sp-fl{position:static}}
@media (max-width:700px){.s-g,.s-arch{grid-template-columns:1fr}.s-g>div:nth-child(5),.s-g>div:nth-child(6){grid-column:1/-1}}
@media (max-width:640px){.sp-faq .faq2__g{grid-template-columns:1fr}}
@media (max-width:560px){.s-form{padding:28px}.s-g{gap:22px}.sp-pol{grid-template-columns:1fr}.sp-st{padding:2px 20px}.s-form{border-radius:24px}}
@media (min-width:901px) and (max-height:800px){
  .sp-pol__c{padding:20px 24px}.sp-pol__c .sp-hex{width:36px;height:41px}.sp-pol__c h3{margin:8px 0 4px;font-size:16.5px}.sp-pol__c p{font-size:13px;line-height:1.38}
  .sp-pols__in{font-size:15px}.sp-pol{margin-top:14px}
}

.sp-fw{max-width:860px}
main>section.sp-top{min-height:0!important;display:block;padding:clamp(120px,17vh,160px) 0 clamp(10px,2vh,24px)}
.sp-t{margin:0;font-size:clamp(34px,4.4vw,64px);letter-spacing:-.05em;line-height:1.02}
.sp-in{margin:clamp(14px,2vh,20px) 0 0;color:var(--t2);font-size:clamp(16px,1.3vw,19px);line-height:1.55;max-width:38em}
.sp-reglas{list-style:none;margin:clamp(22px,3vh,32px) 0 0;padding:0;display:grid;gap:12px}
.sp-reglas li{position:relative;padding-left:30px;font-size:clamp(15px,1.15vw,17px);line-height:1.55;color:var(--t2)}
.sp-reglas li::before{content:"";position:absolute;left:3px;top:.45em;width:12px;height:7px;border-left:2px solid var(--blue2);border-bottom:2px solid var(--blue2);transform:rotate(-45deg)}
.sp-reglas b{color:var(--tx);font-weight:700}
.sp-pasos{list-style:none;margin:clamp(26px,4vh,40px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sp-pasos li{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:rgb(var(--w) / .04);font-size:15px;font-weight:700;letter-spacing:-.015em;line-height:1.25}
.sp-pasos b{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;font-size:14px}
main>section.s-formsec{min-height:0!important;display:block;padding:clamp(16px,3vh,32px) 0 clamp(70px,11vh,120px)}
@media (max-width:640px){.sp-pasos{grid-template-columns:1fr}}
main>section.sp-top{padding-bottom:0!important}
main>section.s-formsec{padding-top:clamp(18px,3vh,30px)!important;padding-bottom:clamp(60px,9vh,100px)!important}
