body:before{background:radial-gradient(800px circle at 80% 5%,rgba(255,217,0,.085),transparent 48%),linear-gradient(180deg,#0b1729,#122039 48%,#0b1728)}
.pos-hero{grid-template-columns:.92fr 1.08fr}.pos-hero h1{font-size:clamp(49px,6vw,82px)}.product-stage{min-height:500px;padding:28px;border:1px solid rgba(255,217,0,.22);border-radius:34px;background:linear-gradient(145deg,rgba(255,217,0,.1),rgba(255,255,255,.025));display:grid;place-items:center}.screenshot-placeholder{width:100%;min-height:390px;display:grid;place-items:center;text-align:center;padding:35px;border:1px dashed rgba(255,255,255,.24);border-radius:22px;background:rgba(8,20,36,.52);color:var(--muted)}.screenshot-placeholder img{width:64px;height:64px;margin-bottom:20px}.screenshot-placeholder strong{display:block;color:#fff;font-size:16px;margin-bottom:8px}.screenshot-placeholder span{display:block;max-width:350px;font-size:12px;line-height:1.5}.screenshot-placeholder.compact{min-height:280px}.screenshot-placeholder.small{min-height:230px}
.pos-problem{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.018)}.issue-shell{display:grid;grid-template-columns:.78fr 1.22fr;gap:15px}.issue-copy{padding:38px;display:flex;flex-direction:column;justify-content:space-between}.issue-copy p{color:var(--muted);line-height:1.68;margin:0}.issue-close{margin-top:30px;padding:20px;border-left:3px solid var(--yellow);background:rgba(255,217,0,.065);font-size:14px;line-height:1.6}.issue-list{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);overflow:hidden}.issue{padding:25px;background:#12213a;min-height:175px}.issue b{display:block;color:var(--yellow);font-size:11px;margin-bottom:29px}.issue h3{font-size:17px;margin:0 0 8px}.issue p{color:var(--muted);font-size:12px;line-height:1.5;margin:0}
.overview{display:grid;grid-template-columns:.8fr 1.2fr;gap:15px}.overview-intro{padding:38px}.overview-intro h3{font-size:clamp(31px,4vw,49px);line-height:1.04;letter-spacing:-.045em;margin:0 0 18px}.overview-intro p{color:var(--muted);line-height:1.66}.overview-list{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.overview-item{padding:21px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.overview-item b{display:block;color:var(--yellow);font-size:11px;margin-bottom:20px}.overview-item h3{font-size:15px;margin:0 0 7px}.overview-item p{color:var(--muted);font-size:12px;line-height:1.45;margin:0}
.feature-section{border-top:1px solid var(--line)}.feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:stretch}.feature-layout.reverse .feature-copy{order:2}.feature-layout.reverse .feature-visual{order:1}.feature-copy,.feature-visual{padding:38px}.feature-copy h2{font-size:clamp(37px,5vw,62px);line-height:1;letter-spacing:-.05em;margin:16px 0 20px}.feature-copy>p{color:var(--muted);line-height:1.67}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:26px}.feature-list span{padding:11px 12px;border:1px solid var(--line);border-radius:12px;color:#d1d7e1;font-size:12px}.feature-highlight{margin-top:25px;padding:21px;border-left:3px solid var(--yellow);background:rgba(255,217,0,.07)}.feature-highlight h3{font-size:18px;margin:0 0 8px}.feature-highlight p{color:var(--muted);font-size:13px;line-height:1.55;margin:0}
.credit-flow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:28px;padding:22px;border:1px solid rgba(255,217,0,.25);border-radius:18px;background:rgba(255,217,0,.06)}.credit-flow span{font-size:12px;font-weight:780}.credit-flow i{font-style:normal;color:var(--yellow)}
.cash-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:35px}.cash-step{padding:18px 12px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025);text-align:center}.cash-step b{display:block;color:var(--yellow);font-size:10px;margin-bottom:16px}.cash-step span{font-size:12px;color:#d6dce5}
.reports-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:15px}.report-copy{padding:38px}.report-copy h2{font-size:clamp(37px,5vw,62px);line-height:1;letter-spacing:-.05em;margin:16px 0 20px}.report-copy p{color:var(--muted);line-height:1.67}.report-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:28px}.report-list span{padding:12px;border-top:1px solid var(--line);color:#cfd6e0;font-size:12px}.report-visual{padding:30px}
.users{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.018)}.user-shell{display:grid;grid-template-columns:.9fr 1.1fr;gap:15px}.user-copy{padding:38px}.user-copy h2{font-size:clamp(36px,5vw,60px);line-height:1;letter-spacing:-.05em;margin:16px 0 20px}.user-copy p{color:var(--muted);line-height:1.66}.user-types{padding:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.user-type{padding:22px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.user-type b{display:block;color:var(--yellow);font-size:11px;margin-bottom:30px}.user-type h3{font-size:15px;margin:0 0 7px}.user-type p{color:var(--muted);font-size:12px;line-height:1.45;margin:0}
.viernes{display:grid;grid-template-columns:1fr .9fr;gap:15px}.viernes-copy{padding:38px;background:linear-gradient(145deg,rgba(255,217,0,.12),rgba(255,255,255,.025))}.viernes-copy h2{font-size:clamp(39px,5vw,64px);line-height:1;letter-spacing:-.05em;margin:16px 0 20px}.viernes-copy>p{color:var(--muted);line-height:1.67}.questions{margin-top:28px;display:grid;gap:9px}.question{padding:15px 17px;border:1px solid var(--line);border-radius:14px;background:rgba(8,20,36,.45);font-size:13px}.viernes-note{padding:38px;display:flex;flex-direction:column;justify-content:center}.viernes-note strong{color:var(--yellow);font-size:11px;letter-spacing:.14em}.viernes-note h3{font-size:29px;line-height:1.1;margin:20px 0 14px}.viernes-note p{color:var(--muted);line-height:1.6}
.plans{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.018)}.plan-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:30px}.plan{padding:28px;display:flex;flex-direction:column;min-height:270px}.plan.featured{border-color:rgba(255,217,0,.3);background:rgba(255,217,0,.07)}.plan-tag{color:var(--yellow);font-size:10px;font-weight:800;letter-spacing:.13em}.plan h3{font-size:28px;margin:38px 0 12px}.plan p{color:var(--muted);font-size:13px;line-height:1.55}.plan .button{margin-top:auto}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:22px}.plan-table{width:100%;min-width:700px;border-collapse:collapse;background:#12213a}.plan-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.plan-table th,.plan-table td{padding:16px 18px;border-bottom:1px solid var(--line);text-align:center;font-size:13px}.plan-table th:first-child,.plan-table td:first-child{text-align:left;position:sticky;left:0;background:#12213a;z-index:1}.plan-table thead th{color:#fff;background:#172943}.plan-table thead th:first-child{background:#172943}.yes{color:var(--yellow);font-weight:800}.no{color:#768296}
.hardware{display:grid;grid-template-columns:.8fr 1.2fr;gap:15px}.hardware-copy{padding:38px}.hardware-copy h2{font-size:clamp(37px,5vw,61px);line-height:1;letter-spacing:-.05em;margin:16px 0 20px}.hardware-copy p{color:var(--muted);line-height:1.66}.hardware-items{padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.hardware-item{padding:26px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}.hardware-item b{display:block;color:var(--yellow);font-size:11px;margin-bottom:40px}.hardware-item h3{font-size:18px;margin:0 0 8px}.hardware-item p{color:var(--muted);font-size:12px;line-height:1.5;margin:0}
.pos-contact .contact-shell{border-color:rgba(255,217,0,.32)}
@media(max-width:1000px){.cash-flow{grid-template-columns:repeat(3,1fr)}.user-types{grid-template-columns:1fr}.plan-cards{grid-template-columns:1fr 1fr}.plan:last-child{grid-column:1/-1}}
@media(max-width:760px){.pos-hero,.issue-shell,.overview,.feature-layout,.reports-shell,.user-shell,.viernes,.hardware{grid-template-columns:1fr}.feature-layout.reverse .feature-copy,.feature-layout.reverse .feature-visual{order:initial}.product-stage{min-height:390px}.screenshot-placeholder{min-height:300px}.issue-list,.overview-list,.feature-list,.report-list,.hardware-items{grid-template-columns:1fr}.cash-flow,.plan-cards{grid-template-columns:1fr}.plan:last-child{grid-column:auto}.credit-flow{flex-wrap:wrap}.user-types{grid-template-columns:1fr}.table-wrap{margin-right:-14px}}

.product-shot{position:relative;margin:0;width:100%;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:#f3f5fa;box-shadow:0 22px 55px rgba(2,9,18,.22)}
.product-shot img{display:block;width:100%;height:auto;object-fit:cover}
.product-shot figcaption{position:absolute;left:14px;bottom:14px;padding:7px 10px;border-radius:9px;background:rgba(8,20,36,.82);backdrop-filter:blur(10px);color:#fff;font-size:10px;font-weight:750;letter-spacing:.04em}
.no{color:#8290a4}
.table-hint{display:none;color:var(--muted);font-size:12px;line-height:1.5;margin:0 0 10px}
@media(max-width:760px){.table-hint{display:block}}
.hero-shot{border-color:rgba(255,217,0,.2)}
.availability-badge{display:inline-flex;margin:0 0 4px 10px;padding:7px 10px;border:1px solid rgba(255,217,0,.3);border-radius:999px;background:rgba(255,217,0,.08);color:var(--yellow);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.availability-card{min-height:420px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:linear-gradient(145deg,rgba(255,217,0,.1),rgba(255,255,255,.025))}
.availability-card span{color:var(--yellow);font-size:10px;font-weight:800;letter-spacing:.14em}
.availability-card strong{max-width:420px;margin:22px 0 14px;font-size:clamp(30px,4vw,48px);line-height:1.04;letter-spacing:-.04em}
.availability-card p{max-width:420px;color:var(--muted);line-height:1.65}
.cash-shot{margin-top:24px;padding:12px}
@media(max-width:760px){.product-stage{padding:12px;min-height:auto}.product-shot{border-radius:14px}.product-shot figcaption{left:9px;bottom:9px}.feature-visual{padding:12px}.availability-card{min-height:300px;padding:28px}.cash-shot{padding:7px}}

/* Motion System C — PROCESA POS */
.pos-motion-ready .product-stage,.pos-motion-ready .hero-shot,.pos-motion-ready .hero-shot figcaption,.pos-motion-ready .pos-operation-flow{opacity:0}.pos-motion-ready .product-stage.pos-entered{animation:pos-stage-enter .42s cubic-bezier(.22,1,.36,1) .08s both}.pos-motion-ready .product-stage.pos-entered .hero-shot{animation:pos-product-enter .5s cubic-bezier(.22,1,.36,1) .26s both}.pos-motion-ready .product-stage.pos-entered .hero-shot figcaption{animation:pos-detail-enter .32s ease .62s both}.pos-motion-ready .product-stage.pos-entered .pos-operation-flow{animation:pos-detail-enter .36s ease .68s both}.pos-operation-flow{position:absolute;top:8%;right:2.2%;width:7%;height:84%;z-index:2;pointer-events:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.12))}.pos-operation-track{fill:none;stroke:rgba(255,216,0,.5);stroke-width:1.15;vector-effect:non-scaling-stroke}.pos-operation-point{fill:#ffd800;stroke:rgba(8,20,36,.5);stroke-width:.7}.pos-operation-signal{fill:#fff;stroke:#ffd800;stroke-width:1}.pos-operation-highlight{position:absolute;z-index:1;left:14%;right:10%;top:37%;height:9%;border:1px solid rgba(255,216,0,.18);border-radius:7px;background:linear-gradient(90deg,transparent,rgba(255,216,0,.09),transparent);opacity:0;pointer-events:none}.pos-motion-ready .product-stage.pos-entered .pos-operation-highlight{animation:pos-operation-once 1.3s ease 1s both}.product-stage.pos-paused :where(.pos-operation-flow,.pos-operation-signal){animation-play-state:paused!important}html[data-procesa-mode="on"] .pos-operation-track{stroke:rgba(20,36,62,.42)}html[data-procesa-mode="on"] .pos-operation-point{fill:#14243e;stroke:rgba(255,255,255,.65)}html[data-procesa-mode="on"] .pos-operation-signal{fill:#fff9dc;stroke:#14243e}html[data-procesa-mode="on"] .pos-operation-highlight{border-color:rgba(20,36,62,.15);background:linear-gradient(90deg,transparent,rgba(20,36,62,.07),transparent)}
.pos-motion-ready .pos-shot-reveal{opacity:0;transform:translateY(12px) scale(.99);transition:opacity .46s cubic-bezier(.22,1,.36,1),transform .46s cubic-bezier(.22,1,.36,1)}.pos-motion-ready .pos-shot-reveal.pos-visible{opacity:1;transform:none}.product-shot{--spot-x:50%;--spot-y:50%;transition:translate .22s ease,scale .22s ease,box-shadow .22s ease,border-color .22s ease}.product-shot:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(circle 240px at var(--spot-x) var(--spot-y),rgba(255,216,0,.075),transparent 68%);opacity:0;transition:opacity .2s ease}.product-shot.pos-pointer-active:after{opacity:1}html[data-procesa-mode="on"] .product-shot:after{background:radial-gradient(circle 240px at var(--spot-x) var(--spot-y),rgba(255,255,255,.16),transparent 68%)}
.pos-motion-ready .pos-sequence>.pos-sequence-item{opacity:.4;transform:translateY(8px);transition:opacity .34s ease,transform .34s ease,border-color .2s ease,box-shadow .2s ease}.pos-motion-ready .pos-sequence>.pos-sequence-item.pos-stage-active{opacity:1;transform:none}.pos-motion-ready .plan-cards>.plan{transition:opacity .36s ease,transform .36s ease,translate .2s ease,border-color .2s ease,box-shadow .2s ease}.pos-motion-ready .plan-cards>.plan.featured.pos-stage-active{box-shadow:0 20px 48px rgba(255,216,0,.08)}.pos-motion-ready .table-wrap.pos-table-enter{animation:pos-stage-enter .4s cubic-bezier(.22,1,.36,1) both}.pos-motion-ready .plan-table tbody tr{opacity:.46;transition:opacity .24s ease,background-color .18s ease}.pos-motion-ready .plan-table tbody tr.pos-stage-active{opacity:1}.viernes.pos-simple-enter,.pos-contact .contact-shell.pos-simple-enter{animation:pos-stage-enter .4s cubic-bezier(.22,1,.36,1) both}
@media(hover:hover) and (pointer:fine){.product-shot:not(.hero-shot):hover{translate:0 -3px;scale:1.005;box-shadow:0 26px 62px rgba(2,9,18,.26)}.plan:hover{translate:0 -3px}.plan.featured:hover{translate:0 -2px}.plan-table tbody tr:hover>*{background:rgba(255,216,0,.055)}html[data-procesa-mode="on"] .plan-table tbody tr:hover>*{background:rgba(255,255,255,.32)}}
@keyframes pos-stage-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pos-product-enter{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@keyframes pos-detail-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pos-operation-once{0%,100%{opacity:0}28%,68%{opacity:1}}
@media(max-width:760px){.pos-operation-flow{width:8%;right:1%;opacity:.72}.product-shot:after{display:none}.pos-motion-ready .pos-shot-reveal{transform:translateY(8px)}.pos-motion-ready .pos-sequence>.pos-sequence-item{transform:translateY(6px)}}
@media(prefers-reduced-motion:reduce){.pos-motion-ready .product-stage,.pos-motion-ready .hero-shot,.pos-motion-ready .hero-shot figcaption,.pos-motion-ready .pos-operation-flow,.pos-motion-ready .pos-shot-reveal,.pos-motion-ready .pos-sequence>.pos-sequence-item,.pos-motion-ready .plan-table tbody tr,.viernes,.pos-contact .contact-shell{opacity:1!important;transform:none!important;translate:none!important;scale:none!important;animation:none!important;transition:none!important}.pos-operation-signal,.pos-operation-highlight{display:none!important}.product-shot:after{display:none!important}}