:root{color-scheme:light;--page:#fff;--page-soft:#f5f8ff;--surface:#fff;--inset:#f8faff;--ink:#14213a;--ink-strong:#0b1631;--muted:#60718b;--subtle:#8392a9;--stroke:#e1e9f4;--blue:#2563eb;--blue-hover:#174bc1;--blue-pale:#eaf1ff;--nav-glass:#ffffffeb;--soft-shadow:0 18px 45px #173a7410;--deep-shadow:0 34px 72px #183e781e;--positive:#13815e;--warning:#ae7517;--negative:#c44551;--mock-bg:#f7f9fe;--mock-sidebar:#142441}
:root[data-theme=dark]{color-scheme:dark;--page:#0b1220;--page-soft:#111c30;--surface:#17243b;--inset:#111d32;--ink:#e7eefb;--ink-strong:#fff;--muted:#acb9cc;--subtle:#8194b3;--stroke:#2c3e5a;--blue:#6c9bff;--blue-hover:#93b3ff;--blue-pale:#233b65;--nav-glass:#0c1424ef;--soft-shadow:0 20px 50px #0004;--deep-shadow:0 34px 72px #0005;--positive:#51d7a7;--warning:#ffc26c;--negative:#ff8a99;--mock-bg:#12213a;--mock-sidebar:#080f1c}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--page);color:var(--ink);font:14px/1.6 Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.66}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:Manrope,Inter,system-ui,sans-serif;line-height:1.23;letter-spacing:-.035em}p{color:var(--muted)}img{max-width:100%}svg{display:block}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.full{width:100%}.green-text{color:var(--positive)!important}.muted{color:var(--muted)}.hidden,[hidden]{display:none!important}
.site-header{position:sticky;top:0;z-index:50;background:var(--nav-glass);border-bottom:1px solid var(--stroke);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.navbar{height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0;font:800 23px/1 Manrope,sans-serif;letter-spacing:-1.4px;color:var(--ink-strong)}.brand-logo{width:46px;height:46px;border-radius:11px;box-shadow:0 7px 18px #2563eb22}.brand small{display:block;font:800 9px/1.3 Manrope,sans-serif;letter-spacing:2px;color:var(--blue);margin-top:3px}.main-nav{display:flex;align-items:center;gap:19px}.main-nav a{font-weight:700;font-size:12px;color:var(--muted);white-space:nowrap;transition:color .15s}.main-nav a:hover{color:var(--blue)}.nav-controls{display:flex;gap:9px;align-items:center;flex-shrink:0}.small-select{height:36px;display:inline-flex;align-items:center;gap:2px;border:1px solid var(--stroke);border-radius:9px;background:var(--surface);padding:0 6px;color:var(--muted)}.small-select select{border:0;color:var(--ink);background:transparent;outline:0;font-weight:800;font-size:11px;max-width:57px;cursor:pointer}.control-icon{font-size:12px;font-weight:900;color:var(--subtle)}.icon-button{display:inline-flex;justify-content:center;align-items:center;width:37px;height:37px;flex-shrink:0;border:1px solid var(--stroke);border-radius:10px;background:var(--surface);color:var(--ink);transition:background .2s,transform .2s}.icon-button:hover{background:var(--blue-pale);transform:translateY(-1px)}.icon-button svg{width:19px;height:19px}.mobile-menu{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:13px 18px;border:1px solid transparent;border-radius:11px;font-size:12px;line-height:1.4;font-weight:800;transition:transform .17s,box-shadow .17s,background .17s;text-align:center}.button:hover:not(:disabled){transform:translateY(-2px)}.button-primary{color:#fff;background:#2563eb;box-shadow:0 10px 23px #2563eb34}.button-primary:hover:not(:disabled){background:#194fc5}.button-outline{background:var(--surface);color:var(--ink);border-color:var(--stroke)}.button-outline:hover:not(:disabled){border-color:var(--blue)}.button-dark{background:#14213a;color:#fff}.button-dark:hover{background:#223958}.button-white{background:#fff;color:#1b4fc3}.button-ghost{border-color:#ffffff72;background:#ffffff12;color:#fff}.button-small{padding:9px 13px;font-size:11px}.hero{display:grid;grid-template-columns:.94fr 1.06fr;align-items:center;gap:40px;min-height:660px;padding-top:76px;padding-bottom:104px}.eyebrow,.tag{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:1.25px;display:inline-flex;gap:9px;align-items:center}.eyebrow{background:var(--blue-pale);padding:10px 14px;border-radius:50px}.pulse{width:8px;height:8px;border-radius:50%;background:#28b58d;box-shadow:0 0 0 4px #2cb98b20}.hero h1{font-size:clamp(41px,4.55vw,67px);margin:25px 0 22px;line-height:1.13;font-weight:800;color:var(--ink-strong)}.hero h1 em,.section-heading h2 em{font-style:normal;color:var(--blue)}.hero-copy>p{font-size:16px;max-width:540px;line-height:1.78}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:29px 0 20px}.hero-perks{display:flex;gap:13px;flex-wrap:wrap;font-size:11px;color:var(--muted);font-weight:700}.hero-stage{min-width:0;position:relative;padding:35px 5px 30px 13px}.stage-glow{position:absolute;inset:-20px;background:radial-gradient(ellipse at center,#85adff58,transparent 68%);filter:blur(25px)}.desktop-frame{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--stroke);border-radius:18px;box-shadow:var(--deep-shadow)}.hero-app{transform:perspective(1200px) rotateY(-4deg) rotateX(2deg)}.desktop-top{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid var(--stroke);font-size:9px;color:var(--subtle)}.traffic-dots{display:flex;gap:5px}.traffic-dots i{width:7px;height:7px;border-radius:50%;background:#d5dce9}.traffic-dots i:first-child{background:#f99090}.traffic-dots i:nth-child(2){background:#facd71}.desktop-layout{display:flex;min-height:328px}.desktop-sidebar{width:48px;background:var(--mock-sidebar);color:#98accb;display:flex;flex-direction:column;align-items:center;gap:17px;padding:13px 0;font-size:17px}.desktop-sidebar img{margin-bottom:7px}.desktop-sidebar .selected{background:#2f64d4;color:#fff;border-radius:7px;padding:2px 10px}.desktop-main{flex:1;min-width:0;padding:19px 15px 12px;background:var(--mock-bg)}.mock-head{display:flex;align-items:center;justify-content:space-between;gap:5px}.mock-head small,.illustration-note{font-size:8px;color:var(--subtle);font-weight:800;letter-spacing:.55px}.mock-head h3{font-size:17px;margin:4px 0 0;color:var(--ink)}.mock-live{font-size:8px;white-space:nowrap;color:var(--positive);background:var(--surface);padding:6px;border-radius:8px}.mock-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:20px 0}.mock-stats>div{padding:10px 8px;display:flex;flex-direction:column;gap:6px;background:var(--surface);border:1px solid var(--stroke);border-radius:9px}.mock-stats small{font-size:8px;color:var(--subtle)}.mock-stats strong{font-size:15px;white-space:nowrap}.mock-subtitle{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin:0 0 9px}.mock-subtitle span{font-size:8px;color:var(--blue);font-weight:700}.mock-orders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mock-order{background:var(--surface);border:1px solid var(--stroke);border-radius:9px;padding:9px}.mock-order>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:3px;font-size:11px}.mock-order>small{display:block;color:var(--subtle);font-size:8px;margin:8px 0}.mock-order p{font-size:9px;margin:3px 0}.pill{font-size:8px;border-radius:5px;padding:3px 5px;white-space:nowrap}.pill.amber{background:#fff2d7;color:#ae7210}.pill.blue{background:#eaf1ff;color:#2563eb}.fake-progress{height:4px;background:var(--stroke);border-radius:8px;margin-top:12px;overflow:hidden}.fake-progress i{display:block;height:100%;background:#2563eb;border-radius:8px}.illustration-note{display:block;margin-top:10px}.float-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--stroke);padding:10px 13px;border-radius:12px;box-shadow:var(--soft-shadow)}.chip-a{right:-10px;top:3px}.chip-b{bottom:7px;left:-18px}.float-chip strong,.float-chip small{display:block}.float-chip strong{font-size:10px}.float-chip small{font-size:8px;color:var(--muted)}.chip-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#e2f9ee;color:#12976a;font-weight:800}.chip-icon.lilac{background:#eee8ff;color:#7160d6}.industry-strip{background:var(--page-soft);border-block:1px solid var(--stroke)}.industry-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:28px}.industry-inner>span{font-size:10px;letter-spacing:1.1px;font-weight:800;color:var(--subtle)}.industry-inner>div{display:flex;align-items:center;flex-wrap:wrap;gap:26px}.industry-inner strong{font:800 14px Manrope,sans-serif;color:var(--subtle)}.section{padding-top:105px;padding-bottom:105px}.section-heading{text-align:center;max-width:740px;margin:0 auto 48px}.section-heading h2,.showcase-copy h2,.download-layout h2,.contact-grid h2{font-size:clamp(31px,3.45vw,48px);margin:14px 0 16px;line-height:1.21}.section-heading p,.showcase-copy>p,.contact-grid>div>p{font-size:15px}.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.feature-card{background:var(--surface);border:1px solid var(--stroke);border-radius:18px;padding:26px;min-height:216px;overflow:hidden;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--soft-shadow)}.feature-highlight{background:var(--page-soft)}.feature-symbol{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--blue-pale);font-size:21px;color:var(--blue);margin-bottom:19px}.feature-card h3{font-size:18px;margin-bottom:10px}.feature-card p{font-size:13px}.sample-receipt{background:var(--surface);border:1px solid var(--stroke);padding:10px;border-radius:10px;margin-top:22px}.sample-receipt>div{display:flex;justify-content:space-between;gap:7px;font-size:10px;padding:8px 6px;border-bottom:1px solid var(--stroke)}.sample-receipt>div:last-child{border:0}.sample-pills{display:flex;flex-wrap:wrap;gap:5px;margin-top:24px}.sample-pills span{font-size:9px;padding:6px 8px;border-radius:30px;background:#e5f6ed;color:#137e5d}.sample-pills span:nth-child(2){background:#fff4dc;color:#aa7718}.sample-pills span:nth-child(3){background:#ffeeee;color:#c64c54}.sample-tables{display:flex;gap:10px;margin-top:26px}.sample-tables span{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;border:2px solid #93d0b6;color:#178564;font-size:11px}.sample-tables .busy{border-color:#efc57b;background:#fff4dd;color:#987021}
.showcase-section{background:var(--page-soft)}.showcase-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}.showcase-copy h2{max-width:430px}.showcase-copy>p{max-width:430px}.showcase-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0}.showcase-tab{background:var(--surface);color:var(--muted);border:1px solid var(--stroke);border-radius:9px;padding:10px 14px;font-size:12px;font-weight:800}.showcase-tab.active{background:#2563eb;color:#fff;border-color:#2563eb}.showcase-copy>h3{font-size:20px;margin:12px 0}.demo-note{display:block;color:var(--subtle);font-size:11px;margin-top:23px}.showcase-preview{border:1px solid var(--stroke);border-radius:17px;overflow:hidden;background:var(--surface);box-shadow:var(--soft-shadow);min-width:0}.preview-header{height:43px;background:#132542;display:flex;align-items:center;gap:17px;color:#fff;padding:0 16px;font-size:10px}.preview-header>span:first-child{color:#8095b8;letter-spacing:2px}.demo-flag{margin-left:auto;color:#bed1f3;font-size:9px;font-weight:800;letter-spacing:1.5px}.preview-body{background:var(--mock-bg);padding:27px;min-height:350px;display:flex;align-items:center;justify-content:center}.preview-panel{background:var(--surface);border:1px solid var(--stroke);border-radius:12px;width:min(100%,400px);padding:23px;box-shadow:0 12px 30px #142b5210}.preview-panel>small{font-size:9px;letter-spacing:1px;color:var(--subtle);font-weight:800}.preview-panel h3{font-size:23px;margin:8px 0 17px}.preview-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid var(--stroke);font-size:12px;color:var(--muted)}.preview-row b{color:var(--ink)}.preview-total{display:flex;align-items:center;justify-content:space-between;margin:20px 0 15px;font-weight:800}.preview-total strong{font-size:23px}.preview-static-button{display:block;text-align:center;color:#fff;background:#2563eb;padding:10px;border-radius:9px;font-size:12px;font-weight:800}.preview-tables{display:grid;grid-template-columns:1fr 1fr;gap:11px}.preview-tables span{padding:16px;text-align:center;font-weight:800;font-size:12px;border-radius:10px;background:#e3f8ee;color:#126d50;border:1px solid #a2dac2}.preview-tables span.busy{background:#fff1d9;border-color:#edce8e;color:#906619}.preview-tables small{font-weight:500;font-size:10px}.report-preview{width:100%;background:var(--surface);border-radius:12px;border:1px solid var(--stroke);padding:12px;box-shadow:0 10px 22px #0b22521b;color:var(--ink)}.report-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:10px}.report-topline h3{font-size:15px;letter-spacing:-.04em}.report-topline p{font-size:8px}.report-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:3px}.report-actions span{font-size:7px;padding:5px 6px;border-radius:5px;background:var(--blue-pale);color:var(--blue);font-weight:800}.report-actions span:first-child{background:#e6f6ee;color:#11815d}.report-banner{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:9px;background:var(--blue-pale);border:1px solid var(--stroke);border-radius:7px;font-size:9px;font-weight:800}.report-banner strong{font-size:16px;color:var(--blue)}.report-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:8px 0}.report-kpis>div{background:var(--inset);border:1px solid var(--stroke);padding:7px;border-radius:7px;min-width:0}.report-kpis small{font-size:7px;color:var(--muted);font-weight:800;display:block;line-height:1.3;min-height:17px}.report-kpis strong{font:800 11px Manrope,sans-serif;display:block;white-space:nowrap;letter-spacing:-.05em}.report-kpis>div:nth-child(6){border-color:#8eb2ff;background:var(--blue-pale)}.report-tabs{display:flex;gap:8px;overflow:hidden;margin:10px 0 7px;padding-bottom:4px;border-bottom:1px solid var(--stroke)}.report-tabs span{font-size:7px;font-weight:700;white-space:nowrap;color:var(--muted)}.report-tabs span:first-child{color:var(--blue);font-weight:900}.report-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.report-panel{background:var(--inset);border:1px solid var(--stroke);padding:8px;border-radius:7px;min-width:0}.report-panel h4{font-size:9px;margin-bottom:7px}.report-payment-row,.report-product-row{display:flex;justify-content:space-between;gap:5px;font-size:8px;color:var(--muted);margin-bottom:3px}.report-payment-row strong{font-size:8px;color:var(--ink)}.report-meter{height:3px;background:var(--stroke);border-radius:5px;margin-bottom:6px;overflow:hidden}.report-meter i{display:block;height:100%;background:#5590ff}.report-hour-row{display:flex;align-items:center;gap:4px;font-size:8px;color:var(--muted);margin-bottom:8px}.report-hour-row span{width:30px;flex-shrink:0}.report-hour-row i{display:block;height:5px;background:#5a8feb;border-radius:2px}.report-product-row{padding:4px 0;border-bottom:1px solid var(--stroke)}.report-product-row:last-child{border:0}.report-caption{display:block;margin-top:9px;text-align:right;color:var(--subtle);font-size:8px}
.region-note{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:16px;padding:7px 14px;border-radius:40px;background:var(--page-soft);font-size:11px!important;color:var(--muted);border:1px solid var(--stroke)}.region-dot{width:7px;height:7px;background:#28b58d;border-radius:50%}.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;align-items:stretch}.plan-card{position:relative;background:var(--surface);border:1px solid var(--stroke);border-radius:19px;padding:27px 24px;display:flex;flex-direction:column}.plan-card.recommended{border:2px solid #2563eb;box-shadow:0 17px 40px #2563eb12}.plan-ribbon{position:absolute;top:-16px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#2563eb;color:#fff;padding:8px 12px;border-radius:30px;font-size:9px;font-weight:800;letter-spacing:.7px}.plan-tag{color:var(--blue);letter-spacing:1.2px;font-size:10px;font-weight:800}.plan-heading h3{font-size:27px;margin:14px 0 9px}.plan-heading p{font-size:13px;min-height:63px}.plan-price{display:flex;align-items:baseline;gap:6px;margin:17px 0 0}.plan-price strong{font:800 37px/1.2 Manrope,sans-serif;letter-spacing:-2px;color:var(--ink-strong);white-space:nowrap}.price-period{font-size:12px;color:var(--muted)}.price-explainer{color:var(--subtle);font-size:10px;margin:6px 0 20px;min-height:16px}.plan-features{margin:22px 0 0;padding:19px 0 0;border-top:1px solid var(--stroke);list-style:none}.plan-features li{position:relative;padding:8px 0 8px 22px;color:var(--muted);font-size:12px;line-height:1.5}.plan-features li::before{content:'✓';position:absolute;left:0;color:var(--blue);font-weight:900}.pricing-footnote{font-size:11px;text-align:center;margin-top:25px}.download-section{background:linear-gradient(115deg,#123b90,#225fe1 68%,#437af3);color:#fff;overflow:hidden}.download-layout{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:60px}.download-layout h2{max-width:620px}.download-layout p{color:#d9e7ff;max-width:550px}.download-layout small{color:#d7e5ff;font-size:11px}.light-tag{color:#c3d9ff}.download-mark{height:260px;position:relative;display:grid;place-items:center}.mark-circle{position:relative;z-index:2;display:grid;place-items:center;width:205px;height:205px;border-radius:50%;background:#ffffff1c;box-shadow:0 0 70px #fff4}.mark-circle img{width:155px;height:155px;box-shadow:0 12px 45px #041e6333;border-radius:30px}.orbit{position:absolute;border-radius:50%;border:1px solid #ffffff3a}.orbit-one{width:300px;height:300px}.orbit-two{width:395px;height:395px}.contact-section{background:var(--page-soft)}.contact-grid{display:grid;grid-template-columns:1fr .88fr;gap:90px;align-items:center}.contact-grid h2{max-width:580px}.contact-method{display:inline-flex;align-items:center;gap:15px;margin-top:30px;background:var(--surface);border:1px solid var(--stroke);border-radius:13px;padding:14px 20px;box-shadow:var(--soft-shadow)}.contact-method strong,.contact-method small{display:block}.contact-method strong{font-size:13px}.contact-method small{font-size:11px;color:var(--muted)}.contact-arrow{width:41px;height:41px;display:grid;place-items:center;border-radius:10px;background:#e4f9ef;color:#0b935e;font-size:20px}.contact-form{background:var(--surface);border:1px solid var(--stroke);border-radius:17px;box-shadow:var(--soft-shadow);padding:31px;display:flex;flex-direction:column;gap:8px}.contact-form h3{font-size:20px;margin-bottom:11px}.contact-form label,.auth-card label{font-size:12px;font-weight:800}.contact-form input,.contact-form select,.contact-form textarea,.auth-card input{background:var(--inset);border:1px solid var(--stroke);border-radius:9px;padding:11px 13px;color:var(--ink);width:100%;outline:0;margin-bottom:8px;resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus,.auth-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb22}.contact-form .button{margin-top:4px}.contact-form small{font-size:10px;color:var(--subtle);margin-top:4px}.site-footer{background:var(--page);padding-top:58px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px;padding-bottom:57px}.footer-grid>div{display:flex;flex-direction:column;gap:10px}.footer-grid .brand{align-self:flex-start;margin-bottom:4px}.footer-grid p{font-size:12px}.footer-grid strong{font-size:12px;margin-bottom:4px}.footer-grid a:not(.brand){font-size:12px;color:var(--muted)}.footer-grid a:not(.brand):hover{color:var(--blue)}.footer-bottom{display:flex;justify-content:space-between;gap:12px;padding:19px 0;border-top:1px solid var(--stroke);font-size:11px;color:var(--subtle)}
/* Cliente: ingreso y panel real respaldado por API */
.portal-main{min-height:calc(100vh - 190px);background:var(--page-soft)}.portal-hero{padding:75px 0 85px;display:grid;grid-template-columns:1fr .87fr;gap:70px;align-items:center}.portal-intro .eyebrow{margin-bottom:20px}.portal-intro h1{font-size:clamp(35px,3.8vw,53px);max-width:600px;margin-bottom:18px}.portal-intro>p{font-size:16px;max-width:500px}.portal-benefits{display:grid;gap:13px;margin-top:30px}.portal-benefit{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;color:var(--muted)}.portal-benefit>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--stroke);background:var(--surface);border-radius:10px;color:var(--blue);font-size:17px}.auth-card{background:var(--surface);padding:35px;border:1px solid var(--stroke);border-radius:19px;box-shadow:var(--soft-shadow);display:flex;flex-direction:column;gap:8px}.auth-card h2{font-size:25px;margin-bottom:7px}.auth-card p{font-size:13px;margin-bottom:12px}.auth-card .button{margin-top:12px}.auth-card .small-print{font-size:11px;color:var(--subtle);margin-top:9px}.auth-card .password-wrap{position:relative}.auth-card .password-wrap input{padding-right:70px}.password-reveal{position:absolute;right:7px;top:5px;border:0;background:transparent;color:var(--blue);padding:8px;font-weight:800;font-size:11px}.form-alert{padding:11px 13px;background:#fff0f1;color:#ac2c43;border:1px solid #f5c4cb;border-radius:9px;font-size:12px}.portal-dashboard{padding:48px 0 90px}.portal-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px}.portal-top h1{font-size:36px;margin:5px 0}.portal-top p{font-size:13px}.portal-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px}.portal-kpi{background:var(--surface);border:1px solid var(--stroke);border-radius:14px;padding:19px}.portal-kpi small{display:block;font-size:11px;color:var(--subtle);font-weight:700}.portal-kpi strong{display:block;margin-top:11px;font-size:20px}.portal-block{background:var(--surface);border:1px solid var(--stroke);border-radius:15px;padding:25px;margin-top:20px}.portal-block>header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.portal-block>header h2{font-size:21px}.portal-block>p{font-size:13px}.portal-table-wrap{overflow-x:auto}.portal-table{width:100%;border-collapse:collapse;text-align:left;min-width:530px}.portal-table th{font-size:11px;color:var(--subtle);font-weight:800;padding:11px;border-bottom:1px solid var(--stroke)}.portal-table td{font-size:12px;padding:13px 11px;border-bottom:1px solid var(--stroke)}.status-pill{display:inline-flex;padding:4px 9px;border:1px solid var(--stroke);background:var(--blue-pale);color:var(--blue);border-radius:30px;font-size:10px;font-weight:800}.empty-state{color:var(--subtle);font-size:12px;padding:20px;background:var(--inset);border-radius:10px}.license-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.license-box{border:1px solid var(--stroke);border-radius:12px;padding:17px;background:var(--inset)}.license-box strong{font-size:15px}.license-box p{font-size:12px;margin:7px 0 14px}.license-reveal{background:var(--page-soft);border:1px solid var(--stroke);padding:13px;border-radius:9px;margin-top:13px}.license-reveal code{display:block;font-size:16px;font-weight:800;word-break:break-all;user-select:text;letter-spacing:.7px;margin-bottom:9px}.license-reveal .button{margin-right:7px}.portal-warning{padding:12px 14px;border:1px solid #f2d7a2;border-radius:10px;color:#996b0e;background:#fff9e9;font-size:12px}.portal-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.portal-actions .button{margin-top:6px}.portal-message{display:block;color:var(--muted);font-size:12px;margin-top:9px}.portal-message.error{color:var(--negative)}
@media(max-width:1150px){.main-nav{gap:11px}.main-nav a{font-size:11px}.navbar{gap:14px}.nav-controls{gap:5px}.login-link{padding:10px 12px}}
@media(max-width:1020px){.mobile-menu{display:inline-flex}.main-nav{display:none;position:absolute;left:0;right:0;top:81px;background:var(--surface);padding:20px 24px;border-bottom:1px solid var(--stroke);box-shadow:var(--soft-shadow);flex-direction:column;align-items:flex-start;gap:20px}.main-nav.open{display:flex}.main-nav a{font-size:14px}.hero{grid-template-columns:1fr;gap:28px;min-height:auto;padding-top:60px}.hero-copy{max-width:740px}.hero-stage{max-width:650px;margin:auto;width:100%}.industry-inner{flex-direction:column;gap:14px}.features-grid{grid-template-columns:repeat(2,1fr)}.showcase-grid{grid-template-columns:1fr;gap:28px}.showcase-copy h2,.showcase-copy>p{max-width:700px}.showcase-preview{max-width:730px;width:100%;margin:auto}.plans-grid{grid-template-columns:1fr 1fr}.contact-grid{gap:35px}.portal-hero{gap:30px}}
@media(max-width:720px){.container{width:min(100% - 30px,1180px)}.navbar{height:72px}.main-nav{top:71px}.brand{font-size:19px}.brand-logo{width:39px;height:39px}.login-link{padding:10px 11px;font-size:10px}.small-select{padding:0 3px;height:34px}.small-select select{font-size:10px;max-width:48px}.control-icon{display:none}.icon-button{width:34px;height:34px}.nav-controls{gap:4px}.hero{padding-top:42px;padding-bottom:65px}.hero h1{font-size:clamp(38px,8vw,58px)}.hero-copy>p{font-size:14px}.hero-perks{gap:9px}.hero-stage{padding:25px 10px 27px}.float-chip{padding:8px;gap:7px}.float-chip strong{font-size:9px}.float-chip small{font-size:7px}.chip-a{top:0;right:0}.chip-b{left:0;bottom:0}.section{padding-top:72px;padding-bottom:72px}.section-heading{margin-bottom:32px}.section-heading h2,.showcase-copy h2,.download-layout h2,.contact-grid h2{font-size:clamp(30px,6vw,39px)}.features-grid,.plans-grid,.download-layout,.contact-grid,.footer-grid,.portal-hero,.portal-overview,.license-grid{grid-template-columns:1fr}.plan-heading p{min-height:0}.plan-card{padding:25px}.plan-price strong{font-size:35px}.download-mark{height:180px}.mark-circle{width:146px;height:146px}.mark-circle img{width:117px;height:117px;border-radius:23px}.orbit-one{width:240px;height:240px}.orbit-two{width:320px;height:320px}.contact-grid{gap:30px}.footer-grid{gap:26px;padding-bottom:30px}.footer-bottom{flex-direction:column}.portal-hero{padding-top:45px;gap:35px}.portal-intro h1{font-size:38px}.portal-dashboard{padding:34px 0 75px}.portal-top{flex-direction:column}.portal-top h1{font-size:31px}.portal-block{padding:17px}.report-preview{padding:8px}.report-actions span{font-size:6px}.report-kpis small{font-size:6px}.report-kpis strong{font-size:10px}.report-tabs{gap:4px}.report-tabs span{font-size:6px}.report-panel h4{font-size:8px}.report-panel{padding:6px}}
@media(max-width:420px){.brand{gap:7px}.brand-logo{width:36px;height:36px}.navbar{gap:5px}.nav-controls{gap:3px}.login-link{font-size:10px;padding:9px 7px}.small-select{width:43px}.small-select select{width:42px}.icon-button{width:30px;height:32px}.hero h1{font-size:38px}.desktop-sidebar{width:35px;font-size:13px}.desktop-sidebar img{width:25px}.desktop-main{padding:10px 7px}.mock-stats strong{font-size:11px}.mock-stats>div{padding:6px 4px}.mock-stats small{font-size:7px}.mock-order{padding:6px}.mock-order p{font-size:8px}.mock-head h3{font-size:14px}.mock-head small{font-size:7px}.mock-live{font-size:7px}.preview-body{padding:10px}.report-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.report-kpis strong{font-size:8px}.report-kpis small{font-size:6px}.report-banner strong{font-size:12px}.report-actions{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.rate-attribution{text-align:center;margin:7px 0 0;font-size:10px;color:var(--subtle)}.rate-attribution a{text-decoration:underline;text-underline-offset:3px}.rate-attribution a:hover{color:var(--blue)}
/* Beneficios del ingreso: el ícono no debe aplicarse al texto. */
.portal-benefit>span{width:auto;height:auto;display:inline;flex:none;border:0;background:transparent;border-radius:0;color:var(--muted);font-size:13px}
.portal-benefit>span:first-child{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid var(--stroke);background:var(--surface);border-radius:10px;color:var(--blue);font-size:17px}
.portal-benefit>span:last-child{flex:1;min-width:0}
body{overflow-x:clip}
@media(max-width:720px){.stage-glow{inset:0}}

/* GeGa V3: perfil real del cliente */
.profile-block .eyebrow{display:block;font-size:10px;letter-spacing:.16em;font-weight:800;color:var(--blue);margin-bottom:7px}
.profile-status,.quiet-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid var(--stroke);background:var(--inset);border-radius:999px;color:var(--muted);font-size:11px;font-weight:800;white-space:nowrap}
.profile-status span:first-child{color:#13a57d}.profile-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.profile-fields>div{padding:15px 17px;background:var(--inset);border-radius:12px;min-width:0}
.profile-fields small{display:block;font-size:11px;color:var(--subtle);font-weight:700;margin-bottom:8px}
.profile-fields strong{display:block;font-size:14px;overflow-wrap:anywhere}.profile-divider{height:1px;background:var(--stroke);margin:24px 0}
.password-details summary{cursor:pointer;display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-size:13px;font-weight:800}
.password-form{margin-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:790px}
.password-form>div{min-width:0}.password-form label{font-size:11px;font-weight:800;display:block;margin-bottom:8px;color:var(--muted)}
.password-form input{width:100%;border:1px solid var(--stroke);background:var(--surface);color:var(--text);padding:13px;border-radius:9px;font:inherit}
.password-form button{justify-self:start;align-self:end}.password-form .form-alert{grid-column:1/-1}
.form-alert.success{background:#e7f9f0;color:#177653;border-color:#b4e6cd}.portal-help-link{font-size:12px;color:var(--blue);font-weight:800;text-align:center}
@media(max-width:650px){.profile-fields,.password-form{grid-template-columns:1fr}.portal-block>header{flex-wrap:wrap}}

/* GeGa V4: responsive, bilingual software UI built entirely in HTML/CSS. */
.hero-app{background:#1d1e25!important;overflow:hidden}.hero-gega-dashboard{background:#1e1e24;color:#f7f8fc;font-family:Inter,Arial,sans-serif;padding:12px;min-height:310px}.gega-ui-hero-heading{border:1px solid #383d49;border-radius:9px;padding:13px;display:flex;justify-content:space-between;gap:8px;align-items:center;background:#18191e}.gega-ui-hero-heading small{font-size:7px;color:#6ca3ff;font-weight:800}.gega-ui-hero-heading h3{font-size:19px;margin:5px 0;color:#fff}.gega-ui-hero-heading p{font-size:8px;color:#adb8cc}.gega-ui-closed{background:#b61e1e;color:white;border-radius:7px;padding:10px;font-size:8px;font-weight:800}.gega-ui-dashboard-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.gega-ui-dashboard-card{background:#25262e;border:1px solid #3b404d;border-radius:9px;min-height:93px;padding:10px;display:flex;flex-direction:column;gap:7px}.gega-ui-card-top{display:flex;justify-content:space-between;align-items:center}.gega-ui-card-icon{background:#374359;color:#78bbff;border-radius:7px;padding:6px;font-size:14px}.gega-ui-card-icon.orders{background:#554735;color:#f4c67c}.gega-ui-card-icon.products{background:#28554c;color:#62e5bf}.gega-ui-card-icon.reports{background:#504361;color:#caa5ff}.gega-ui-card-icon.settings{background:#583c50;color:#ffa7ce}.gega-ui-shortcut{font-size:8px;color:#c4d1e8;background:#343846;padding:6px;border-radius:5px}.gega-ui-dashboard-card strong{font-size:10px;color:#fff}.gega-ui-dashboard-card small{font-size:8px;color:#aab7d2}.gega-ui-hero-footer{border-top:1px solid #3b404d;margin-top:11px;padding-top:8px;color:#9ba9c5;font-size:8px}
.preview-body:has(.gega-ui-window){padding:0;display:block;background:#1e1e24;min-height:380px}.gega-ui-window{display:flex;min-height:385px;width:100%;background:#1e1e24;color:#f4f6fb;font:10px/1.4 Inter,Arial,sans-serif;overflow:hidden}.gega-ui-sidebar{width:95px;flex:0 0 95px;background:#17181d;border-right:1px solid #3a3e49;display:flex;flex-direction:column;padding:9px 5px;gap:11px}.gega-ui-brand{display:flex;gap:5px;align-items:center}.gega-ui-brand b{font-size:9px;display:block}.gega-ui-brand small{display:block;font-size:7px;color:#aebbd3}.gega-ui-logo{display:grid;place-items:center;background:#2362e9;color:white;border-radius:6px;width:26px;height:26px;font-size:8px;font-weight:900;flex-shrink:0}.gega-ui-sidebar nav{display:flex;flex-direction:column;gap:4px}.gega-ui-sidebar nav span{display:flex;align-items:center;gap:5px;padding:6px 4px;border-radius:5px;font-size:7px;font-weight:800;white-space:nowrap}.gega-ui-sidebar nav span.selected{background:#2662e8}.gega-ui-sidebar nav i{font-style:normal;color:#57b2ff;font-size:11px}.gega-ui-sidebar nav .selected i{color:#fff}.gega-ui-sidebar-bottom{margin-top:auto}.gega-ui-day{background:#07866c;border-radius:5px;padding:6px 4px;font-size:7px;font-weight:800}.gega-ui-user{padding:8px 2px;font-size:7px;color:#b4c5e2}.gega-ui-main{flex:1;min-width:0;padding:9px;display:flex;flex-direction:column;gap:8px}.gega-ui-page-heading{border:1px solid #414754;background:#191a20;padding:9px;border-radius:8px}.gega-ui-page-heading h3,.gega-ui-orders-head h3{color:#fff;font-size:13px;margin:0 0 3px}.gega-ui-page-heading small,.gega-ui-orders-head small{color:#b4c4e1;font-size:8px}.gega-ui-panel{background:#18191f;border:1px solid #414653;border-radius:7px;padding:8px;min-width:0;display:flex;flex-direction:column;gap:6px}.gega-ui-panel h4{color:#fff;font-size:9px;margin:0}.gega-ui-cash-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;flex:1;min-height:0}.gega-ui-stack{display:flex;flex-direction:column;gap:6px;min-width:0}.gega-ui-stack .catalog,.gega-ui-stack .operation{flex:1}.gega-ui-stack .calculator,.gega-ui-stack .totals{flex:1}.gega-ui-search{background:#292d37;border:1px solid #454c5a;border-radius:4px;padding:7px 4px;font-size:7px;color:#8e9db8;display:flex;justify-content:space-between;gap:2px}.gega-ui-search b{background:#2763eb;color:#fff;padding:1px 5px;border-radius:3px}.gega-ui-categories{display:flex;gap:3px}.gega-ui-categories span{flex:1;text-align:center;padding:5px 1px;border:1px solid #414754;border-radius:4px;font-size:7px}.gega-ui-categories .on,.gega-ui-filter-row .on{background:#2763eb;border-color:#2763eb;color:white}.gega-ui-table,.gega-ui-operation-head{border:1px solid #414754;border-radius:4px;overflow:hidden}.gega-ui-table>div{display:flex;justify-content:space-between;gap:4px;padding:6px 4px;border-bottom:1px solid #414754;font-size:7px}.gega-ui-table>div:last-child{border-bottom:0}.gega-ui-table-head,.gega-ui-operation-head{background:#292d37;color:#c8dcff;font-weight:800}.gega-ui-fields{display:grid;grid-template-columns:1fr 1fr;gap:4px}.gega-ui-fields span,.gega-ui-note{border:1px solid #414754;border-radius:4px;color:#8e9db8;padding:8px 4px;font-size:7px}.gega-ui-panel small{font-size:7px}.gega-ui-operation-head{display:flex;justify-content:space-between;padding:7px 4px;font-size:7px}.gega-ui-operation-empty{flex:1;min-height:90px;border:1px solid #414754;border-radius:4px}.gega-ui-row-buttons{display:flex;gap:4px}.gega-ui-btn{background:#2a2e38;border:1px solid #454b59;color:#e9eefb;display:block;text-align:center;border-radius:4px;padding:6px 3px;font-size:7px;font-weight:800;flex:1}.gega-ui-btn.primary{background:#2865ec;border-color:#2865ec;color:#fff}.gega-ui-note{min-height:38px}.gega-ui-calculator-display{background:#292d37;border:1px solid #454b59;border-radius:4px;color:#37d9a0;text-align:right;padding:10px;font-size:18px;font-weight:800}.gega-ui-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.gega-ui-keys span{background:#292d37;border:1px solid #454b59;border-radius:4px;padding:5px 0;text-align:center;font-size:9px;font-weight:800}.gega-ui-total-lines{display:flex;flex-direction:column;gap:7px;flex:1;font-size:8px}.gega-ui-grand-total{background:#292d37;text-align:center;padding:10px 2px;color:#2f6eff;font-size:13px;font-weight:900;border-radius:4px}.gega-ui-orders-head{display:flex;justify-content:space-between;gap:5px;align-items:center}.gega-ui-orders-head>span{font-size:8px}.gega-ui-filter-row{display:flex;gap:4px;flex-wrap:wrap}.gega-ui-filter-row span{background:#30333d;border:1px solid #454b59;padding:6px 5px;border-radius:5px;font-size:7px}.gega-ui-legend{font-size:7px}.green-text{color:#0dc997!important}.amber-text{color:#ffbd42!important}.red-text{color:#ff555d!important}.blue-text{color:#74baff!important}.gega-ui-order-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;align-items:start}.gega-ui-order-card{border:1px solid #454b59;border-left:3px solid #08c694;border-radius:6px;padding:7px;background:#262830;display:flex;flex-direction:column;gap:6px;min-width:0}.gega-ui-order-card.amber{border-left-color:#ffbd42}.gega-ui-order-card.blue{border-left-color:#6aa7ff}.gega-ui-order-top,.gega-ui-order-meta,.gega-ui-order-price{display:flex;justify-content:space-between;align-items:center;gap:3px}.gega-ui-order-top strong{font-size:10px}.gega-ui-order-top small{font-size:7px}.gega-ui-order-meta{font-size:7px;color:#b2c7e9}.gega-ui-order-meta>span{border:1px solid #5e8ad2;padding:3px 7px;border-radius:3px}.gega-ui-order-products,.gega-ui-order-client{background:#343743;border-radius:5px;padding:7px;font-size:8px}.gega-ui-order-products>div{display:flex;justify-content:space-between;gap:5px;margin-top:4px}.gega-ui-order-products>small{font-size:7px;color:#b2c7e9}.gega-ui-order-client{color:#c1cde3}.gega-ui-order-price{font-size:8px}.gega-ui-order-price strong{font-size:11px}.tables-heading{display:flex;align-items:center;justify-content:space-between;gap:4px}.tables-heading>span{font-size:7px;display:flex;align-items:center;gap:4px}.tables-heading .gega-ui-btn{white-space:nowrap}.gega-ui-tables-layout{display:grid;grid-template-columns:95px 1fr;gap:6px;flex:1}.gega-ui-table-list{background:#18191f;border:1px solid #414653;border-radius:5px;padding:6px;display:flex;flex-direction:column;gap:5px}.gega-ui-table-list>strong{font-size:8px}.gega-ui-table-list>small{font-size:7px;color:#c4d0e4}.gega-ui-table-list-head,.gega-ui-table-list>div:not(.gega-ui-table-list-head){display:flex;justify-content:space-between;gap:3px;font-size:7px}.gega-ui-table-list-head{background:#30333d;padding:4px}.gega-ui-floor{background:#242629;border-radius:5px;padding:20px 13px;display:flex;align-items:center}.gega-ui-floor-outline{border:3px solid #8599b3;min-height:250px;position:relative;width:100%;padding:15px 12px}.gega-ui-floor-tables{display:grid;grid-template-columns:repeat(4,1fr);gap:9px 10px;max-width:90%;margin:auto}.gega-ui-floor-table{background:#109c79;border-radius:8px;min-height:43px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;font-size:8px;gap:5px;text-align:center}.gega-ui-floor-table small{font-size:7px;font-weight:500}.gega-ui-floor-table.occupied{background:#d9a53f;color:#161616}.gega-ui-fixture{position:absolute;font-size:7px;padding:7px;background:#61e7e2;color:#12333b;border:1px solid #b2f5f0}.gega-ui-fixture.fridge{top:-3px;right:16%}.gega-ui-fixture.door{bottom:-3px;right:8%;background:#ffcf92;border-color:#ffe0a9}.gega-ui-fixture.counter{right:-3px;top:40%;background:#b5cdfa;border-color:#86b4ff}.gega-ui-floor-legend{font-size:7px;color:#b4c2d8}
.preview-body.gega-switch-out{opacity:.12;transform:translateY(8px);transition:opacity .13s ease,transform .13s ease}.preview-body.gega-switch-in{animation:gega-enter .3s ease both}@keyframes gega-enter{from{opacity:.15;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.showcase-tab{transition:background .22s ease,color .22s ease,transform .22s ease}.showcase-tab:hover{transform:translateY(-2px)}
.download-mark{isolation:isolate}.download-mark .mark-circle{position:relative;z-index:2}.gega-ripple{position:absolute;z-index:1;width:170px;height:170px;border-radius:50%;border:2px solid rgba(255,255,255,.65);box-shadow:0 0 30px rgba(255,255,255,.3),inset 0 0 24px rgba(255,255,255,.12);pointer-events:none;animation:gega-ripple 4.5s ease-out infinite}.ripple-two{animation-delay:1.5s}.ripple-three{animation-delay:3s}@keyframes gega-ripple{0%{transform:scale(.65);opacity:0;filter:blur(0)}12%{opacity:.65}75%{opacity:.14}100%{transform:scale(2.65);opacity:0;filter:blur(12px)}}
@media(max-width:720px){.gega-ui-sidebar{width:68px;flex-basis:68px}.gega-ui-sidebar nav span{font-size:6px;gap:2px}.gega-ui-sidebar nav i{font-size:9px}.gega-ui-brand small{display:none}.gega-ui-brand b{font-size:7px}.gega-ui-main{padding:5px;gap:5px}.gega-ui-panel{padding:4px;gap:4px}.gega-ui-cash-grid{gap:3px}.gega-ui-panel h4{font-size:7px}.gega-ui-keys span{font-size:7px;padding:4px 0}.gega-ui-floor{padding:12px 7px}.gega-ui-floor-outline{padding:10px 5px;min-height:200px}.gega-ui-floor-tables{gap:5px}.gega-ui-floor-table{font-size:6px;min-height:34px}.gega-ui-floor-table small{font-size:5px}.gega-ui-table-list>div:not(.gega-ui-table-list-head):nth-of-type(n+12){display:none}.gega-ui-order-cards{grid-template-columns:1fr 1fr}.gega-ui-order-card:nth-child(3){display:none}.gega-ui-dashboard-card{padding:7px;min-height:80px}.gega-ui-dashboard-card strong{font-size:8px}.gega-ui-dashboard-card small{font-size:7px}}
@media(max-width:420px){.gega-ui-hero-heading h3{font-size:15px}.gega-ui-closed{font-size:6px;padding:6px}.gega-ui-dashboard-cards{gap:4px}.gega-ui-dashboard-card{padding:5px}.gega-ui-card-icon{padding:4px}.gega-ui-sidebar{width:50px;flex-basis:50px}.gega-ui-sidebar nav span{font-size:0;justify-content:center}.gega-ui-sidebar nav i{font-size:13px}.gega-ui-brand{flex-direction:column}.gega-ui-brand b{font-size:6px}.gega-ui-day,.gega-ui-user{font-size:5px}.gega-ui-cash-grid{grid-template-columns:1fr 1fr}.gega-ui-cash-grid>.gega-ui-stack:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.gega-ui-calculator-display{padding:5px}.gega-ui-order-cards{grid-template-columns:1fr}.gega-ui-order-card:nth-child(2){display:none}.gega-ui-tables-layout{grid-template-columns:60px 1fr}.gega-ui-floor-tables{max-width:100%}.gega-ui-floor-outline{padding:8px 3px}.gega-ui-floor-table{min-height:28px}.gega-ui-fixture{font-size:5px;padding:3px}}
@media(prefers-reduced-motion:reduce){.gega-ripple{animation:none;opacity:.14}.preview-body.gega-switch-in{animation:none}.showcase-tab{transition:none}}


/* GeGa V4.3 — las vistas de demostración comparten tema y tamaño.
   La misma estructura HTML funciona en español e inglés. */
.showcase-preview { min-width:0; }
.showcase-preview .preview-body,
.showcase-preview .preview-body:has(.gega-ui-window) {
    display:block; padding:0; width:100%; height:428px; min-height:428px;
    overflow:hidden; box-sizing:border-box;
}
.showcase-preview .gega-ui-window {
    width:100%; height:428px; min-height:0; max-height:428px;
    overflow:hidden;
}
.showcase-preview .gega-ui-main { min-height:0; overflow:auto; scrollbar-width:thin; }
.showcase-preview .gega-ui-sidebar { min-height:0; overflow:hidden; }
.showcase-preview .gega-ui-cash-grid,
.showcase-preview .gega-ui-tables-layout { min-height:0; }
.showcase-preview .gega-ui-floor { min-width:0; overflow:hidden; }
.showcase-preview .gega-ui-window:has(.report-preview) .gega-ui-main { overflow-y:auto; }
/* El panel principal de arriba también sigue el tema del sitio */
:root:not([data-theme="dark"]) .hero-gega-dashboard {
    background:#f5f7fb; color:#1c2b40;
}
:root:not([data-theme="dark"]) .gega-ui-hero-heading {
    background:#fff; border-color:#d6dfeb;
}
:root:not([data-theme="dark"]) .gega-ui-hero-heading h3,
:root:not([data-theme="dark"]) .gega-ui-dashboard-card strong { color:#18263b; }
:root:not([data-theme="dark"]) .gega-ui-hero-heading p,
:root:not([data-theme="dark"]) .gega-ui-dashboard-card small,
:root:not([data-theme="dark"]) .gega-ui-hero-footer { color:#64758e; }
:root:not([data-theme="dark"]) .gega-ui-dashboard-card {
    background:#fff; border-color:#d6dfeb;
}
:root:not([data-theme="dark"]) .gega-ui-hero-footer { border-color:#d6dfeb; }
/* Paleta GeGa clara para Caja, Pedidos, Mesas e Informes */
:root:not([data-theme="dark"]) .showcase-preview .preview-body,
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-window {
    background:#f4f6fa; color:#1d2b40;
}
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-sidebar {
    background:#e9eef6; border-right-color:#d2dce9; color:#273750;
}
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-brand small,
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-user { color:#526681; }
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-sidebar nav span.selected { color:#fff; }
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-sidebar nav span:not(.selected) { color:#263750; }
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-page-heading,
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-panel,
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-table-list {
    background:#fff; border-color:#d3dce9;
}
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-page-heading h3,
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-orders-head h3,
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-panel h4 { color:#1b2a40; }
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-page-heading small,
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-orders-head small,
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-order-meta,
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-floor-legend { color:#64758e; }
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-search,
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-calculator-display,
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-keys span,
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-grand-total,
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-filter-row span:not(.on),
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-table-head,
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-operation-head,
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-table-list-head {
    background:#edf2f9; color:#273750; border-color:#d2dce9;
}
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-table,
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-table>div,
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-operation-empty,
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-fields span,
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-note,
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-categories span:not(.on),
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-order-card {
    border-color:#d2dce9;
}
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-fields span,
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-note,
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-search { color:#62758e; }
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-btn:not(.primary) {
    background:#edf2f9; border-color:#d2dce9; color:#263750;
}
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-order-card { background:#fff; }
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-order-products,
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-order-client {
    background:#edf2f9; color:#3e506b;
}
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-order-products>small,
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-table-list>small { color:#64758e; }
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-floor { background:#e7ecf3; }
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-floor-outline { border-color:#8195b0; background:#f9fbfe; }
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-floor-table { color:#fff; }
:root:not([data-theme="dark"]) .showcase-preview .gega-ui-floor-table.occupied { color:#30230c; }
/* Mantener idéntica geometría al cambiar el módulo incluso en pantallas angostas. */
@media(max-width:720px) {
  .showcase-preview .preview-body,
  .showcase-preview .preview-body:has(.gega-ui-window),
  .showcase-preview .gega-ui-window { height:390px; min-height:0; max-height:390px; }
  .showcase-preview .gega-ui-main { overflow:auto; }
}

/* GeGa V5: crisp semantic HTML dashboard, independent of browser zoom and raster images */
.brand .brand-stack {display:flex; flex-direction:column; gap:1px; margin-top:3px; text-transform:none; letter-spacing:.03em; font-size:10px; font-weight:700; color:var(--blue); line-height:1.15}
.v5-dashboard {background:#1e1f25; color:#f5f7fc; padding:20px; min-height:370px; display:flex; flex-direction:column; gap:16px; font-family:Inter,system-ui,sans-serif;}
.v5-dash-head {display:flex; justify-content:space-between; align-items:center; gap:12px; padding:16px 18px; border-radius:12px; border:1px solid #3f4451; background:#191a20}
.v5-overline {color:#78a9ff; letter-spacing:.1em; font-size:10px; font-weight:800}
.v5-dash-head h3 {font-size:25px; margin:4px 0 3px; line-height:1.2; letter-spacing:-.025em; color:#fff}
.v5-dash-head p {margin:0; font-size:11px; color:#b3bed3; line-height:1.5}
.v5-dash-status {flex-shrink:0; padding:10px 12px; border-radius:8px; background:#076d54; color:white; font-size:10px; font-weight:800}
.v5-dash-cards {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px}
.v5-dash-card {padding:16px; min-height:153px; border:1px solid #444957; background:#292b33; border-radius:11px; display:flex; flex-direction:column; align-items:flex-start; gap:4px}
.v5-dash-top {width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}
.v5-dash-icon {height:34px;width:34px;display:grid;place-items:center;font-size:18px;color:#8ec7ff;background:#32465e;border-radius:9px}
.v5-orders .v5-dash-icon {background:#554634;color:#ffd17e}.v5-products .v5-dash-icon {background:#2d534a;color:#85f2c7}.v5-reports .v5-dash-icon {background:#4d405c;color:#ddb7ff}.v5-settings .v5-dash-icon {background:#533a4c;color:#ffb1d6}
.v5-dash-top kbd {font:700 10px Inter,sans-serif;color:#c5d0e4;background:#373d4c;padding:7px;border-radius:6px}
.v5-dash-card strong {color:#fff;font-size:14px;line-height:1.3}
.v5-dash-subtitle {font-size:10px; font-weight:750; color:#8dc3ff}
.v5-dash-card p {margin:3px 0 0; font-size:10px; line-height:1.45; color:#b9c4d6}
.v5-dash-foot {font-size:11px; display:flex;align-items:center;gap:15px;flex-wrap:wrap;color:#c2cde0;padding:4px 2px}
.v5-dash-foot span:first-child {color:#8da0c0;font-weight:800;font-size:9px;letter-spacing:.05em}
:root:not([data-theme="dark"]) .v5-dashboard {background:#f3f6fa; color:#1d2b40}
:root:not([data-theme="dark"]) .v5-dash-head,:root:not([data-theme="dark"]) .v5-dash-card {background:#fff;border-color:#d2dce9}
:root:not([data-theme="dark"]) .v5-dash-head h3,:root:not([data-theme="dark"]) .v5-dash-card strong {color:#182b43}
:root:not([data-theme="dark"]) .v5-dash-head p,:root:not([data-theme="dark"]) .v5-dash-card p,:root:not([data-theme="dark"]) .v5-dash-foot {color:#63758d}
:root:not([data-theme="dark"]) .v5-dash-subtitle {color:#3164b2}
:root:not([data-theme="dark"]) .v5-dash-top kbd {background:#eef2f8;color:#475770}
.hero-app {background:var(--surface)!important;}
.hero-gega-dashboard {padding:0;min-height:0}
.mobile-swipe-hint,.mobile-demo-dots,.mobile-plan-controls,.mobile-bottom-nav {display:none}
@media(max-width:1020px){
  .hero-stage {max-width:760px}
  .v5-dash-card {min-height:130px}
}
@media(max-width:720px){
  html {scroll-padding-top:78px}
  body {padding-bottom:76px}
  .site-header .navbar {gap:7px}
  .site-header .brand {font-size:17px;gap:5px}
  .site-header .brand-logo {width:34px;height:34px}
  .brand .brand-stack {font-size:8px;letter-spacing:0;line-height:1.1}
  .nav-controls {gap:3px}
  .nav-controls .login-link {font-size:0!important;width:35px;height:35px;padding:0!important;border-radius:50%;display:grid;place-items:center}
  .nav-controls .login-link::after {content:'♙';font-size:19px}
  .nav-controls .small-select {width:auto;min-width:39px;padding:0 2px}
  .nav-controls .small-select select {font-size:10px;width:43px}
  .hero {padding-top:30px;gap:14px}
  .hero-copy {text-align:center}
  .hero-copy h1 {font-size:clamp(31px,8vw,43px);line-height:1.15;margin:18px auto}
  .hero-copy p {margin-left:auto;margin-right:auto}
  .hero-copy .eyebrow {margin-left:auto;margin-right:auto}
  .hero-actions {justify-content:center}
  .hero-perks {justify-content:center}
  .hero-stage {padding:6px 0 18px;width:100%;max-width:100%;}
  .hero-stage .float-chip {display:none}
  .hero-app {border-radius:13px}
  .desktop-top {height:30px}
  .v5-dashboard {padding:9px; gap:8px; min-height:auto}
  .v5-dash-head {padding:10px;border-radius:7px}
  .v5-overline {font-size:8px}
  .v5-dash-head h3 {font-size:18px}
  .v5-dash-head p {font-size:9px}
  .v5-dash-status {font-size:8px;padding:7px;border-radius:6px}
  .v5-dash-cards {gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .v5-dash-card {min-height:105px;padding:10px;gap:3px;border-radius:7px}
  .v5-dash-top {margin-bottom:3px}
  .v5-dash-icon {height:27px;width:27px;font-size:13px}
  .v5-dash-top kbd {font-size:8px;padding:4px}
  .v5-dash-card strong {font-size:11px}
  .v5-dash-subtitle,.v5-dash-card p {font-size:9px}
  .v5-dash-foot {font-size:9px;gap:9px}
  .showcase-grid {display:flex;flex-direction:column;gap:14px;align-items:stretch}
  .showcase-copy {order:0}
  .showcase-copy h2 {font-size:clamp(27px,7vw,38px)}
  .showcase-tabs {display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:7px;margin:17px 0;scroll-snap-type:x proximity}
  .showcase-tab {flex:0 0 auto;scroll-snap-align:center}
  .showcase-preview {order:1;width:100%;overflow:hidden}
  .mobile-swipe-hint {display:block;text-align:center;margin-top:6px;font-size:11px;color:var(--muted)}
  .mobile-demo-dots {display:flex;justify-content:center;gap:8px;order:2}
  .mobile-demo-dots button,.mobile-plan-dots button {width:8px;height:8px;padding:0;border-radius:50%;background:var(--subtle);border:0;opacity:.6;transition:width .22s,opacity .22s,background .22s}
  .mobile-demo-dots button.active,.mobile-plan-dots button.active {width:25px;border-radius:10px;opacity:1;background:var(--blue)}
  .plans-grid {display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;gap:12px;padding:10px 7vw 22px;margin:0 -7vw;scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:stretch}
  .plans-grid::-webkit-scrollbar,.showcase-tabs::-webkit-scrollbar {display:none}
  .plans-grid .plan-card {flex:0 0 min(85vw,360px);scroll-snap-align:center;height:auto;min-width:0}
  .mobile-plan-controls {display:flex;align-items:center;flex-direction:column;gap:9px;margin:0 0 15px;font-size:11px;color:var(--muted)}
  .mobile-plan-dots {display:flex;justify-content:center;gap:8px}
  .download-mark .orbit,.download-mark .gega-ripple {display:none!important;animation:none!important}
  .download-mark {overflow:hidden;min-height:0!important}
  .download-mark .mark-circle {transform:none!important;animation:none!important}
  .mobile-bottom-nav {position:fixed;bottom:0;left:0;right:0;z-index:80;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:var(--nav-glass);backdrop-filter:blur(18px);border-top:1px solid var(--stroke);padding:7px 9px calc(7px + env(safe-area-inset-bottom,0px));box-shadow:0 -5px 25px #0001}
  .mobile-bottom-nav a {display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;color:var(--muted);font-size:10px;min-height:45px;border-radius:8px}
  .mobile-bottom-nav a>span {font-size:19px;line-height:1.2}
  .mobile-bottom-nav a small {font-size:9px;font-weight:700}
  .mobile-bottom-nav a.active,.mobile-bottom-nav a:focus-visible {color:var(--blue);background:var(--blue-pale)}
}
@media(max-width:390px){.nav-controls .small-select select {width:34px;font-size:9px}.navbar{gap:3px}.site-header .brand {font-size:15px}.brand .brand-stack {font-size:7px}.v5-dash-card p {display:none}}
@media(prefers-reduced-motion:reduce){.mobile-demo-dots button,.mobile-plan-dots button{transition:none}}

/* V5.3: encabezado en una sola fila, icono portal centrado */
.login-user-icon{display:none}
@media(max-width:720px){
 .site-header .navbar{height:68px;min-height:68px;display:flex;flex-wrap:nowrap;gap:5px;padding:0}
 .site-header .brand{flex:0 1 auto;min-width:0;gap:4px;font-size:clamp(13px,3.8vw,17px)}
 .site-header .brand-logo{width:32px;height:32px;flex-shrink:0}
 .site-header .nav-controls{display:flex;flex:0 0 auto;min-width:0;align-items:center;gap:3px;flex-wrap:nowrap}
 .site-header .nav-controls .small-select{flex:0 0 auto;min-width:0;padding:0 1px}
 .site-header .nav-controls .small-select select{width:42px;max-width:42px;font-size:9px}
 .site-header .nav-controls .control-icon{display:none}
 .site-header .nav-controls .theme-toggle,.site-header .nav-controls .mobile-menu{flex:0 0 32px;width:32px;height:34px;padding:7px}
 .site-header .nav-controls .login-link{flex:0 0 34px;display:inline-flex!important;align-items:center;justify-content:center;width:34px;height:34px;min-width:34px;min-height:34px;padding:0!important;margin:0;border-radius:9px;font-size:0!important;line-height:1;transform:none;position:static}
 .site-header .nav-controls .login-link::after{content:none!important;display:none!important}
 .site-header .nav-controls .login-link .login-label{display:none}
 .site-header .nav-controls .login-link .login-user-icon{display:block;width:19px;height:19px;flex:none}
 .main-nav{top:68px}
 /* Carrusel original: una tarjeta completa y compacta por vista */
 .plans-grid{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;scroll-snap-type:x mandatory;gap:10px;padding:8px 5vw 12px!important;margin:0 -5vw!important;align-items:stretch;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .plans-grid .plan-card{flex:0 0 90vw!important;width:90vw!important;max-width:390px;min-width:0!important;scroll-snap-align:center;padding:clamp(10px,2.8vw,15px)!important;border-radius:13px;gap:0}
 .plans-grid .plan-heading h3{font-size:clamp(18px,5vw,22px);margin:4px 0 3px}
 .plans-grid .plan-tag{font-size:9px;letter-spacing:.5px}
 .plans-grid .plan-heading p{font-size:clamp(10px,2.8vw,11px);line-height:1.3;min-height:0;margin:0}
 .plans-grid .plan-price{margin:5px 0 0;gap:4px}
 .plans-grid .plan-price strong{font-size:clamp(24px,7vw,30px);line-height:1.1;letter-spacing:-1px}
 .plans-grid .price-period{font-size:10px}
 .plans-grid .price-explainer{font-size:9px;min-height:0;margin:1px 0 7px}
 .plans-grid .plan-card .button{padding:8px 10px;font-size:11px;min-height:34px}
 .plans-grid .plan-features{margin:8px 0 0;padding:6px 0 0}
 .plans-grid .plan-features li{font-size:clamp(10px,2.65vw,11px);line-height:1.22;padding:3px 0 3px 17px}
 .plans-grid .plan-features li::before{left:1px}
 .plans-grid .plan-ribbon{font-size:8px;padding:4px 8px;top:-11px}
 .mobile-plan-controls{display:flex!important;margin:4px 0 10px}
}
@media(max-width:370px){
 .site-header .brand{font-size:13px;gap:3px}
 .site-header .brand-logo{width:29px;height:29px}
 .site-header .nav-controls{gap:2px}
 .site-header .nav-controls .small-select select{width:36px;max-width:36px;font-size:8px}
 .site-header .nav-controls .theme-toggle,.site-header .nav-controls .mobile-menu{flex-basis:29px;width:29px;padding:6px}
 .site-header .nav-controls .login-link{flex-basis:31px;width:31px;min-width:31px}
 .plans-grid .plan-features li{padding-top:2px;padding-bottom:2px}
}

/* V5.4 — isotipo sin texto, altura equivalente a las tres líneas de marca */
.brand .brand-stack {font-size:9px;line-height:1.12;gap:0;margin-top:1px;}
.brand .brand-logo {width:46px;height:46px;object-fit:contain;flex-shrink:0;}
@media(max-width:720px){
  .site-header .brand-logo {width:36px;height:36px;}
  .site-header .brand .brand-stack {font-size:7px;line-height:1.12;}
}
@media(max-width:370px){
  .site-header .brand-logo {width:32px;height:32px;}
  .site-header .brand .brand-stack {font-size:6px;}
}