.hero.sub{min-height:auto;padding:150px 0 100px}:root{--bg:#0d1016;--bg-2:#131821;--surface:#1a212d;--line:#2a3445;--line-2:#4a5873;--text:#f3f5f8;--muted:#b4bdcc;--dim:#8e99ad;--sage:#ff8a1f;--sage-2:#ffc17a;--sage-3:#d96a00;--ink:#1b1006;--paper:#f3efe6}.glow{background:radial-gradient(closest-side,#ff8a1f26,#ff8a1f0a 55%,#0000 72%)}.grid-bg{background-image:none}.cta-art{width:210px;height:210px;color:var(--ink);opacity:.14;pointer-events:none;z-index:-1;position:absolute}.cta-art.a{bottom:-44px;left:-30px;transform:rotate(-12deg)}.cta-art.b{top:-30px;right:-24px;transform:rotate(14deg)}@media (width<=760px){.cta-art{width:140px;height:140px}}.hero-r{gap:22px;display:grid}.docv{width:min(440px,100%);min-height:520px;margin:0 auto;position:relative}.paper{background:var(--paper);width:min(330px,82%);color:var(--ink);border-radius:4px;padding:20px 20px 24px;position:relative;overflow:hidden;rotate:-2.5deg;box-shadow:0 22px 40px #00000080}.ph{border-bottom:2px solid var(--ink);align-items:center;gap:10px;margin-bottom:12px;padding-bottom:12px;display:flex}.ph b{font:800 1.15rem/1 var(--f-display);letter-spacing:.14em}.ph span{font:600 .72rem/1 var(--f-mono);letter-spacing:.1em}.ph .bc{background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 4px,var(--ink) 4px 5px,transparent 5px 8px,var(--ink) 8px 11px,transparent 11px 13px);width:70px;height:22px;margin-left:auto}.fld{border-radius:5px;outline:2px solid #0000;gap:3px;padding:5px 9px;transition:background .3s,outline-color .3s;display:grid}.fld span{font:600 .6rem/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:#1b100699}.fld b{font:700 .92rem/1.2 var(--f-display)}.fld.hit{outline-color:var(--sage-3);background:#ff8a1f47}.flds{grid-template-columns:1fr 1fr;gap:2px 8px;display:grid}.flds .w{grid-column:1/-1}.beam{background:var(--sage);opacity:0;height:3px;transition:top .6s linear,opacity .3s;position:absolute;top:0;left:0;right:0;box-shadow:0 0 14px 3px #ff8a1fbf}.beam.on{opacity:1}.stamp{border:3px solid var(--sage-3);color:var(--sage-3);font:800 1.05rem/1 var(--f-mono);letter-spacing:.16em;opacity:0;transition:opacity .25s,scale .35s var(--ease);border-radius:6px;padding:6px 12px;position:absolute;bottom:14px;right:14px;rotate:-12deg;scale:2}.stamp.show{opacity:.92;scale:1}.sheet{border:1px solid var(--line-2);background:var(--surface);border-radius:12px;width:min(290px,70%);position:absolute;bottom:0;right:0;overflow:hidden;box-shadow:0 22px 40px #00000080}.sheet .bar{background:var(--bg-2);border-bottom:1px solid var(--line-2);font:600 .66rem/1 var(--f-mono);letter-spacing:.1em;color:var(--sage);align-items:center;gap:8px;padding:9px 12px;display:flex}.sheet .bar i{background:var(--sage);border-radius:2px;width:9px;height:9px}.srow{border-bottom:1px solid var(--line);font:500 .72rem/1 var(--f-mono);grid-template-columns:86px 1fr;display:grid}.srow:last-child{border-bottom:0}.srow span{color:var(--dim);border-right:1px solid var(--line);padding:9px 10px}.srow b{color:var(--text);opacity:0;min-height:30px;transition:opacity .35s,translate .45s var(--ease);padding:9px 10px;font-weight:600;translate:-8px}.srow b.in{opacity:1;translate:0}@media (width<=520px){.docv{min-height:500px}.paper{width:88%}.sheet{width:82%}}.s>.wrap{position:relative}.s>.wrap:before{content:"";top:-6px;left:var(--gutter);right:var(--gutter);opacity:.8;background:repeating-linear-gradient(135deg,var(--sage) 0 7px,transparent 7px 14px);border-radius:2px;height:12px;position:absolute}#que>.wrap:before{display:none}.s:not(#que)>.wrap>.head{padding-top:38px}.reveal{transform:translateY(26px)}.route{--fill:0px;gap:30px;margin-top:20px;padding:10px 0;display:grid;position:relative}.route:before,.route:after{content:"";border-radius:2px;width:4px;margin-left:-2px;position:absolute;top:0;left:50%}.route:before{background:repeating-linear-gradient(180deg,var(--line-2) 0 12px,transparent 12px 22px);bottom:0}.route:after{height:var(--fill);background:repeating-linear-gradient(180deg,var(--sage) 0 12px,transparent 12px 22px)}.stop{z-index:1;grid-template-columns:1fr 70px 1fr;align-items:center;display:grid;position:relative}.pin{background:var(--bg);border:2px solid var(--line-2);width:54px;height:54px;transition:background .4s,border-color .4s,translate .6s var(--ease);border-radius:50%;grid-area:1/2;justify-self:center;place-items:center;display:grid;translate:0 8px}.pin svg{fill:none;width:28px;height:28px;stroke:var(--dim);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s}.stop.on .pin{background:var(--sage);border-color:var(--sage);translate:0}.stop.on .pin svg{stroke:var(--ink)}.stopcard{border:1px solid var(--line);background:var(--bg-2);opacity:.4;transition:opacity .5s,translate .7s var(--ease),border-color .4s;border-radius:18px;grid-area:1/1;gap:10px;padding:24px 26px;display:grid;translate:-24px}.stop:nth-child(2n) .stopcard{grid-column:3;translate:24px}.stop.on .stopcard{opacity:1;border-color:var(--line-2);translate:0}.stopcard .n{font:600 .74rem/1 var(--f-mono);color:var(--sage);letter-spacing:.2em}.stopcard h3{letter-spacing:-.025em;font-size:1.5rem;line-height:1.05}.stopcard p{color:var(--muted);font-size:1rem}.stopcard .tg{flex-wrap:wrap;gap:6px;padding-top:4px;display:flex}.stopcard .tg span{font:500 .75rem/1 var(--f-mono);color:var(--dim);border:1px solid var(--line);border-radius:999px;padding:6px 10px}@media (width<=760px){.route:before,.route:after{left:26px}.stop{grid-template-columns:52px minmax(0,1fr);column-gap:16px}.pin{grid-column:1;width:52px;height:52px}.stopcard,.stop:nth-child(2n) .stopcard{grid-column:2;translate:16px}.stop.on .stopcard{translate:0}}.deca{border:2px dashed var(--line-2);background:var(--bg-2);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 30px;margin-top:44px;padding:22px 26px;display:flex}.deca p{max-width:60ch;color:var(--muted)}.deca p b{color:var(--text);font:700 1.1rem/1.3 var(--f-display);margin-bottom:2px;display:block}.pals{grid-template-columns:repeat(3,1fr);gap:26px;margin-top:20px;display:grid}@media (width<=900px){.pals{grid-template-columns:1fr}}.pal{gap:0;display:grid}.pbox{border:1px solid var(--line-2);background:var(--surface);opacity:0;transition:opacity .5s ease calc(var(--i)*.2s + .2s),translate .9s var(--ease) calc(var(--i)*.2s + .2s);border-radius:14px 14px 4px 4px;gap:10px;padding:26px 24px 24px;display:grid;translate:0 -60px}.pal.in .pbox{opacity:1;translate:0}.pbox .n{font:600 .74rem/1 var(--f-mono);color:var(--sage);letter-spacing:.2em}.pbox h3{letter-spacing:-.025em;font-size:1.4rem;line-height:1.05}.pbox p{color:var(--muted);font-size:.98rem}.pallet{width:100%;height:auto;margin-top:-1px;display:block}.pallet rect{fill:var(--line-2);stroke:var(--bg);stroke-width:1.5px}.labels{grid-template-columns:1fr 1fr;gap:22px;margin-top:20px;display:grid}@media (width<=860px){.labels{grid-template-columns:1fr}}.lab{background:var(--paper);color:var(--ink);border-radius:10px;padding:0 0 26px;position:relative;overflow:hidden}.lab-hd{background:var(--ink);color:var(--paper);font:700 .82rem/1 var(--f-mono);letter-spacing:.24em;justify-content:space-between;align-items:center;gap:14px;padding:16px 24px 14px;display:flex}.lab.med .lab-hd{background:var(--sage-3);color:var(--ink)}.lab-hd i{background:repeating-linear-gradient(90deg,currentColor 0 2px,#0000 2px 4px,currentColor 4px 5px,#0000 5px 8px,currentColor 8px 11px,#0000 11px 13px);width:84px;height:22px}.lab h3{letter-spacing:-.02em;padding:22px 24px 4px;font-size:1.45rem;line-height:1.1}.lab ul{gap:12px;padding:12px 24px 0;list-style:none;display:grid}.lab li{color:#1b1006d9;padding-left:26px;font-size:.98rem;position:relative}.lab li:before{content:"";border:2px solid var(--ink);border-radius:3px;width:13px;height:13px;position:absolute;top:.3em;left:0}.lab.med li:before{background:var(--sage-3);border-color:var(--sage-3)}.lab:after{content:"";background:radial-gradient(circle at 9px 0,var(--bg) 6px,transparent 6.5px) 0 0/18px 12px repeat-x;height:12px;position:absolute;bottom:0;left:0;right:0}.fine{color:var(--muted);max-width:62ch;margin-top:24px}.steps:before,.steps:after{top:33px}.step .dot.parcel{border:2px solid var(--line-2);background:var(--surface);border-radius:6px;width:84px;height:66px;margin-bottom:22px;transition:border-color .5s,background .5s;display:block;position:relative;overflow:hidden}.parcel:before{content:"";background:var(--sage);width:18px;height:0;transition:height .6s var(--ease);margin-left:-9px;position:absolute;top:0;left:50%}.parcel:after{content:"";background:var(--line-2);border-radius:2px;width:22px;height:13px;transition:background .5s;position:absolute;bottom:9px;right:9px}.parcel b{font:700 .74rem/1 var(--f-mono);letter-spacing:.1em;color:var(--dim);z-index:1;transition:color .4s;position:absolute;bottom:9px;left:10px}.step.on .dot.parcel{border-color:var(--sage);background:var(--bg-2)}.step.on .parcel:before{height:100%}.step.on .parcel:after{background:var(--paper)}.step.on .parcel b{color:var(--sage-2)}@media (width<=860px){.steps:before,.steps:after{display:none}}.cta{border-radius:12px;margin-top:34px;padding-top:clamp(70px,9vw,130px);overflow:visible}.cta:before{border-radius:inherit}.cta:after{content:"SANTANA · DIGITAL SOLUTIONS · ESTE LADO HACIA ARRIBA · SANTANA · DIGITAL SOLUTIONS · ESTE LADO HACIA ARRIBA · SANTANA · DIGITAL SOLUTIONS · ESTE LADO HACIA ARRIBA";white-space:nowrap;text-align:center;z-index:-1;height:34px;color:var(--ink);line-height:34px;font:700 .72rem/34px var(--f-mono);letter-spacing:.3em;background:#ffffff8c;position:absolute;top:26px;left:0;right:0;overflow:hidden}#contacto{overflow:clip}
