/*
Copyright (c) 2026 NexaPay CA. Todos los derechos reservados.
CASHPAGO es el nombre clave de un proyecto de NexaPay CA. Software propietario.
SPDX-License-Identifier: LicenseRef-NexaPay-Proprietary
Consulte LICENSE y NOTICE en la raíz del proyecto.
*/
:root{--cash-page:#f0f4f7;--cash-surface:#ffffff;--cash-ink:#173b60;--cash-muted:#566879;--cash-primary:#245f94;--cash-soft:#e8f2fb;--cash-border:#c7d5e2;--cash-result:#173b60;--cash-highlight:#d4ebff}
*{box-sizing:border-box}body{margin:0;background:#eceff3;color:#173b60;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #3c6692;outline-offset:3px}[hidden]{display:none!important}.preview{padding:15px 4%;border-bottom:1px solid #d1d5da;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.3px;color:#525d69}.preview span:last-child{letter-spacing:.3px}.stage{max-width:1260px;margin:auto;display:grid;grid-template-columns:1fr 410px 170px;gap:52px;padding:44px 36px 60px;align-items:start}.brand{text-decoration:none;font-size:32px;letter-spacing:-1.7px;font-weight:800;color:#173b60}.brand span{font-weight:450}.brand i{font-style:normal;background:#d5eaff;border-radius:50%;font-size:22px;margin-left:8px;padding:2px 6px}.intro{margin-top:82px}.eyebrow,.step,.tiny{font-size:10px;font-weight:700;letter-spacing:1.7px}h1{font-size:61px;line-height:1.05;letter-spacing:-3px;font-weight:500;margin:22px 0}h1 em{font-style:normal;color:#34587e}.intro>p:not(.eyebrow){max-width:300px;font-size:16px;line-height:1.6;color:#5d6976}.journey{list-style:none;margin:35px 0 0;padding:0}.journey li{display:flex;align-items:center;gap:14px;padding:12px 0;color:#7b8997;font-size:13px}.journey b{font-size:11px;border:1px solid #c4cad0;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;font-weight:500}.journey .active{color:#173b60;font-weight:650}.journey .active b{background:#173b60;color:#e5f2ff;border-color:#173b60}.design-note{font-size:11px;line-height:1.7;color:#687684;max-width:285px;margin-top:42px}.device{background:#fbfcfd;border:1px solid #c7cdd3;border-radius:30px;overflow:hidden;min-height:760px;display:flex;flex-direction:column}.app-head{display:flex;justify-content:space-between;align-items:center;padding:25px 25px 20px;border-bottom:1px solid #e0e3e7}.wordmark{font-size:23px;font-weight:750;letter-spacing:-1.2px;text-decoration:none;color:inherit}.wordmark span{font-size:17px;margin-left:5px}.demo{font-size:9px;letter-spacing:1px;background:#e5e9ee;color:#596572;padding:6px 8px;border-radius:4px}.screen{padding:26px 25px 20px;flex:1}.step{color:#6c7a89;font-size:9px;margin-bottom:15px}h2{font-size:32px;letter-spacing:-1px;line-height:1.1;font-weight:600;margin:0 0 12px}.muted{font-size:14px;color:#647280;line-height:1.55;margin:0 0 22px}.viewfinder{height:290px;background:#e0e6ec;border-radius:18px;position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:22px;overflow:hidden}.label{background:#fbfbfc;width:236px;padding:23px 20px 16px;transform:rotate(-5deg);border:1px solid #cfd4d9;color:#262b31}.label-shop{font-size:8px;letter-spacing:1.4px;color:#677583}.label-product{font-size:13px;font-weight:600;margin:10px 0 13px}.ref{font-size:15px}.ref strong{font-size:45px;letter-spacing:-2px;margin-left:5px}.label-line{border-top:1px dashed #aab3bc;margin:10px 0}.label-offer{font-size:15px;font-weight:700}.label-small{font-size:10px;margin-top:5px}.barcode{height:17px;width:85px;margin-top:15px;background:repeating-linear-gradient(90deg,#3d454e 0px,#3d454e 1px,transparent 1px,transparent 3px,#3d454e 3px,#3d454e 5px,transparent 5px,transparent 7px)}.capture-tip{position:absolute;bottom:12px;font-size:10px;color:#5c6874}.scan-corner{position:absolute;width:24px;height:24px;border-color:#414952;border-style:solid;z-index:1}.tl{top:18px;left:18px;border-width:2px 0 0 2px}.tr{top:18px;right:18px;border-width:2px 2px 0 0}.bl{bottom:35px;left:18px;border-width:0 0 2px 2px}.br{bottom:35px;right:18px;border-width:0 2px 2px 0}.primary{background:#245f94;color:#ffffff;border:0;border-radius:13px;padding:18px;width:100%;display:flex;align-items:center;gap:10px;justify-content:center;font-size:14px;font-weight:600;min-height:55px}.primary>span{margin-left:auto}.primary svg{width:20px;height:20px}.primary:disabled{opacity:.42;cursor:default}.micro{font-size:10px;line-height:1.6;color:#6d7c8b}.center{text-align:center;margin:13px 0 0}footer{font-size:10px;color:#7a8896;text-align:center;padding:15px 20px 21px}.side-label{font-size:9px;letter-spacing:1.6px;color:#626f7d;border-left:1px solid #c6ccd2;padding-left:16px;margin-top:92px;line-height:1.7}.side-label span{font-size:11px;letter-spacing:0}.back{border:0;background:none;color:#5c6976;padding:0;margin:0 0 22px;font-size:12px}.extracted{border-top:1px solid #d9dde1;border-bottom:1px solid #d9dde1;margin:22px 0;padding:17px 0}.tiny{font-size:8px;color:#728191;letter-spacing:1.2px}h3{font-size:15px;font-weight:600;margin:9px 0 14px}.price-row{display:flex;justify-content:space-between;font-size:12px;margin-top:13px;gap:10px}.price-row span{color:#616e7b}.question{font-size:13px;margin-bottom:5px}.question-text{margin:0 0 15px;font-size:18px;line-height:1.3;font-weight:550;letter-spacing:-.3px}.rate-options{display:flex;gap:7px}.rate{flex:1;text-align:left;border:1px solid #ced3d8;border-radius:10px;padding:13px 9px;background:transparent;color:#223a53;min-height:66px}.rate span{font-size:12px;font-weight:650;display:block}.rate small{font-size:9px;display:block;color:#6b7a89;margin-top:6px}.rate.selected{background:#dbe1e8;border:1.5px solid #2c4b6c}.rate-help{font-size:11px;line-height:1.5;color:#657280;margin:12px 0 4px}.unknown{background:none;border:0;text-decoration:underline;color:#58636f;font-size:11px;padding:4px 0 8px}.funds{font-size:11px;border-top:1px solid #d6dde5;margin-top:15px;padding-top:16px;margin-bottom:18px;color:#687685}.funds strong{color:#383f47}label{display:block;font-size:11px;margin:13px 0 7px}input{width:100%;border:1px solid #b1b9c2;border-radius:8px;padding:11px;background:#fbfcfd;color:#173b60}.recommend{background:#173b60;border-radius:18px;padding:24px 21px;color:#f5faff;margin:10px -3px 20px}.pill{font-size:8px;letter-spacing:1px;color:#99b6d5}.recommend h2{margin:21px 0 8px;font-size:33px}.result-amount{font-size:36px;color:#d4ebff;font-weight:600;letter-spacing:-1.5px}.recommend>p{font-size:11px;color:#bbc2ca;line-height:1.5;margin:9px 0 25px}.saving{border-top:1px solid #4c5660;padding-top:20px}.saving>div{font-size:11px;color:#c0c6cd}.saving strong{font-size:26px;display:block;margin-top:8px;color:#d4ebff;letter-spacing:-.6px}.saving strong span{font-size:18px;font-weight:400}.saving p{font-size:11px;line-height:1.6;color:#bbc2ca;margin:7px 0 0}.result-context{font-size:12px;line-height:1.6;color:#4b5560}.result-context p{color:#6b7a89;font-size:11px;margin-top:4px}details{border-top:1px solid #d9dde1;border-bottom:1px solid #d9dde1;margin:20px 0;padding:16px 0}summary{cursor:pointer;font-size:12px;font-weight:600;list-style:none;display:flex;justify-content:space-between}details p{font-size:11px;line-height:1.6;color:#5d6976}.reference{font-size:10px;color:#657280;display:flex;align-items:center;gap:7px}.reference-dot{width:6px;height:6px;border-radius:50%;background:#8e9aa6}#result>.primary{margin-top:22px}@media(max-width:1050px){.stage{grid-template-columns:1fr 390px;gap:30px}.side-label{display:none}h1{font-size:52px}}@media(max-width:700px){.preview{padding:12px 18px;gap:10px;font-size:8px;letter-spacing:.8px}.stage{display:block;padding:22px 12px}.stage>aside{display:none}.device{max-width:410px;margin:auto;min-height:740px;border-radius:22px}.screen{padding:23px}.app-head{padding:20px 23px}.viewfinder{height:275px}}

body{background:var(--cash-page);color:var(--cash-ink)}.device,input,textarea,select{background:var(--cash-surface)}.primary{background:var(--cash-primary);color:#fff}.recommend{background:var(--cash-result)}.brand{color:var(--cash-ink)}.brand i{background:var(--cash-highlight)}input,select,textarea{accent-color:var(--cash-primary)}

.ownership-notice{display:block;padding:18px 20px;text-align:center;font:12px/1.6 system-ui;color:#526879;background:#f0f4f7;overflow-wrap:anywhere}