@font-face{font-family:DM;src:url('/fonts/dm-sans.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--primary:#16735c;--primary-dark:#105440;--ink:#173c32;--muted:#64796f;--paper:#f5faf7;--line:#dfece5;--yellow:#a9ebce;--blue:#75d6b0;--green:#16735c;--radius:12px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;color:var(--ink);font-family:DM,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:15px;line-height:1.55;background:white}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}input:focus,select:focus,textarea:focus{outline:2px solid #16735c;outline-offset:1px}button{border:0}h1,h2,h3,p{margin-top:0}[hidden]{display:none!important}.brand{font-size:37px;letter-spacing:-2.3px;font-weight:bold;display:inline-flex;align-items:center;color:var(--primary);line-height:1}.brand span{color:#173c32}.brand i{height:7px;width:7px;border-radius:50%;background:var(--yellow);margin:16px 0 0 3px}.site-header{max-width:1360px;margin:auto;min-height:100px;display:flex;align-items:center;gap:27px;padding:22px 40px}.site-header nav{display:flex;gap:34px;margin:auto;font-weight:bold;color:#505260;font-size:14px}.site-header nav a:hover,.header-login:hover{color:var(--primary)}.header-login{font-weight:bold;font-size:14px;white-space:nowrap}.header-login span{margin-left:8px}.button{display:inline-flex;gap:18px;align-items:center;justify-content:center;border-radius:5px;padding:12px 20px;font-weight:bold;line-height:1.4;font-size:14px;border:1px solid transparent;transition:background .18s,transform .18s}.button:hover{transform:translateY(-2px)}.plum{background:var(--primary);color:white}.plum:hover{background:var(--primary-dark)}.pale{background:#e6f8ef;color:var(--primary)}.outline{background:white;border-color:var(--line);color:#575465}.large{padding:17px 27px;font-size:16px}.hero{text-align:center;max-width:1280px;margin:auto;padding:61px 24px 75px;position:relative}.eyebrow{color:var(--primary);font-size:10px;font-weight:bold;letter-spacing:2px;display:block}.hero .eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;color:#7b7480}.flag{font-size:19px}.hero h1{font-family:DM,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(44px,5.6vw,79px);font-weight:700;line-height:1.27;letter-spacing:-2.8px;margin:23px 0 16px}.highlight{position:relative;z-index:0;white-space:nowrap}.highlight{color:var(--primary)}.hero-script{font-family:DM,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(24px,3.2vw,44px);line-height:1.4;letter-spacing:-1.1px;margin:22px 0 18px}.blue-underline{position:relative;white-space:nowrap;z-index:0}.blue-underline{color:var(--primary)}.hero-description{color:#747581;font-size:16px;line-height:1.8;margin-bottom:29px}.hero-actions{display:flex;justify-content:center;gap:14px}.demo-caption{font-size:11px;color:#91909a;margin:20px 0 0}.small-dot{display:inline-block;height:6px;width:6px;border-radius:50%;background:#8aab99;margin-right:6px}.apps-section{background:var(--paper);position:relative;padding:60px 30px 32px;margin-top:10px}.apps-grid{display:grid;grid-template-columns:repeat(6,1fr);max-width:1060px;margin:auto;gap:20px}.app-tile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.app-icon{height:85px;width:85px;border-radius:12px;background:white;display:grid;place-items:center;box-shadow:0 6px 15px #21263609;transition:transform .2s,box-shadow .2s;margin-bottom:10px;border:1px solid #eeeeef}.app-icon svg{width:55px;height:55px}.app-tile:hover .app-icon{transform:translateY(-3px);box-shadow:0 10px 20px #21263614}.app-tile strong{font-size:14px}.app-tile small{font-size:11px;color:var(--muted)}.apps-caption{text-align:center;color:#8b8791;font-size:13px;margin:34px 0 0}.apps-caption span{color:var(--primary);font-family:DM,-apple-system,BlinkMacSystemFont,sans-serif;font-size:19px;margin-left:4px}.story-section{max-width:1130px;margin:auto;padding:110px 35px;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}h2{font-family:DM,-apple-system,BlinkMacSystemFont,sans-serif;font-size:44px;line-height:1.28;letter-spacing:-1.5px;margin:18px 0 22px}.story-copy>p{color:var(--muted);font-size:15px;max-width:390px;line-height:1.9}.text-link{color:var(--primary);font-weight:bold;font-size:13px}.story-points{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:11px;color:#7f7b85;margin-top:25px}.preview-card{border:1px solid var(--line);box-shadow:0 18px 65px #4732420b;border-radius:15px;padding:25px;background:white}.preview-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}.brand.mini{font-size:24px}.muted{color:var(--muted)}.preview-card>p{font-size:11px;margin-bottom:3px}.preview-card h3{font-size:19px;margin-bottom:19px}.preview-card h3 span{color:#dda434}.preview-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.preview-metrics>div{padding:14px;background:#f0faf5;border-radius:8px}.preview-metrics small,.preview-metrics strong,.preview-metrics span{display:block}.preview-metrics small{font-size:11px}.preview-metrics strong{font-size:21px;margin:4px 0}.preview-metrics span{font-size:8px}.preview-line{display:flex;align-items:center;gap:10px;padding:14px 0;border-top:1px solid var(--line)}.preview-line div{flex:1}.preview-line strong,.preview-line b{font-size:11px}.preview-line small{display:block;font-size:9px;color:var(--muted)}.check-circle{height:30px;width:30px;display:grid;place-items:center;border-radius:50%;background:#e4f5ec;color:var(--green)}.check-circle.amber{background:#fff1d8;color:#b08134}.preview-card .preview-footer{color:var(--muted);font-size:9px;margin-top:10px}.faq-section{background:#f5faf7;display:grid;grid-template-columns:1fr 1.6fr;gap:90px;padding:65px max(40px,calc((100vw - 1060px)/2))}.faq-list details{border-bottom:1px solid #dfece5;padding:19px 0}.faq-list summary{cursor:pointer;font-weight:bold;font-size:14px;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary:after{content:'+';font-size:21px;color:var(--primary);line-height:1}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:13px;color:var(--muted);line-height:1.8;margin:13px 0 0}.bottom-cta{text-align:center;padding:65px 20px}.bottom-cta h2{font-size:39px}.bottom-cta p{color:var(--muted);font-size:12px;margin:18px 0 0}.site-footer{max-width:1280px;margin:auto;border-top:1px solid var(--line);padding:28px 40px;display:flex;align-items:center;gap:35px}.site-footer .brand{font-size:29px}.site-footer p{font-size:12px;color:var(--muted);margin:0}.site-footer>span{margin-left:auto;font-size:11px;color:var(--muted)}
/* Workspace */
#workspace{background:#f5faf7;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:235px;background:white;border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column;z-index:2}.sidebar>.brand{font-size:34px;margin:0 14px 30px}.company-switch{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:12px 9px;margin-bottom:32px}.company-avatar,.profile-avatar{background:#dcf5e8;color:var(--primary);height:33px;width:33px;border-radius:9px;display:grid;place-items:center;font-size:11px;font-weight:bold;flex-shrink:0}.company-switch strong{font-size:11px}.company-switch small{font-size:9px;color:var(--muted);display:block}.nav-label{font-size:9px;letter-spacing:1.6px;color:#a5a0ab;margin:0 12px 14px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{display:flex;gap:12px;font-size:12px;color:#7a7580;align-items:center;padding:11px 13px;border-radius:7px}.sidebar nav a>span{font-size:19px;line-height:1;width:20px;text-align:center}.sidebar nav a.active{background:#dcf5e8;color:var(--primary);font-weight:bold}.sidebar nav a:hover{background:#eff9f3}.sidebar-bottom{margin-top:auto;padding:25px 10px 0}.sidebar-bottom p{font-size:11px;color:#96909a;margin:13px 0}.sidebar-bottom a{font-size:11px;color:var(--primary)}.workspace-body{margin-left:235px}.workspace-header{height:77px;padding:0 36px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#88818e}.workspace-header>div{display:flex;align-items:center;gap:20px}.currency-chip{font-size:10px;color:#8b8490}.simulation-notice{margin:23px 36px 0;padding:11px 15px;border:1px solid #f0e4ca;border-radius:7px;background:#fffbf2;display:flex;gap:10px;align-items:center;color:#998053;font-size:10px}.simulation-notice p{margin:0}.simulation-notice>span{font-size:16px;color:#c39541}#page-content{padding:30px 36px 20px;min-height:calc(100vh - 217px)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.page-heading h1{font-size:27px;letter-spacing:-.8px;line-height:1.3;margin:0 0 6px}.page-heading p{color:var(--muted);font-size:12px;margin:0}.page-actions{display:flex;gap:9px;align-items:center}.workspace-body .button{font-size:11px;padding:10px 15px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:23px}.stat{background:white;border:1px solid var(--line);border-radius:10px;padding:20px}.stat-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#837b89}.stat-icon{height:28px;width:28px;display:grid;place-items:center;background:#e6f8ef;border-radius:8px;color:var(--primary);font-size:17px}.stat strong{font-size:25px;display:block;margin:12px 0 8px;letter-spacing:-.7px}.stat small{color:#98909b;font-size:10px}.stat.accent{background:var(--primary);color:white;border-color:var(--primary)}.stat.accent .stat-top,.stat.accent small{color:#d4f4e5}.stat.accent .stat-icon{background:#ffffff20;color:white}.dashboard-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:21px;margin-bottom:24px}.panel{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-header{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-header h2{font-family:inherit;font-size:13px;letter-spacing:0;line-height:1.5;margin:0}.panel-header p{font-size:10px;margin:3px 0 0;color:var(--muted)}.panel-header a{font-size:10px;color:var(--primary);font-weight:bold}.chart{padding:0 22px 19px}.chart svg{width:100%;height:180px;display:block}.chart text{font-family:DM,sans-serif;font-size:10px;fill:#98919c}.chart .grid-line{stroke:#f0edf2;stroke-dasharray:4}.chart-legend{display:flex;gap:19px;font-size:9px;color:#8a8291;justify-content:center;margin-top:10px}.chart-legend i{width:7px;height:7px;display:inline-block;border-radius:2px;margin-right:5px;background:var(--primary)}.chart-legend i.outgoing{background:#a9ebce}.balance-content{padding:0 22px 20px}.balance-content>strong{font-size:29px;letter-spacing:-.8px;display:block}.balance-content>p{font-size:10px;color:var(--muted);margin:5px 0 18px}.balance-row{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:12px 0;font-size:11px}.balance-row span{color:var(--muted)}.positive{color:var(--green)}.negative{color:#ba775e}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-weight:normal;color:#8d8794;font-size:10px;padding:12px 21px;background:#f7fbf9;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:15px 21px;font-size:11px;border-bottom:1px solid #edf4ef}tbody tr:last-child td{border-bottom:0}td .subtext{display:block;font-size:9px;color:var(--muted);margin-top:3px}.doc-link{font-size:11px;color:var(--primary);font-weight:bold;background:none;padding:0}.badge{display:inline-flex;gap:5px;align-items:center;padding:4px 8px;border-radius:5px;font-size:9px;white-space:nowrap}.badge.soft{background:#e6f8ef;color:var(--primary)}.badge.green{background:#edf7f1;color:#42856a}.badge.amber{background:#fff5df;color:#a18341}.badge.red{background:#fff0ee;color:#af6964}.badge.gray{background:#f0f0f4;color:#92909e}.mini-action{font-size:10px;background:white;border:1px solid var(--line);padding:6px 9px;border-radius:5px;color:var(--primary)}.toolbar{display:flex;justify-content:space-between;gap:15px;padding:16px 20px;border-bottom:1px solid var(--line)}.toolbar input,.toolbar select{border:1px solid var(--line);border-radius:6px;background:white;padding:9px 12px;font-size:11px;color:var(--ink)}.toolbar input{width:270px;max-width:65%}.toolbar select{max-width:40%}.empty{padding:45px 25px;text-align:center;color:var(--muted);font-size:12px}.empty strong{display:block;color:var(--ink);font-size:15px;margin-bottom:7px}.workspace-footer{display:flex;justify-content:space-between;padding:15px 36px 25px;color:#aaa3ae;font-size:9px}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.customer-card{padding:23px}.customer-card h3{font-size:15px;margin:13px 0 5px}.customer-card p{font-size:11px;color:var(--muted)}.customer-card strong{font-size:19px}.connection{max-width:760px;padding:28px}.connection h2{font-family:inherit;font-size:19px;letter-spacing:0}.connection p,.connection li{font-size:13px;color:var(--muted);line-height:1.85}.connection ol{padding-left:20px}.connection .badge{margin-bottom:19px}.connection a{color:var(--primary);text-decoration:underline}.step-note{padding:15px;background:#fff9ed;border-radius:8px;margin:20px 0}.connection hr{border:0;border-top:1px solid var(--line);margin:25px 0}
/* Forms and details */
dialog{border:1px solid var(--line);border-radius:14px;padding:0;width:min(600px,calc(100vw - 32px));max-height:90vh;color:var(--ink);box-shadow:0 35px 100px #21112233}dialog::backdrop{background:#241c2c66;backdrop-filter:blur(3px)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:25px 27px 19px;border-bottom:1px solid var(--line)}.modal-header h2{font-family:inherit;font-size:21px;letter-spacing:-.6px;margin:0 0 5px}.modal-header p{font-size:11px;color:var(--muted);margin:0}.close-modal{background:#edf6f0;border-radius:50%;width:29px;height:29px;flex-shrink:0;color:#7e7484;font-size:21px;line-height:1}.modal-body{padding:24px 27px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#716679}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{padding:10px;border:1px solid #dfece5;border-radius:6px;width:100%;background:white;color:var(--ink);font-size:13px}.field textarea{resize:vertical;min-height:75px}.form-total{display:flex;justify-content:space-between;background:#eff9f3;border-radius:7px;padding:15px;margin-top:18px;font-size:12px}.form-total strong{font-size:19px}.form-note{font-size:10px;color:var(--muted);margin:14px 0}.form-error{color:#af4a46;background:#fff0ee;font-size:12px;padding:10px;border-radius:5px;margin:15px 0}.modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:21px}.detail-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.detail-summary small{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.detail-summary strong{font-size:14px}.detail-concept{font-size:13px;color:#7b7281;white-space:pre-wrap;overflow-wrap:anywhere}.detail-totals{border-top:1px solid var(--line);padding-top:10px}.detail-totals p{display:flex;justify-content:space-between;font-size:12px;margin:12px 0}.detail-totals .outstanding{font-size:18px;color:var(--primary);border-top:1px solid var(--line);padding-top:12px}.history h3{font-size:12px;margin-top:24px}.history p{font-size:10px;padding:8px 0;margin:0;border-bottom:1px solid var(--line);color:var(--muted)}.history p b{color:#6d6075}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.detail-actions .button{font-size:11px}#toast{position:fixed;bottom:25px;right:25px;z-index:5;max-width:calc(100vw - 50px);padding:13px 20px;background:var(--primary-dark);color:white;font-size:12px;border-radius:8px;box-shadow:0 8px 30px #21112222}body:has(dialog[open]){overflow:hidden}
@media(min-width:1550px){.hero{padding-top:85px;padding-bottom:95px}.hero h1{font-size:85px}.apps-section{padding-top:75px}}
@media(max-width:1150px){.site-header nav{gap:20px}.site-header{padding:22px 27px;gap:20px}.hero{padding-top:40px}.sidebar{width:205px;padding:28px 15px}.workspace-body{margin-left:205px}.workspace-header{padding:0 23px}.simulation-notice{margin:20px 23px 0}#page-content{padding:25px 23px}.stat{padding:15px}.stat strong{font-size:21px}.stats{gap:10px}.dashboard-grid{gap:15px}.story-section{gap:40px}.faq-section{gap:45px}.site-header nav{font-size:12px}.header-login{display:none}}
@media(max-width:800px){.site-header{min-height:82px;padding:20px 23px}.site-header .brand{font-size:32px}.site-header nav{display:none}.site-header>.button{margin-left:auto;font-size:12px}.hero{padding:37px 20px 62px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero h1{font-size:58px;letter-spacing:-2px;margin-top:26px}.hero-script{font-size:32px}.hero-description{font-size:14px}.apps-grid{grid-template-columns:repeat(3,1fr);gap:30px 12px}.apps-section{padding-top:30px}.story-section{grid-template-columns:1fr;gap:45px;padding:65px 30px}.story-copy{max-width:480px;margin:auto;width:100%}.preview-card{max-width:480px;width:100%;margin:auto}.faq-section{grid-template-columns:1fr;gap:5px;padding:45px 30px}.faq-section h2 br{display:none}.site-footer{flex-wrap:wrap;gap:20px;padding:25px}.site-footer>span{width:100%;margin:0}.sidebar{position:static;width:100%;padding:17px 20px;border-right:0;border-bottom:1px solid var(--line)}.sidebar>.brand{font-size:29px;margin:0 0 18px}.company-switch,.nav-label,.sidebar-bottom{display:none}.sidebar nav{flex-direction:row;overflow-x:auto;gap:4px}.sidebar nav a{white-space:nowrap;padding:8px 11px;font-size:10px}.sidebar nav a span{display:none}.workspace-body{margin:0}.workspace-header{height:55px}.dashboard-grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:repeat(2,1fr)}.page-heading h1{font-size:25px}.cards-grid{grid-template-columns:repeat(2,1fr)}.workspace-footer{padding:15px 23px}}
@media(max-width:520px){.hero h1{font-size:43px;letter-spacing:-1.5px}.hero-script{font-size:25px;letter-spacing:-.7px}.hero-actions{flex-direction:column;max-width:300px;margin:auto}.large{font-size:14px;padding:15px 20px}.hero .eyebrow{font-size:7px;letter-spacing:.7px;gap:7px}.flag{font-size:16px}.hero-description br{display:none}.hero-description{max-width:300px;margin:0 auto 25px;font-size:13px}.app-icon{width:67px;height:67px}.app-icon svg{width:45px;height:45px}.app-tile strong{font-size:12px}.app-tile small{font-size:9px}.apps-section{padding-left:14px;padding-right:14px}h2{font-size:36px}.story-section{padding:55px 25px}.preview-card{padding:19px}.preview-metrics strong{font-size:18px}.bottom-cta h2{font-size:31px}.page-heading{align-items:flex-start;flex-direction:column;gap:15px}.page-heading p{font-size:11px}.simulation-notice{margin:15px 15px 0;font-size:9px}#page-content{padding:23px 15px}.stat strong{font-size:22px}.stat-top{font-size:10px}.stat small{font-size:9px}.dashboard-grid{grid-template-columns:1fr}.cards-grid{grid-template-columns:1fr}.workspace-footer>span{display:none}.workspace-header{padding:0 16px}.modal-header,.modal-body{padding:21px}.form-grid{gap:13px}.field{font-size:10px}.toolbar{padding:13px}.toolbar input,.toolbar select{font-size:10px}.page-actions .button{font-size:10px}td,th{padding-left:15px;padding-right:15px}.preview-line strong,.preview-line b{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Account access and multi-line invoices */
#auth-page{min-height:100vh;background:#eff9f3;padding:35px 24px}#auth-page>.brand{display:flex;justify-content:center;margin:5px auto 30px}.auth-card{max-width:480px;margin:auto;padding:35px;background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 55px #16735c0c}.auth-card h1{font-family:DM,-apple-system,BlinkMacSystemFont,sans-serif;font-size:38px;line-height:1.3;margin:12px 0}.auth-card>p{color:var(--muted);font-size:13px}.auth-card .field{margin-bottom:15px;font-size:12px}.auth-card form>.button{width:100%;margin-top:10px}.auth-switch{text-align:center;margin-top:25px;font-size:12px}.auth-switch a{color:var(--primary);text-decoration:underline}.invoice-line{display:grid;grid-template-columns:1fr 1fr 1fr 30px;gap:8px;padding:15px 0;border-bottom:1px solid var(--line);margin-bottom:15px}.line-description{grid-column:1/-1}.remove-line{align-self:end;height:39px}.wrap-text{white-space:normal;min-width:120px;overflow-wrap:anywhere}.company-switch strong{overflow-wrap:anywhere}.company-switch>div{min-width:0}.connection form .field{margin-bottom:12px}#print-document{padding:30px}#print-document h2{font-family:inherit;font-size:24px}#print-document table{white-space:normal}#print-document .detail-totals{margin-left:auto;max-width:350px}
@media print{body>*{display:none!important}#print-document[hidden]{display:block!important}body{font-size:12px;background:white}#print-document{padding:0}#print-document table{width:100%}#print-document th,#print-document td{font-size:11px}#print-document h1{font-size:26px}@page{size:A4;margin:18mm}}
@media(max-width:520px){.auth-card{padding:25px 20px}.workspace-header>div{gap:10px}.company-switch{max-width:100%}}

/* Kostbill · white and mint */
.site-header{max-width:1280px;min-height:90px;border-bottom:1px solid var(--line)}
.brand{letter-spacing:-1.8px}.brand i{background:#75d6b0}
.button{border-radius:10px;min-height:42px}.button.plum{background:#a9ebce;color:#123f30}.button.plum:hover{background:#8ddfba}
.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:65px;text-align:left;padding:80px 40px 90px;max-width:1280px}
.hero .eyebrow{justify-content:flex-start;color:var(--primary);font-size:10px;letter-spacing:1.2px}
.hero h1{font-size:clamp(40px,4.5vw,65px);line-height:1.12;letter-spacing:-2.5px;margin:25px 0;font-weight:700}
.hero-script{font-size:20px;letter-spacing:-.4px;line-height:1.5;margin:0 0 16px}
.hero-description{font-size:15px;color:var(--muted)}.hero-actions{justify-content:flex-start;flex-wrap:wrap;gap:10px}.hero-actions .large{font-size:13px;padding:15px 18px}
.hero .preview-card{position:relative;padding:30px;border:1px solid #cce8d9;border-radius:24px;box-shadow:16px 16px 0 #e1f6eb;max-width:100%;width:100%}
.preview-card h3{font-size:23px;letter-spacing:-.7px}.preview-metrics>div{padding:18px 14px}.preview-metrics strong{font-size:23px}.preview-line{padding:20px 0}.preview-line strong,.preview-line b{font-size:12px}.preview-line small{font-size:11px}
.apps-section{margin:0;padding:40px;background:#f5faf7;border-block:1px solid var(--line)}.apps-grid{max-width:1200px;gap:14px}
.app-tile{background:white;border:1px solid var(--line);border-radius:16px;padding:22px 10px;gap:5px}.app-icon{background:#eff9f3;border:0;box-shadow:none;width:58px;height:58px;border-radius:14px}.app-icon svg{width:39px;height:39px}.apps-caption{margin-top:24px}.apps-caption span{font:inherit;color:var(--primary)}
h2{font-size:38px;letter-spacing:-1.3px;line-height:1.2;font-weight:700}.story-section{grid-template-columns:1fr 1fr;max-width:1200px;gap:65px;padding:85px 40px}.story-copy>p{max-width:470px}.workflow{display:grid;gap:0;border:1px solid var(--line);border-radius:20px;background:white;padding:8px 26px}.workflow>div{display:flex;gap:18px;align-items:center;padding:23px 0}.workflow>div+div{border-top:1px solid var(--line)}.workflow b{display:grid;place-items:center;border-radius:12px;background:#e1f6eb;color:var(--primary);width:42px;height:42px;flex-shrink:0}.workflow h3{font-size:15px;margin:0 0 3px}.workflow p{font-size:12px;color:var(--muted);margin:0}
.bottom-cta{background:#e1f6eb;margin:35px auto 60px;max-width:1120px;border-radius:24px;padding:50px 25px}.bottom-cta h2{font-size:35px}
.sidebar{background:#fff}.sidebar nav a{color:#536c60;font-size:13px;padding-block:12px}.sidebar nav a.active{box-shadow:inset 3px 0 #38b78a}.sidebar nav a:hover{background:#eff9f3}.company-switch{background:#f7fbf9;border-radius:12px}.nav-label{color:#64796f}
.stat,.panel{border-radius:16px}.stat{padding:22px}.stat.accent{background:#d9f5e7;border-color:#bfe7d3;color:var(--ink)}.stat.accent .stat-top,.stat.accent small{color:#406b59}.stat.accent .stat-icon{background:#b8eacf;color:#165c44}.stat-top{color:#536c60}.stat small{color:#64796f}.panel-header h2{font-size:14px}.chart-legend i.outgoing{background:#a9ebce}th{color:#536c60}td{font-size:12px}.workspace-header{color:#536c60}.field{color:#536c60}.auth-card{box-shadow:0 16px 55px #174d3010;border-radius:24px}.auth-card h1{font-size:32px;letter-spacing:-1px}.detail-concept{color:#536c60}
@media(min-width:1550px){.hero h1{font-size:65px}}
@media(max-width:1050px){.hero{gap:30px;padding-inline:28px}.hero h1{font-size:46px}.preview-metrics strong{font-size:19px}.hero .preview-card{padding:22px}.apps-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding:45px 24px 60px;gap:35px}.hero-copy{max-width:600px}.hero h1{font-size:52px}.hero .preview-card{max-width:540px;margin:0}.story-section{grid-template-columns:1fr;gap:28px;padding:55px 24px}.story-copy{max-width:none}.apps-section{padding:30px 24px}.bottom-cta{margin:20px 24px 40px}.sidebar nav a{font-size:12px}.stat{padding:18px}}
@media(max-width:520px){.hero h1{font-size:40px;letter-spacing:-1.7px}.hero .highlight{white-space:normal}.hero>*{min-width:0}.hero .eyebrow{font-size:8px;letter-spacing:.4px}.hero-description{max-width:none;margin:0 0 25px}.hero-actions{max-width:none;margin:0;align-items:stretch}.hero-script{font-size:18px}.hero .preview-card{padding:20px;box-shadow:7px 7px 0 #e1f6eb}.preview-card h3{font-size:21px}.preview-metrics strong{font-size:19px}.preview-line strong,.preview-line b{font-size:11px}.apps-grid{grid-template-columns:repeat(2,1fr);gap:10px}.app-tile{padding:18px 8px}.app-icon{width:50px;height:50px}.app-icon svg{width:34px;height:34px}.app-tile small{font-size:10px}h2{font-size:32px}.bottom-cta h2{font-size:29px}.workflow{padding-inline:20px}.stat strong{font-size:21px}}

/* CRM, ventas, equipo y plan */
.sidebar{overflow-y:auto}
.sidebar nav{gap:2px}
.nav-group{display:block;font-size:9px;font-weight:bold;letter-spacing:1.6px;color:#9aa9a1;margin:16px 13px 5px}
.nav-group:first-child{margin-top:0}
.sidebar nav a.locked{color:#a9b3ae}
.sidebar nav a .lock{margin-left:auto;font-size:9px;font-style:normal;opacity:.7}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
fieldset{border:0;margin:0;padding:0;min-width:0}
fieldset:disabled .button{display:none}
.plan-banner{display:flex;align-items:center;gap:12px;margin:0 0 22px;padding:12px 16px;border:1px solid #c8efdd;border-radius:8px;background:#f1fbf6;font-size:12px;color:var(--ink)}
.plan-banner p{margin:0;flex:1}
.plan-banner>span{font-size:16px;color:var(--primary);font-weight:bold}
.plan-banner.warning{border-color:#f0e4ca;background:#fffbf2;color:#7d6632}
.plan-banner.warning>span{color:#c39541}
.plan-banner .button{padding:8px 14px;font-size:12px}
.tabs{display:flex;gap:4px;flex-wrap:wrap}
.tab{background:transparent;border:1px solid transparent;border-radius:6px;padding:7px 12px;font-size:12px;color:var(--muted)}
.tab:hover{background:#eff9f3}
.tab.active{background:#dcf5e8;color:var(--primary);font-weight:bold}
.tab small{opacity:.7;margin-left:2px}
.page-tabs{margin:-8px 0 18px}
.card-actions{display:flex;gap:8px;flex-wrap:wrap}
.card-actions .button{padding:8px 13px;font-size:12px}
.check-field{display:flex;gap:9px;align-items:center;font-size:12px;color:var(--ink)}
.check-field.full{grid-column:1/-1}
.check-field input{width:16px;height:16px;accent-color:var(--primary)}
.kanban{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:14px;margin-bottom:24px;overflow-x:auto;padding-bottom:4px}
.kanban-column{background:var(--paper);border:1px dashed transparent;border-radius:10px;padding:12px;min-height:160px;display:flex;flex-direction:column;gap:10px;transition:border-color .15s,background .15s}
.kanban-column.drop{border-color:var(--primary);background:#e6f8ef}
.kanban-column header{display:flex;flex-direction:column;gap:2px;padding:2px 4px 6px}
.kanban-column header strong{font-size:12px}
.kanban-column header strong span{display:inline-grid;place-items:center;min-width:19px;height:19px;border-radius:10px;background:white;border:1px solid var(--line);font-size:10px;margin-left:4px;padding:0 5px}
.kanban-column header small{font-size:10px;color:var(--muted)}
.kanban-empty{font-size:11px;color:#a3b1aa;text-align:center;margin:18px 0}
.deal-card{background:white;border:1px solid var(--line);border-radius:8px;padding:12px;cursor:grab;display:flex;flex-direction:column;gap:6px}
.deal-card:hover{border-color:#bfe3d1;box-shadow:0 6px 18px #16735c14}
.deal-card.dragging{opacity:.5}
.deal-card .doc-link{text-align:left;font-size:13px}
.deal-card .subtext{font-size:10px;color:var(--muted)}
.deal-meta{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:12px}
.deal-meta small{font-size:10px;color:var(--muted)}
.deal-foot{display:flex;justify-content:space-between;align-items:center;gap:8px}
.deal-foot select{font-size:10px;padding:4px 6px;border:1px solid var(--line);border-radius:5px;background:white;color:var(--ink);max-width:130px}
.avatar-mini{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#dcf5e8;color:var(--primary);font-size:9px;font-weight:bold}
.pipeline-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line)}
.pipeline-strip a{background:white;padding:14px 20px;display:flex;flex-direction:column;gap:2px}
.pipeline-strip a:hover{background:#f6fcf9}
.pipeline-strip small{font-size:10px;color:var(--muted)}
.pipeline-strip strong{font-size:20px}
.pipeline-strip span{font-size:10px;color:var(--muted)}
.task-list{padding:14px 22px 18px;border-top:1px solid var(--line)}
.task-list h3{font-size:12px;margin:0 0 8px}
.task-row{display:flex;gap:10px;align-items:flex-start;padding:7px 0;font-size:12px;cursor:pointer}
.task-row input{margin-top:3px;accent-color:var(--primary)}
.task-row small{display:block;font-size:10px;color:var(--muted)}
td input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}
.related{margin-top:20px}
.related h3{font-size:12px;margin:0 0 6px}
.related-row{display:flex;justify-content:space-between;gap:12px;width:100%;background:white;border:1px solid var(--line);border-radius:6px;padding:9px 12px;margin-bottom:6px;font-size:12px;color:var(--ink);text-align:left}
.related-row:hover{border-color:var(--primary)}
.related-row small{color:var(--muted);font-size:10px;white-space:nowrap}
.inline-activity{margin-top:22px}
.activity-row{display:grid;grid-template-columns:110px 1fr 140px auto;gap:8px}
.activity-row select,.activity-row input{padding:9px;border:1px solid var(--line);border-radius:6px;font-size:12px;background:white;color:var(--ink);min-width:0}
.activity-row .button{padding:9px 14px;font-size:12px}
.product-pick{margin:18px 0 4px}
.plan-summary{display:grid;grid-template-columns:repeat(3,1fr) 1.4fr;margin-bottom:22px}
.plan-summary>div{padding:20px 22px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:4px}
.plan-summary>div:last-child{border-right:0}
.plan-summary small{font-size:10px;color:var(--muted)}
.plan-summary strong{font-size:20px;letter-spacing:-.4px}
.plan-summary span{font-size:10px;color:var(--muted)}
.plan-actions{justify-content:center;flex-direction:row!important;flex-wrap:wrap;align-items:center}
.plan-actions p{margin:0}
.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}
.module-card{position:relative;background:white;border:1px solid var(--line);border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.module-card:hover{border-color:#bfe3d1}
.module-card.selected{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}
.module-card input{position:absolute;top:18px;right:18px;width:18px;height:18px;accent-color:var(--primary)}
.module-card .module-name{font-weight:bold;font-size:13px;padding-right:26px}
.module-card strong{font-size:20px;letter-spacing:-.4px}
.module-card strong small{font-size:11px;color:var(--muted);font-weight:normal}
.module-card p{font-size:11px;color:var(--muted);margin:0;flex:1}
.module-card .badge{align-self:flex-start;margin:6px 0 0}
.seats-panel{display:flex;align-items:flex-end;gap:16px;padding:18px 22px;margin-bottom:22px}
.seats-panel .field{max-width:320px;flex:1}
.upcoming{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line)}
.upcoming div{background:white;padding:16px 20px}
.upcoming strong{font-size:12px}
.upcoming p{font-size:11px;color:var(--muted);margin:4px 0 0}
.role-list{padding-left:18px}
.pricing-section{max-width:1280px;margin:auto;padding:70px 40px;display:grid;grid-template-columns:1fr 2.2fr;gap:50px;align-items:start}
.pricing-copy h2{font-size:clamp(32px,3.6vw,50px);line-height:1.2;letter-spacing:-1.6px;margin:14px 0}
.pricing-copy p{color:var(--muted)}
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.price-card{border:1px solid var(--line);border-radius:12px;padding:22px;background:white;display:flex;flex-direction:column;gap:8px}
.price-card h3{font-size:15px;margin:0}
.price-card strong{font-size:24px;letter-spacing:-.6px;color:var(--primary)}
.price-card strong small{font-size:12px;color:var(--muted);font-weight:normal}
.price-card p{font-size:12px;color:var(--muted);margin:0;flex:1}
.price-card.soft{background:#f1fbf6;border-color:#c8efdd}
.price-card .button{align-self:flex-start;margin-top:6px}
@media(max-width:1150px){.module-grid,.upcoming{grid-template-columns:repeat(2,1fr)}.plan-summary{grid-template-columns:repeat(3,1fr)}.plan-actions{grid-column:1/-1;border-top:1px solid var(--line)}}
@media(max-width:800px){.nav-group{display:none}.sidebar nav a .lock{margin-left:4px}.pricing-section{grid-template-columns:1fr;padding:50px 23px;gap:24px}.pipeline-strip{grid-template-columns:repeat(2,1fr)}.activity-row{grid-template-columns:1fr 1fr}.activity-row input[name=subject]{grid-column:1/-1;order:-1}.plan-banner{flex-wrap:wrap}}
@media(max-width:520px){.module-grid,.upcoming,.plan-summary{grid-template-columns:1fr}.plan-summary>div{border-right:0;border-bottom:1px solid var(--line)}.kanban{grid-template-columns:repeat(4,78vw)}.seats-panel{flex-direction:column;align-items:stretch}}
.button.paypal{background:#ffc439;color:#003087}
.button.paypal:hover{background:#f2ba36}

/* ═══ v0.4 · Landing ═══ */
:root{--brand:#16735c}
.lp{background:white;color:var(--ink)}
.lp-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:30px;padding:16px max(24px,calc((100vw - 1240px)/2));background:#ffffffe8;backdrop-filter:blur(10px);border-bottom:1px solid #eef5f1}
.lp-header nav{display:flex;gap:28px;margin:auto;font-size:14px;font-weight:bold;color:#4c5b55}
.lp-header nav a:hover,.lp-login:hover{color:var(--primary)}
.lp-header-actions{display:flex;align-items:center;gap:18px}
.lp-login{font-weight:bold;font-size:14px}
.lp-eyebrow{display:inline-flex;gap:8px;align-items:center;font-size:11px;font-weight:bold;letter-spacing:1.6px;text-transform:uppercase;color:var(--primary)}
.lp-hero{max-width:1240px;margin:auto;padding:70px 24px 60px;display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}
.lp-hero h1{font-size:clamp(40px,5vw,64px);line-height:1.08;letter-spacing:-2.4px;margin:18px 0}
.lp-hero h1 span{color:var(--primary);display:block}
.lp-lead{font-size:18px;line-height:1.65;color:#566862;max-width:560px}
.lp-cta{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 18px}
.lp-trust{display:flex;gap:20px;flex-wrap:wrap;padding:0;margin:0;list-style:none;font-size:13px;color:#56695f}
.lp-trust li:before,.lp-checks li:before{content:'✓';color:var(--primary);font-weight:bold;margin-right:7px}
.lp-mock{position:relative;padding:20px 10px 40px}
.lp-window{background:white;border:1px solid #d9ebe2;border-radius:14px;box-shadow:0 30px 80px #16735c26;overflow:hidden}
.lp-window-bar{display:flex;gap:6px;align-items:center;padding:10px 14px;background:#f4faf7;border-bottom:1px solid #e3f0e9}
.lp-window-bar i{width:9px;height:9px;border-radius:50%;background:#d5e6dd}
.lp-window-bar span{margin-left:10px;font-size:11px;color:#7d8f87}
.lp-window-body{display:grid;grid-template-columns:120px 1fr;min-height:330px}
.lp-side{border-right:1px solid #eaf3ee;padding:14px 10px;display:flex;flex-direction:column;gap:4px;font-size:11px;color:#83948c}
.lp-side b{color:var(--primary);font-size:17px;margin:0 6px 10px}.lp-side b em{font-style:normal;color:var(--ink)}
.lp-side span{padding:6px 8px;border-radius:6px}.lp-side span.on{background:#dcf5e8;color:var(--primary);font-weight:bold}
.lp-board{padding:14px;background:#fafdfb}
.lp-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.lp-kpis div{background:white;border:1px solid #e5f1eb;border-radius:8px;padding:9px}
.lp-kpis div.accent{background:var(--primary);color:white;border-color:var(--primary)}
.lp-kpis small{display:block;font-size:9px;opacity:.75}.lp-kpis strong{font-size:14px}
.lp-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.lp-cols h5{font-size:10px;margin:0 0 6px;color:#5c6f66}.lp-cols h5 em{font-style:normal;background:white;border:1px solid #e3efe8;border-radius:8px;padding:0 5px;margin-left:3px}
.lp-card{background:white;border:1px solid #e3efe8;border-radius:7px;padding:8px;margin:0 0 7px;display:flex;flex-direction:column;gap:2px;font-size:10px}
.lp-card b{font-size:11px;color:var(--primary)}.lp-card small{color:#8a9a92}.lp-card span{font-weight:bold}
.lp-card.hot{border-color:var(--primary);box-shadow:0 6px 18px #16735c1f}
.lp-float{position:absolute;background:white;border:1px solid #d9ebe2;border-radius:12px;box-shadow:0 18px 40px #16735c22;padding:12px 14px;font-size:12px}
.lp-float-a{left:-18px;bottom:6px;display:flex;gap:10px;align-items:center}
.lp-float-a>span{width:28px;height:28px;border-radius:50%;background:var(--primary);color:white;display:grid;place-items:center}
.lp-float small{display:block;color:#7b8d85;font-size:10px}
.lp-float-b{right:-6px;top:-4px;width:150px}
.lp-bars{display:flex;align-items:flex-end;gap:5px;height:44px;margin-top:6px}
.lp-bars i{flex:1;background:#a9ebce;border-radius:3px}.lp-bars i:last-child{background:var(--primary)}
.lp-bars .h3{height:30%}.lp-bars .h4{height:40%}.lp-bars .h5{height:50%}.lp-bars .h6{height:60%}.lp-bars .h7{height:70%}.lp-bars .h9{height:92%}
.lp-industries{max-width:1240px;margin:0 auto;padding:10px 24px 40px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:center;color:#7b8b84;font-size:13px}
.lp-industries ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0}
.lp-industries li{border:1px solid #e1eee7;border-radius:30px;padding:6px 14px;background:#fbfefc}
.lp-section{max-width:1240px;margin:auto;padding:80px 24px}
.lp-soft{max-width:none;background:linear-gradient(#f5fbf8,#eef8f3);padding-left:max(24px,calc((100vw - 1192px)/2));padding-right:max(24px,calc((100vw - 1192px)/2))}
.lp-heading{text-align:center;max-width:720px;margin:0 auto 44px}
.lp-heading h2,.lp-split h2{font-size:clamp(30px,3.4vw,44px);line-height:1.15;letter-spacing:-1.4px;margin:12px 0}
.lp-heading p,.lp-split p{color:#5d6f67;font-size:16px;line-height:1.7}
.lp-flow{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:none}
.lp-flow li{border:1px solid #e1eee7;border-radius:14px;padding:24px;background:white;position:relative}
.lp-flow b{color:var(--primary);font-size:13px}.lp-flow h3{font-size:19px;margin:10px 0 8px}.lp-flow p{color:#63746c;font-size:14px;margin:0;line-height:1.6}
.lp-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.lp-modules article{background:white;border:1px solid #dcece4;border-radius:14px;padding:26px}
.lp-icon{width:42px;height:42px;border-radius:11px;background:#dcf5e8;color:var(--primary);display:grid;place-items:center;font-size:20px}
.lp-modules h3{font-size:18px;margin:16px 0 8px}.lp-modules p{color:#63746c;font-size:14px;line-height:1.65;margin:0}
.lp-split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.lp-split.reverse>div:first-child{order:2}
.lp-checks{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-direction:column;gap:10px;font-size:15px}
.lp-panel-mock{border:1px solid #dcece4;border-radius:16px;padding:22px;background:white;box-shadow:0 22px 60px #16735c14}
.lp-panel-mock h4{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#7b8d85;margin:6px 0 10px}
.lp-panel-mock h4+p{margin-top:0}
.lp-panel-mock p{display:flex;justify-content:space-between;border:1px solid #e6f1eb;border-radius:8px;padding:10px 14px;margin:0 0 8px;font-size:14px}
.lp-panel-mock em{font-style:normal;color:var(--primary);font-weight:bold;font-size:12px}
.lp-panel-mock .won{background:#edf9f3}.lp-panel-mock .lost em{color:#af6964}
.lp-roles{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lp-roles div{border:1px solid #dcece4;border-radius:14px;padding:22px;background:white}
.lp-roles div:first-child{background:var(--primary);color:white;border-color:var(--primary)}
.lp-roles b{display:block;font-size:17px}.lp-roles small{font-size:13px;opacity:.75}
.lp-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.lp-cases article{background:white;border:1px solid #dcece4;border-radius:14px;padding:26px;display:flex;flex-direction:column}
.lp-cases h3{margin:0 0 10px;font-size:18px}.lp-cases p{color:#63746c;font-size:14px;line-height:1.65;flex:1}
.lp-cases small{color:var(--primary);font-weight:bold;font-size:12px}
.lp-toggle{display:inline-flex;margin-top:18px;border:1px solid #dcece4;border-radius:30px;padding:4px;background:#f5fbf8}
.lp-toggle button{border-radius:30px;padding:8px 18px;background:transparent;font-size:13px;font-weight:bold;color:#5d6f67}
.lp-toggle button.active{background:white;color:var(--primary);box-shadow:0 2px 8px #16735c1f}
.lp-toggle em{font-style:normal;font-size:11px;color:var(--primary);margin-left:4px}
.lp-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.lp-pricing .price-card{border-radius:16px;padding:28px;gap:10px;position:relative}
.lp-pricing .price-card.featured{border:2px solid var(--primary);box-shadow:0 24px 60px #16735c1f}
.lp-pricing .price-card h3{font-size:20px}
.lp-pricing .price-card strong{font-size:36px}
.lp-pricing .price-card ul{list-style:none;padding:0;margin:8px 0 12px;display:flex;flex-direction:column;gap:8px;font-size:13px;color:#4f625a;flex:1}
.lp-pricing .price-card li:before{content:'✓';color:var(--primary);font-weight:bold;margin-right:7px}
.lp-pricing .price-card .button{align-self:stretch}
.lp-loading{grid-column:1/-1;text-align:center;color:var(--muted)}
.tier-flag{position:absolute;top:-11px;left:24px;background:var(--primary);color:white;font-size:10px;font-weight:bold;letter-spacing:1px;text-transform:uppercase;padding:4px 10px;border-radius:20px}
.tier-save{font-size:12px;color:var(--muted)}
.lp-extras{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px}
.lp-extras>div{border:1px solid #e1eee7;border-radius:14px;padding:24px;background:#fbfefc}
.lp-extras h3{margin:0 0 4px}.lp-extras p{color:var(--muted);font-size:13px;margin:0 0 12px}
.lp-extras ul{list-style:none;padding:0;margin:0}
.lp-extras li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid #e6f1eb;font-size:13px;color:#5d6f67}
.lp-extras li strong{color:var(--ink)}.lp-extras li b{white-space:nowrap;color:var(--primary)}
.lp-security-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.lp-security-grid div{border-top:3px solid var(--primary);padding-top:16px}
.lp-security-grid h3{font-size:16px;margin:0 0 8px}.lp-security-grid p{color:#63746c;font-size:14px;line-height:1.6;margin:0}
.lp-faq .faq-list{max-width:820px;margin:auto}
.lp-final{margin:20px auto 70px;max-width:1192px;border-radius:24px;background:var(--primary);color:white;text-align:center;padding:64px 24px}
.lp-final h2{font-size:clamp(30px,3.6vw,46px);letter-spacing:-1.4px;margin:0 0 10px}.lp-final p{opacity:.85;margin:0 0 26px}
.lp-final .button.plum{background:white;color:var(--primary)}
.lp-footer{max-width:1240px;margin:auto;padding:40px 24px 60px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;border-top:1px solid #e6f1eb;font-size:13px;color:#6d7f77}
.lp-footer nav{display:flex;flex-direction:column;gap:8px}.lp-footer strong{color:var(--ink)}

/* ═══ Acceso ═══ */
#auth-page{padding:0;background:white}
.auth-layout{display:grid;grid-template-columns:minmax(320px,.9fr) 1.1fr;min-height:100vh}
.auth-side{background:linear-gradient(160deg,#16735c,#0f5140);color:white;padding:48px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.auth-side .brand{color:white;margin-bottom:40px}.auth-side .brand span{color:#c8efdd}
.auth-side h2{font-size:36px;line-height:1.2;letter-spacing:-1px;margin:0}
.auth-side p{opacity:.85;font-size:15px;line-height:1.7}
.auth-side ul{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-direction:column;gap:10px;font-size:14px}
.auth-side li:before{content:'✓';margin-right:8px;color:#a9ebce}
.auth-layout .auth-card{align-self:center;width:min(460px,calc(100% - 32px));box-shadow:none;border:0}
.invite-logo{max-height:48px;max-width:160px;margin-bottom:14px}

/* ═══ Espacio de trabajo ═══ */
.company-avatar{overflow:hidden}.company-avatar img{width:100%;height:100%;object-fit:contain;background:white}
.kanban{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr)}
.contacts-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.contacts-toolbar input{padding:9px 12px;border:1px solid var(--line);border-radius:8px;min-width:260px}
.page-intro{color:var(--muted);font-size:13px;margin:-6px 0 18px}
.text-button{background:none;padding:0;color:var(--muted);font-size:12px;text-decoration:underline}
.custom-fields{border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin:18px 0 0}
.custom-fields legend{font-size:11px;font-weight:bold;color:var(--muted);padding:0 6px}
.custom-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;border:1px solid var(--line);border-radius:10px;padding:14px;margin:0 0 16px}
.custom-view small{display:block;font-size:10px;color:var(--muted)}.custom-view strong{font-size:13px}
.meter{height:6px;background:#e6f1eb;border-radius:6px;overflow:hidden;margin:8px 0}
.meter i{display:block;height:100%;background:var(--primary);border-radius:6px;width:0}
.meter-10 {width:10%!important}.meter-20{width:20%!important}.meter-30{width:30%!important}.meter-40{width:40%!important}.meter-50{width:50%!important}.meter-60{width:60%!important}.meter-70{width:70%!important}.meter-80{width:80%!important}.meter-90{width:90%!important}.meter-100{width:100%!important}
.checklist{margin-bottom:22px}.checklist .meter{margin:0 22px}
.checklist ul{list-style:none;margin:0;padding:12px 22px 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px 20px}
.checklist li{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--muted)}
.checklist li span{width:20px;height:20px;border-radius:50%;border:1.5px solid #cfe4d9;display:grid;place-items:center;font-size:11px;flex:none}
.checklist li.done{text-decoration:line-through}.checklist li.done span{background:var(--primary);border-color:var(--primary);color:white}
.checklist li a{color:var(--ink);font-weight:bold}
/* Plan y facturación */
.billing-layout{display:grid;grid-template-columns:1fr 330px;gap:20px;align-items:start}
.billing-block{margin-bottom:20px}
.billing-side{position:sticky;top:20px;display:flex;flex-direction:column;gap:14px}
.billing-summary{padding:20px}.billing-summary h2{font-size:14px;margin:0 0 10px}
.billing-summary p{display:flex;justify-content:space-between;gap:10px;font-size:12px}
.billing-coupon{padding:18px 20px}.billing-coupon h3{font-size:13px;margin:0 0 10px}
.coupon-row{display:flex;gap:8px}.coupon-row input{flex:1;padding:9px;border:1px solid var(--line);border-radius:6px;text-transform:uppercase;min-width:0}
.billing-buttons{display:flex;flex-direction:column;gap:8px}.billing-buttons .button{width:100%}
.tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;padding:0 20px 20px}
.tier{position:relative;text-align:left;background:white;border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:6px;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.tier:hover:not(:disabled){border-color:#bfe3d1}.tier:disabled{cursor:default;opacity:1}
.tier.selected{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}
.tier-name{font-weight:bold;font-size:16px}.tier-summary{font-size:11px;color:var(--muted)}
.tier strong{font-size:24px;letter-spacing:-.5px}.tier strong small{font-size:12px;font-weight:normal;color:var(--muted)}
.tier ul{list-style:none;padding:0;margin:6px 0 0;font-size:11px;color:#5d6f67;display:flex;flex-direction:column;gap:5px}
.addon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;padding:0 20px 20px}
.addon{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:14px;cursor:pointer}
.addon.selected{border-color:var(--primary);background:#f4fbf7}
.addon input{margin-top:3px;accent-color:var(--primary)}.addon span{flex:1}.addon strong{display:block;font-size:13px}.addon small{font-size:11px;color:var(--muted)}
.addon b{white-space:nowrap;font-size:13px}.addon b small{font-weight:normal}
.qty{width:80px;padding:7px;border:1px solid var(--line);border-radius:6px}
.plan-summary{grid-template-columns:repeat(3,1fr) 1.3fr}
/* Equipo */
.license-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-bottom:20px}
.license-card{background:white;border:1px solid var(--line);border-radius:10px;padding:16px}
.license-card>div:first-child{display:flex;justify-content:space-between;font-size:13px}
.license-card small{font-size:11px;color:var(--muted)}.license-card.full .meter i{background:#c39541}
/* Comparación de licencias */
.role-section{margin-top:28px}.role-section-heading{margin-bottom:18px}.role-section-heading h2{font-size:23px;letter-spacing:-.5px;margin:7px 0}.role-section-heading p,.role-footnote{font-size:12px;color:var(--muted);margin:0}.role-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.role-card{min-width:0;background:white;border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column}.role-card-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.role-card-heading h3{margin:0;font-size:18px;letter-spacing:-.3px}.role-card-heading .badge{font-size:11px;border-radius:20px;padding:5px 10px}.role-summary{font-size:13px;color:var(--muted);margin:10px 0 16px}.role-permissions{list-style:none;margin:0 0 20px;padding:0;font-size:13px;display:grid;gap:8px}.role-permissions li{display:flex;gap:9px}.role-permissions li:before{content:'✓';color:var(--primary);font-weight:bold}.role-modules{margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}.role-modules>span{display:block;font-size:10px;font-weight:bold;color:var(--muted);letter-spacing:.6px;text-transform:uppercase;margin-bottom:8px}.role-modules>div{display:flex;gap:6px;flex-wrap:wrap}.role-modules>div>span{font-size:11px;background:#f0f7f3;border-radius:6px;padding:5px 9px;overflow-wrap:anywhere}.role-owner{grid-column:1/-1;background:#edf8f2;border-color:#bfdfce}.role-owner .role-permissions{display:flex;flex-wrap:wrap;gap:10px 26px;margin-bottom:16px}.role-footnote{margin-top:14px;max-width:780px}@media(max-width:640px){.role-cards{grid-template-columns:1fr}.role-card{padding:18px}.role-section-heading h2{font-size:21px}.role-owner .role-permissions{display:grid}}

.invite-row{display:grid;grid-template-columns:1fr 180px;gap:10px;margin-bottom:10px}
.invite-row input,.invite-row select{padding:10px;border:1px solid var(--line);border-radius:6px}
/* Personalización */
.customize-grid{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start}
.customize-grid.pipelines{grid-template-columns:260px 1fr}
.customize-grid .connection{max-width:none}
.logo-field{display:flex;gap:18px;align-items:center;margin:16px 0 20px}
.logo-box{width:110px;height:80px;border:1px dashed #c8e2d5;border-radius:10px;display:grid;place-items:center;background:#fbfefc;overflow:hidden;font-size:11px;color:var(--muted)}
.logo-box img{max-width:100%;max-height:100%;object-fit:contain}
.file-button{position:relative;overflow:hidden;cursor:pointer}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}
.field input[type=color]{height:42px;padding:4px}
.preview-title{font-size:12px;color:var(--muted);margin:0 0 10px}
.doc-preview{background:white;border:1px solid var(--line);border-radius:10px;padding:20px;box-shadow:0 10px 30px #16735c10}
.doc-preview-head{display:flex;gap:12px;align-items:center;border-bottom:3px solid var(--brand);padding-bottom:12px}
.doc-preview-head img{max-height:40px;max-width:100px}
.doc-preview-mark{width:40px;height:40px;border-radius:8px;background:var(--brand);color:white;display:grid;place-items:center;font-weight:bold}
.doc-preview-head small{display:block;font-size:10px;color:var(--muted)}
.doc-preview h4{color:var(--brand);margin:14px 0}
.doc-preview-lines i{display:block;height:8px;background:#eef4f1;border-radius:4px;margin-bottom:8px}.doc-preview-lines i:nth-child(2){width:80%}.doc-preview-lines i:nth-child(3){width:60%}
.doc-preview p{font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:10px;margin:14px 0 0}
.pipeline-list{padding:16px;display:flex;flex-direction:column;gap:6px}.pipeline-list h3{font-size:12px;margin:0 0 6px}
.pipeline-item{text-align:left;background:white;border:1px solid var(--line);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;color:var(--ink)}
.pipeline-item.active{border-color:var(--primary);background:#f4fbf7}.pipeline-item small{font-size:10px;color:var(--muted)}
.stage-editor{margin:16px 0}
.stage-row{display:grid;grid-template-columns:1fr 110px 130px 110px;gap:8px;align-items:center;margin-bottom:8px}
.stage-row.head{font-size:10px;color:var(--muted);font-weight:bold;text-transform:uppercase;letter-spacing:1px}
.stage-row input,.stage-row select{padding:8px;border:1px solid var(--line);border-radius:6px;min-width:0;width:100%}
.stage-row .pct{display:flex;align-items:center;gap:4px;font-size:12px}
.stage-tools{display:flex;gap:4px}
.check-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-bottom:12px}
#modal h3{font-size:12px;margin:18px 0 8px}
/* Asistente */
.wizard-mode .sidebar,.wizard-mode .workspace-header,.wizard-mode .workspace-footer,.wizard-mode .simulation-notice{display:none!important}
.wizard-mode .workspace-body{margin-left:0}.wizard-mode #page-content{padding:0}
.wizard{display:grid;grid-template-columns:300px 1fr;min-height:100vh}
.wizard-steps{background:linear-gradient(160deg,#16735c,#0f5140);color:white;padding:40px 30px;display:flex;flex-direction:column;gap:14px}
.wizard-steps .brand{color:white}.wizard-steps .brand span{color:#c8efdd}.wizard-steps p{opacity:.85;font-size:13px}
.wizard-steps ol{list-style:none;padding:0;margin:10px 0 auto;display:flex;flex-direction:column;gap:14px}
.wizard-steps li{display:flex;gap:12px;align-items:center;font-size:14px;opacity:.6}
.wizard-steps li span{width:28px;height:28px;border-radius:50%;border:1.5px solid #ffffff80;display:grid;place-items:center;font-size:12px}
.wizard-steps li.current{opacity:1;font-weight:bold}.wizard-steps li.current span{background:white;color:var(--primary);border-color:white}
.wizard-steps li.done{opacity:.9}.wizard-steps li.done span{background:#ffffff26;border-color:transparent}
.wizard-steps .text-button{color:#c8efdd;align-self:flex-start}
.wizard-card{padding:56px min(6vw,70px);max-width:980px}
.wizard-card h2{font-size:32px;letter-spacing:-1px;margin:0 0 6px}.wizard-card>p{color:var(--muted);margin:0 0 26px}
.wizard-card .tier-grid{padding:0}.wizard-interval{margin-bottom:16px}
.wizard-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:28px;border-top:1px solid var(--line);padding-top:20px}
.wizard-actions>span{display:flex;gap:10px}
.import-box .dropzone{display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;border:2px dashed #c8e2d5;border-radius:12px;padding:30px;cursor:pointer;position:relative;background:#fbfefc;margin-bottom:14px}
.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.dropzone span{font-size:12px;color:var(--muted);max-width:460px}
.import-result ul{font-size:12px;color:#af6964;padding-left:18px}
/* Documentos impresos con la marca de la empresa */
.print-brand{display:flex;gap:18px;align-items:center;border-bottom:3px solid var(--brand);padding-bottom:14px;margin-bottom:18px}
.print-brand img{max-height:64px;max-width:180px;object-fit:contain}
#print-document h2{color:var(--brand)}
.print-terms{margin-top:20px;font-size:11px}.print-footer{margin-top:30px;border-top:1px solid #ddd;padding-top:10px;font-size:10px;color:#555}
@media(max-width:1150px){.lp-hero{grid-template-columns:1fr}.lp-flow,.lp-security-grid{grid-template-columns:1fr 1fr}.lp-modules,.lp-cases,.lp-pricing{grid-template-columns:1fr 1fr}.billing-layout,.customize-grid{grid-template-columns:1fr}.billing-side{position:static}}
@media(max-width:800px){.lp-header nav{display:none}.lp-split{grid-template-columns:1fr;gap:30px}.lp-split.reverse>div:first-child{order:0}.lp-extras{grid-template-columns:1fr}.auth-layout{grid-template-columns:1fr}.auth-side{padding:30px 24px}.auth-side h2{font-size:26px}.auth-side ul{display:none}.wizard{grid-template-columns:1fr}.wizard-steps{padding:24px}.wizard-steps ol{flex-direction:row;flex-wrap:wrap;gap:8px}.wizard-steps li{font-size:0}.wizard-steps li span{font-size:12px}.wizard-card{padding:28px 18px}.customize-grid.pipelines{grid-template-columns:1fr}.stage-row{grid-template-columns:1fr 90px}.stage-row select,.stage-tools{grid-column:auto}.stage-row.head{display:none}.contacts-toolbar input{min-width:0;width:100%}}
@media(max-width:560px){.lp-hero{padding-top:40px}.lp-flow,.lp-modules,.lp-cases,.lp-pricing,.lp-security-grid,.lp-roles{grid-template-columns:1fr}.lp-mock{display:none}.lp-header-actions .lp-login{display:none}.lp-footer{grid-template-columns:1fr}.invite-row{grid-template-columns:1fr}.lp-section{padding:56px 18px}}
.billing-layout>*,.customize-grid>*,.wizard>*{min-width:0}
.panel-header{flex-wrap:wrap}
@media(max-width:560px){.tier-grid,.addon-grid{grid-template-columns:1fr}.billing-block .panel-header .tabs{width:100%}}
.field input.upper{text-transform:uppercase}

/* Tutorial guiado */
#tour{position:fixed;inset:0;z-index:1000;pointer-events:none}
.tour-spot{position:fixed;border-radius:10px;box-shadow:0 0 0 9999px #0d2f26a6;transition:all .25s ease;pointer-events:none;outline:2px solid #a9ebce}
.tour-spot[hidden]{display:block!important;left:50%!important;top:50%!important;width:0!important;height:0!important}
.tour-card{position:fixed;width:360px;max-width:calc(100vw - 32px);background:white;border-radius:14px;padding:22px;box-shadow:0 24px 70px #0d2f2650;pointer-events:auto;transition:left .25s ease,top .25s ease}
.tour-card.bottom{left:16px!important;right:16px;bottom:16px;top:auto!important;width:auto}
.tour-count{font-size:10px;font-weight:bold;letter-spacing:1.4px;text-transform:uppercase;color:var(--primary)}
.tour-card h2{font-size:20px;margin:6px 0 8px}.tour-card p{font-size:13px;line-height:1.65;color:#51645c;margin:0}
.tour-dots{display:flex;gap:5px;margin:16px 0}.tour-dots i{width:7px;height:7px;border-radius:50%;background:#d7e8df}.tour-dots i.on{background:var(--primary);width:18px;border-radius:4px}
.tour-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.tour-actions>span{display:flex;gap:8px}
.tour-actions .button{padding:9px 14px;font-size:12px}
.free-month{margin:16px 0 0;padding:12px 16px;border-radius:10px;background:#edf9f3;border:1px solid #c8efdd;font-size:13px}
.free-month strong{color:var(--primary)}
@media(prefers-reduced-motion:reduce){.tour-spot,.tour-card{transition:none}}

/* Áreas de color, íconos y pantallas de finanzas */
:root{--negocio:#16735c;--negocio-soft:#dcf5e8;--ventas:#2f64c9;--ventas-soft:#e6eefc;--finanzas:#b2710f;--finanzas-soft:#fdf1dc;--config:#56656e;--config-soft:#eceff1;--plataforma:#7646c2;--plataforma-soft:#efe7fb;--almacen:#0b7285;--almacen-soft:#dff3f6;--personal:#b8456b;--personal-soft:#fbe7ee}
.icon,.nav-icon{width:18px;height:18px;flex:none}
.sidebar nav a .nav-icon{color:var(--g,#7a7580)}
.sidebar nav a.nav-negocio{--g:var(--negocio);--gs:var(--negocio-soft)}.sidebar nav a.nav-ventas{--g:var(--ventas);--gs:var(--ventas-soft)}.sidebar nav a.nav-finanzas{--g:var(--finanzas);--gs:var(--finanzas-soft)}.sidebar nav a.nav-personal{--g:var(--personal);--gs:var(--personal-soft)}.sidebar nav a.nav-almacen{--g:var(--almacen);--gs:var(--almacen-soft)}.sidebar nav a.nav-config{--g:var(--config);--gs:var(--config-soft)}.sidebar nav a.nav-plataforma{--g:var(--plataforma);--gs:var(--plataforma-soft)}
.sidebar nav a.active{background:var(--gs);color:var(--g);box-shadow:inset 3px 0 0 var(--g)}
.sidebar nav a:hover{background:var(--gs)}
#page-content[data-group=negocio]{--accent:var(--negocio);--accent-soft:var(--negocio-soft)}#page-content[data-group=ventas]{--accent:var(--ventas);--accent-soft:var(--ventas-soft)}#page-content[data-group=finanzas]{--accent:var(--finanzas);--accent-soft:var(--finanzas-soft)}#page-content[data-group=personal]{--accent:var(--personal);--accent-soft:var(--personal-soft)}#page-content[data-group=almacen]{--accent:var(--almacen);--accent-soft:var(--almacen-soft)}#page-content[data-group=config]{--accent:var(--config);--accent-soft:var(--config-soft)}#page-content[data-group=plataforma]{--accent:var(--plataforma);--accent-soft:var(--plataforma-soft)}
.heading-main{display:flex;gap:14px;align-items:center}
.heading-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft,#dcf5e8);color:var(--accent,var(--primary));flex:none}
.heading-icon-svg{width:24px;height:24px}
#page-content .stat-icon{background:var(--accent-soft,#e6f8ef);color:var(--accent,var(--primary))}
#page-content .stat.accent{background:var(--accent,var(--primary));border-color:var(--accent,var(--primary))}
#page-content .tab.active{background:var(--accent-soft,#dcf5e8);color:var(--accent,var(--primary))}
.mini-action[data-action=start-tour]{display:inline-flex;gap:5px;align-items:center}
.w-0{width:0%}.w-5{width:5%}.w-10{width:10%}.w-15{width:15%}.w-20{width:20%}.w-25{width:25%}.w-30{width:30%}.w-35{width:35%}.w-40{width:40%}.w-45{width:45%}.w-50{width:50%}.w-55{width:55%}.w-60{width:60%}.w-65{width:65%}.w-70{width:70%}.w-75{width:75%}.w-80{width:80%}.w-85{width:85%}.w-90{width:90%}.w-95{width:95%}.w-100{width:100%}
.aging-bar{display:flex;height:16px;margin:0 22px;border-radius:8px;overflow:hidden;background:#f0f3f1}
.aging-bar i{display:block;height:100%}
.b0{background:#3aa07a}.b1{background:#e0b447}.b2{background:#e08a3c}.b3{background:#d0613f}.b4{background:#a8342f}
.aging-legend{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line);margin-top:18px}
.aging-legend div{background:white;padding:14px 18px;display:flex;flex-direction:column;gap:2px}
.aging-legend .dot{width:10px;height:10px;border-radius:50%;display:inline-block}
.aging-legend small{font-size:11px;color:var(--muted)}.aging-legend strong{font-size:16px}.aging-legend em{font-style:normal;font-size:10px;color:var(--muted)}
.row-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.row-actions .button{padding:7px 10px;font-size:11px}
.split-even{grid-template-columns:1fr 1fr}
.bars{padding:6px 22px 20px;display:flex;flex-direction:column;gap:12px}
.bar-row{display:grid;grid-template-columns:minmax(90px,1fr) 2fr auto;gap:12px;align-items:center;font-size:12px}
.bar-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bar{height:10px;background:#f3eee5;border-radius:6px;overflow:hidden}.bar i{display:block;height:100%;background:var(--accent,var(--primary));border-radius:6px}
.method-chips{display:flex;gap:6px;flex-wrap:wrap}.method-chips span{font-size:11px;background:var(--accent-soft,#e6f8ef);color:var(--accent,var(--primary));padding:4px 9px;border-radius:12px}
.reminder-text{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px;font:inherit;font-size:13px}
/* Verificación en dos pasos */
.mfa-options{display:flex;flex-direction:column;gap:10px;margin:18px 0}
.mfa-option{text-align:left;background:white;border:1px solid var(--line);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:4px;color:var(--ink)}
.mfa-option:hover{border-color:var(--primary);background:#f6fcf9}.mfa-option strong{font-size:15px}.mfa-option span{font-size:12px;color:var(--muted)}
.mfa-steps{padding-left:18px;font-size:13px;color:#51645c;line-height:1.8}
.mfa-qr{display:flex;gap:18px;align-items:center;margin:14px 0 18px;padding:14px;border:1px solid var(--line);border-radius:12px}
.mfa-qr img{width:150px;height:150px;flex:none;image-rendering:pixelated}
.mfa-qr small{display:block;font-size:10px;color:var(--muted);margin-bottom:4px}
.mfa-secret{display:block;font-size:13px;letter-spacing:1px;word-break:break-all;background:#f4f8f6;padding:8px 10px;border-radius:6px;margin-bottom:8px}
.code-input{font-size:22px!important;letter-spacing:6px;text-align:center}
.recovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}
.recovery-grid code{background:#f4f8f6;border:1px solid var(--line);border-radius:6px;padding:8px;text-align:center;font-size:14px;letter-spacing:1px}
.modal-actions.left{justify-content:flex-start}
@media(max-width:800px){.aging-legend{grid-template-columns:1fr 1fr}.split-even{grid-template-columns:1fr}.mfa-qr{flex-direction:column;align-items:flex-start}.row-actions{justify-content:flex-start}}
:root{--finanzas:#8f5a09}
#page-content .stat.accent,#page-content .stat.accent strong,#page-content .stat.accent .stat-top,#page-content .stat.accent small{color:white}
#page-content .stat.accent .stat-icon{background:#ffffff2e;color:white}
.sidebar-help{display:flex;align-items:center;gap:8px;margin-top:12px;padding:0;background:none;font-size:11px;font-weight:bold;color:var(--primary)}
.sidebar-help span{width:18px;height:18px;border-radius:50%;border:1.5px solid currentColor;display:grid;place-items:center;font-size:10px}
.sidebar-help:hover{text-decoration:underline}

/* ═══ Acceso: logo, reglas de contraseña y animaciones ═══ */
.auth-side{position:relative;overflow:hidden}
.auth-side>*:not(.auth-orbs){position:relative;z-index:1}
.auth-orbs{position:absolute;inset:0;pointer-events:none}
.auth-orbs i{position:absolute;border-radius:50%;filter:blur(2px);background:radial-gradient(circle at 30% 30%,#a9ebce55,#a9ebce00 70%);animation:orb 14s ease-in-out infinite}
.auth-orbs i:nth-child(1){width:420px;height:420px;left:-140px;top:-120px}
.auth-orbs i:nth-child(2){width:300px;height:300px;right:-90px;bottom:8%;animation-duration:18s;animation-delay:-4s}
.auth-orbs i:nth-child(3){width:180px;height:180px;left:40%;top:55%;animation-duration:11s;animation-delay:-7s;background:radial-gradient(circle,#ffffff2e,#ffffff00 70%)}
@keyframes orb{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-20px) scale(1.06)}66%{transform:translate(-20px,25px) scale(.96)}}
.auth-logo{display:inline-flex;font-size:30px;margin:0 0 26px}
.auth-card{animation:cardIn .55s cubic-bezier(.2,.8,.2,1) both}
.auth-card>*{animation:riseIn .5s cubic-bezier(.2,.8,.2,1) both}
.auth-card>*:nth-child(2){animation-delay:.05s}.auth-card>*:nth-child(3){animation-delay:.1s}.auth-card>*:nth-child(4){animation-delay:.15s}.auth-card>*:nth-child(5){animation-delay:.2s}.auth-card>*:nth-child(n+6){animation-delay:.25s}
.auth-side h2,.auth-side p,.auth-side ul{animation:riseIn .7s cubic-bezier(.2,.8,.2,1) both .1s}
@keyframes cardIn{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
@keyframes riseIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.auth-card.shake{animation:shake .42s cubic-bezier(.36,.07,.19,.97) both}
@keyframes shake{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(4px)}30%,50%,70%{transform:translateX(-7px)}40%,60%{transform:translateX(7px)}}
.password-wrap{position:relative;display:block}
.password-wrap input{padding-right:70px!important}
.reveal{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:#eef7f2;color:var(--primary);font-size:11px;font-weight:bold;padding:5px 9px;border-radius:5px}
.pw-rules{list-style:none;padding:0;margin:-4px 0 14px;display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;font-size:11px;color:var(--muted)}
.pw-rules li{display:flex;gap:6px;align-items:center;transition:color .2s}
.pw-rules li:before{content:'';width:14px;height:14px;border-radius:50%;border:1.5px solid #c6d8cf;flex:none;transition:all .2s}
.pw-rules li.ok{color:var(--primary)}
.pw-rules li.ok:before{background:var(--primary);border-color:var(--primary);box-shadow:inset 0 0 0 3px white}
.mfa-resumed{background:#edf9f3;border:1px solid #c8efdd;border-radius:8px;padding:9px 12px;font-size:12px}
.mfa-help{border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin:0 0 16px;font-size:12px}
.mfa-help summary{cursor:pointer;font-weight:bold;color:var(--primary)}
.mfa-help ol{padding-left:18px;line-height:1.9}.mfa-help code{background:#f4f8f6;padding:2px 6px;border-radius:4px;letter-spacing:1px}
.mfa-help .button{padding:4px 9px;font-size:11px;margin-left:4px}.mfa-help a{color:var(--primary);text-decoration:underline}
.loading-line{color:var(--muted)}
/* Botones en espera */
.button.is-loading{position:relative;color:transparent!important;pointer-events:none}
.button.is-loading:after{content:'';position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:2.5px solid #ffffff66;border-top-color:white;animation:spin .7s linear infinite}
.button.outline.is-loading:after,.button.pale.is-loading:after{border-color:#16735c33;border-top-color:var(--primary)}
.button.paypal.is-loading:after{border-color:#00308733;border-top-color:#003087}
@keyframes spin{to{transform:rotate(360deg)}}
/* Pantalla de carga del espacio de trabajo */
#app-loader{position:fixed;inset:0;z-index:900;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#f3fbf7,#ffffff 70%);animation:fadeIn .25s ease both}
#app-loader.leaving{animation:fadeOut .3s ease both}
.loader-card{display:flex;flex-direction:column;align-items:center;gap:18px}
.loader-brand{font-size:46px;animation:breathe 1.6s ease-in-out infinite}
.loader-brand i{animation:dot 1.2s ease-in-out infinite}
.loader-bar{width:180px;height:4px;border-radius:4px;background:#e2f1ea;overflow:hidden}
.loader-bar i{display:block;width:40%;height:100%;border-radius:4px;background:var(--primary);animation:slide 1.1s ease-in-out infinite}
#loader-text{margin:0;font-size:13px;color:var(--muted);min-height:20px}
@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
@keyframes dot{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes slide{0%{transform:translateX(-110%)}100%{transform:translateX(280%)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{to{opacity:0}}
/* Transición entre páginas */
#page-content.page-enter>*{animation:riseIn .35s cubic-bezier(.2,.8,.2,1) both}
#page-content.page-enter>*:nth-child(2){animation-delay:.04s}#page-content.page-enter>*:nth-child(3){animation-delay:.08s}#page-content.page-enter>*:nth-child(n+4){animation-delay:.12s}
.stat{transition:transform .18s ease,box-shadow .18s ease}.stat:hover{transform:translateY(-2px);box-shadow:0 10px 26px #16735c14}
@media(max-width:800px){.auth-side .brand{display:none}.auth-logo{font-size:26px;margin-bottom:18px}.pw-rules{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.auth-orbs i,.auth-card,.auth-card>*,.auth-side h2,.auth-side p,.auth-side ul,.loader-brand,.loader-brand i,#page-content.page-enter>*,.auth-card.shake{animation:none!important}.loader-bar i{animation-duration:2.4s}.stat,.stat:hover{transition:none;transform:none}}
.field>label{display:block}
.auth-card .field>label{font-size:12px}

/* Envío de documentos, vista pública, reportes, inventario, automatizaciones y PWA */
.send-options{display:flex;flex-direction:column;gap:18px}
.send-options section{border:1px solid var(--line);border-radius:10px;padding:14px 16px}
.send-options h3{margin:0 0 10px!important}
.button.whatsapp{background:#25d366;color:#083b1f}.button.whatsapp:hover{background:#1fbf5b}
.share-views{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--primary);margin:10px 0}.share-views.muted{color:var(--muted)}
.reports-block,.reports-panel{margin-top:16px}
.report-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;border:1px solid #f0e4ca;background:#fffbf2;border-radius:8px;margin-bottom:8px;font-size:13px}
.reports-panel .report-row{margin:0 20px 10px}
.report-row small{display:block;color:var(--muted);font-size:11px}.report-row span{display:flex;gap:6px}.report-row .button{padding:6px 10px;font-size:11px}
#public-page{min-height:100vh;background:linear-gradient(#f3f8f5,#ffffff 50%);padding:30px 16px 60px}
.public-doc{max-width:860px;margin:auto;animation:cardIn .5s cubic-bezier(.2,.8,.2,1) both}
.public-brand{display:flex;gap:14px;align-items:center;margin:0 0 18px}
.public-brand img{max-height:56px;max-width:180px;object-fit:contain}
.public-brand small{display:block;font-size:12px;color:var(--muted)}
.public-card{background:white;border:1px solid var(--line);border-top:4px solid var(--brand);border-radius:14px;padding:28px;box-shadow:0 20px 60px #16735c12}
.public-head{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:18px}
.public-head h1{font-size:30px;margin:6px 0;color:var(--brand)}.public-head .eyebrow{color:var(--brand)}
.public-status{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.public-status small{color:var(--muted);font-size:12px}
.public-actions{margin-top:24px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fbfefc}
.public-actions h3{margin:0 0 10px}
.report-payment{margin-top:14px}.report-payment summary{cursor:pointer;font-weight:bold;color:var(--primary);margin-bottom:12px}
.public-note{font-size:11px;color:var(--muted);margin-top:18px}.public-note a{color:var(--primary)}
.forgot-link{text-align:right;margin:-6px 0 12px;font-size:12px}.forgot-link a{color:var(--primary);text-decoration:underline}
.period-pick{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
.period-pick input{padding:8px 10px;border:1px solid var(--line);border-radius:8px;font:inherit;color:var(--ink)}
.detail-totals.pad{padding:0 22px 20px}
.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;padding:0 20px 20px}
.template{text-align:left;background:white;border:1px dashed #c6dccf;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:4px;color:var(--ink)}
.template:hover{border-style:solid;border-color:var(--primary);background:#f6fcf9}.template small{font-size:11px;color:var(--muted)}
.reminder-sample{font-size:12px;line-height:1.6;color:#44574f;border:0;margin:0;padding:0}
.free-note{padding:20px 22px}.free-note h2{font-size:14px;margin:0 0 6px}.free-note p{font-size:12px;color:var(--muted);margin:0}
.lp-pricing{grid-template-columns:repeat(4,1fr)}
@media(max-width:1150px){.lp-pricing{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.lp-pricing{grid-template-columns:1fr}.report-row{flex-direction:column;align-items:flex-start}.public-card{padding:18px}.public-status{align-items:flex-start}}
@media print{#public-page{padding:0;background:white}#public-page .public-actions,#public-page .modal-actions,.public-note{display:none!important}body>#public-page:not([hidden]){display:block!important}.public-card{box-shadow:none;border:0}}
@media(display-mode:standalone){.workspace-body{padding-bottom:env(safe-area-inset-bottom)}}

/* Plantillas, verificación de RNC y escáner con IA */
.template-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin-bottom:20px}
.template-card{position:relative;background:white;border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:6px}
.template-card.suggested{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}
.template-card h3{margin:0;font-size:15px}.template-card p{margin:0;font-size:12px;color:var(--muted)}
.template-card ul{list-style:none;padding:0;margin:6px 0 10px;font-size:11px;color:#51645c;display:flex;flex-direction:column;gap:4px;flex:1}
.template-card li:before{content:'✓';color:var(--primary);margin-right:6px}
.template-card .button{align-self:flex-start;padding:8px 13px;font-size:12px}
.rnc-result{grid-column:1/-1;border:1px solid var(--line);border-radius:8px;padding:9px 12px;font-size:12px;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;margin-top:-6px;animation:riseIn .25s ease both}
.rnc-result small{flex-basis:100%;color:var(--muted);font-size:11px}
.rnc-result.ok{border-color:#bfe6d2;background:#f1fbf6}.rnc-result.ok strong{color:var(--primary)}
.rnc-result.warn{border-color:#f0e4ca;background:#fffbf2}.rnc-result.warn strong{color:#94600c}
.rnc-result .button{padding:5px 10px;font-size:11px;margin-left:auto}
.scan-drop{padding:36px 20px}.scan-icon{width:52px;height:52px;border-radius:14px;background:var(--finanzas-soft);color:var(--finanzas);display:grid;place-items:center}
.scan-loading{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 10px;text-align:center}.scan-loading span{font-size:12px;color:var(--muted)}
.scan-empty{text-align:center;padding:24px 10px}
.scan-checks{list-style:none;padding:0;margin:12px 0;display:flex;flex-direction:column;gap:6px;font-size:12px}
.scan-checks li{padding:7px 10px;border-radius:7px;background:#f5f7f6}.scan-checks li.ok{background:#f1fbf6;color:#1b6b52}.scan-checks li.warn{background:#fff8ec;color:#8a5a0c}

/* Gráficos, ojo de contraseña y arrastre */
.chart-box{position:relative;width:100%;padding:4px 18px 16px}.h-160{height:160px}.h-200{height:200px}.h-220{height:220px}.h-240{height:240px}.h-280{height:280px}
.chart-box canvas{max-width:100%}
.cash-chart-summary{display:flex;align-items:center;gap:28px;padding:0 22px 18px;flex-wrap:wrap}.cash-chart-summary>div{display:grid;gap:5px}.cash-chart-summary span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px}.cash-chart-summary i{width:8px;height:8px;border-radius:3px;background:#16735c}.cash-chart-summary i.outgoing{background:#cd856a}.cash-chart-summary strong{font-size:19px;letter-spacing:-.4px;font-variant-numeric:tabular-nums}.cash-chart-summary>small{margin-left:auto;color:var(--muted);font-size:10px}.chart-box{padding:8px 22px 20px}
@media(max-width:600px){.cash-chart-summary{gap:18px;padding:0 16px 12px}.cash-chart-summary>small{width:100%;margin:0}.cash-chart-summary strong{font-size:17px}}
.pad-chart{padding:0 4px}.chart-panel{margin-bottom:20px}
.reveal{display:grid;place-items:center;width:34px;height:30px;padding:0;background:transparent;color:var(--muted);border-radius:6px}
.reveal:hover,.reveal.on{background:#eef7f2;color:var(--primary)}.reveal .icon{width:18px;height:18px}
.deal-ghost{opacity:.35;border-style:dashed}.deal-chosen{box-shadow:0 14px 34px #16735c30;transform:rotate(1.2deg)}.deal-drag{opacity:.95}
.deal-card{cursor:grab;touch-action:pan-y}
@media(max-width:800px){.chart-box{padding:4px 8px 12px}}

/* Inventario y almacenes */
.search-field input{min-width:240px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;background:white}
.subtext.no-gap{margin-top:0}
.location-tag{display:inline-block;padding:3px 8px;border-radius:6px;background:var(--almacen-soft);color:var(--almacen);font-size:12px;font-weight:600}
.warehouse-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start;margin-bottom:18px}
.warehouse-layout:has(> :only-child){grid-template-columns:1fr}
.warehouse-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.warehouse-card{background:white;border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:12px}
.warehouse-card.inactive{opacity:.65}
.warehouse-card header{display:flex;gap:12px;align-items:flex-start}
.warehouse-card header>div{flex:1;min-width:0}
.warehouse-card h3{margin:0;font-size:16px}
.warehouse-card header p{margin:2px 0 0;color:var(--muted);font-size:12px}
.warehouse-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--almacen-soft);color:var(--almacen);flex:none}
.warehouse-card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}
.warehouse-card dt{font-size:11px;color:var(--muted)}
.warehouse-card dd{margin:2px 0 0;font-weight:700;font-size:14px;overflow-wrap:anywhere}
.warehouse-card meter{width:100%;height:8px}
.warehouse-card meter::-webkit-meter-bar{background:#eef4f1;border:0;border-radius:99px;height:8px}
.warehouse-card meter::-webkit-meter-optimum-value{background:var(--almacen);border-radius:99px}
.warehouse-card meter::-moz-meter-bar{background:var(--almacen);border-radius:99px}
.card-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:auto}
.available-note{align-self:end;margin:0 0 10px;font-size:13px;color:var(--muted)}
.transfer-line{display:grid;grid-template-columns:minmax(0,1fr) 120px auto;gap:10px;align-items:end;padding:10px 0;border-bottom:1px dashed var(--line)}
.transfer-line .line-available{grid-column:1/2;grid-row:2}
.transfer-line [data-action=remove-transfer-line]{font-size:20px;text-decoration:none;padding:0 6px 10px}
#transfer-lines+.button{margin:12px 0}
.count-table{max-height:52vh;overflow:auto}
.count-table thead th{position:sticky;top:0;background:white;z-index:1}
.count-input{width:110px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;font:inherit}
.count-diff{font-weight:700}.count-diff.ok{color:var(--primary)}
.print-document .signatures,#print-document .signatures{display:flex;justify-content:space-between;gap:40px;margin-top:60px}
#print-document .signatures span{flex:1;border-top:1px solid #333;padding-top:6px;text-align:center}
@media (max-width:900px){.warehouse-layout{grid-template-columns:1fr}.search-field input{min-width:0;width:100%}.transfer-line{grid-template-columns:1fr 90px auto}}
.button:has(>svg){display:inline-flex;align-items:center;justify-content:center;gap:6px}
.powered-by{text-align:center;margin:14px 0 0;font-size:13px}.powered-by a{color:var(--primary);text-decoration:none}.powered-by b{font-weight:700}
/* Límites del plan */
.plan-limit{display:flex;gap:12px;align-items:center;background:#fff8e6;border:1px solid #f3dca6;border-radius:12px;padding:12px 14px;margin:0 0 16px}
.plan-limit>span{color:#b2710f;font-size:18px}.plan-limit p{flex:1;margin:0;font-size:13px;color:#5d4a1c}
.usage-meter{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;background:white;border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin:0 0 16px;font-size:13px}
.usage-meter meter{flex:1;min-width:140px;height:8px}.usage-meter.full{border-color:#f3dca6;background:#fff8e6}
.usage-meter a{font-weight:700;color:var(--primary);text-decoration:none}
.price-card li.limit,.tier li.limit{color:var(--muted)}
.limit-list{margin:6px 0 10px;padding-left:18px;color:var(--muted);font-size:13px}
.locked-action{opacity:.75}
.price-card li.limit:before{content:'–';color:var(--muted);font-weight:normal}
/* Contabilidad */
.books-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;justify-content:space-between}
.books-period{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.books-period .field{margin:0}
.journal-list{display:flex;flex-direction:column}
.journal-entry{border-top:1px solid var(--line)}.journal-entry:first-child{border-top:0}
.journal-entry summary{display:flex;gap:12px;align-items:center;padding:12px 18px;cursor:pointer;list-style:none;flex-wrap:wrap}
.journal-entry summary::-webkit-details-marker{display:none}
.journal-entry summary:hover{background:#f7fbf9}
.je-number{font-weight:700;font-variant-numeric:tabular-nums;min-width:86px}.je-memo{flex:1;min-width:180px}
.journal-entry summary strong{margin-left:auto}
.journal-entry table{width:100%;border-collapse:collapse;font-size:13px}.journal-entry td,.journal-entry th{padding:7px 18px;border-top:1px solid #eef4f1;text-align:left}
.journal-entry td:nth-child(3),.journal-entry td:nth-child(4){text-align:right;font-variant-numeric:tabular-nums}
.je-foot{display:flex;gap:10px;align-items:center;padding:8px 18px 14px}.je-foot small{flex:1;color:var(--muted)}
tr.account-group td{font-weight:700;background:#f5faf7}tr.inactive{opacity:.55}
.ledger-picker{min-width:320px;margin:0}
.statements{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px}
.statement h3{margin:14px 18px 6px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.statement .balance-row{padding:6px 18px}.statement .balance-row.total{font-weight:700;border-top:1px solid var(--line)}
.statement .balance-row.grand{font-size:16px;font-weight:800;border-top:2px solid var(--ink);margin-top:8px;padding-top:10px}
.statement .form-note{padding:0 18px 14px}
.entry-line{display:grid;grid-template-columns:minmax(0,2fr) 110px 110px minmax(0,1.5fr) auto;gap:8px;align-items:end;padding:6px 0;border-bottom:1px dashed var(--line)}
#entry-lines+.button{margin:10px 0}
@media (max-width:900px){.entry-line{grid-template-columns:1fr 1fr}.ledger-picker{min-width:0;width:100%}}
.statement p.muted{padding:0 18px;margin:4px 0 8px;font-size:13px}
.books-period input[type=date]{min-width:150px}
/* Compras */
.po-line{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1.6fr) 90px 110px 80px auto;gap:8px;align-items:end;padding:6px 0;border-bottom:1px dashed var(--line)}
#po-lines+.button{margin:10px 0}
.po-meter{width:90px;height:8px;vertical-align:middle}
@media (max-width:900px){.po-line{grid-template-columns:1fr 1fr}}
/* Punto de venta */
.pos-bar{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;background:white;border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin-bottom:16px}
.pos-bar span{display:block;color:var(--muted);font-size:13px}.pos-bar-actions{display:flex;gap:8px;flex-wrap:wrap}
.pos-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;align-items:start}
.pos-search{padding:14px 16px;border-bottom:1px solid var(--line)}.pos-search input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font:inherit;font-size:15px}
.pos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;padding:14px 16px;max-height:62vh;overflow:auto}
.pos-tile{display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left;min-height:96px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fbfdfc;cursor:pointer;font:inherit;transition:transform .08s,border-color .15s}
.pos-tile:hover{border-color:var(--accent,var(--primary))}.pos-tile:active{transform:scale(.97)}
.pos-tile strong{font-size:14px;line-height:1.2}.pos-tile span{font-weight:700;color:var(--accent,var(--primary))}.pos-tile small{color:var(--muted);margin-top:auto}
.pos-cart{position:sticky;top:12px}.pos-lines{list-style:none;margin:0;padding:0 16px;max-height:40vh;overflow:auto}
.pos-lines li{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px dashed var(--line)}
.pos-lines li>div:first-child{min-width:0}.pos-lines li strong{display:block;font-size:14px}.pos-lines li span,.pos-lines li small{display:block;font-size:12px;color:var(--muted)}
.pos-lines li.sent small{color:var(--primary);font-weight:600}
.pos-qty{display:flex;gap:6px;align-items:center}.pos-qty .button{min-width:34px;padding:6px 0}.pos-qty b{min-width:26px;text-align:center}
.pos-totals{padding:10px 16px}.pos-totals p{display:flex;justify-content:space-between;margin:4px 0}.pos-totals .grand{font-size:20px;font-weight:800;border-top:1px solid var(--line);padding-top:8px}
.pos-cart>.field{margin:0 16px 10px}.pos-actions{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 16px}.pos-actions .button.large{flex:1}
.pos-tables{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:14px 16px}
.pos-table{display:flex;flex-direction:column;gap:4px;align-items:flex-start;padding:14px;min-height:96px;border:2px dashed var(--line);border-radius:14px;background:white;cursor:pointer;font:inherit;text-align:left}
.pos-table.busy{border-style:solid;border-color:var(--accent,var(--primary));background:var(--accent-soft,#e6f8ef)}
.pos-table strong{font-size:16px}.pos-table span{font-size:13px}.pos-table small{font-size:11px;color:var(--muted)}
.pos-open{display:grid;place-items:center;padding:30px 16px}.pos-open-card{max-width:420px;text-align:center}.pos-open-icon{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:18px;background:var(--accent-soft,#e6eefc);color:var(--accent,var(--primary))}.pos-open-icon .icon{width:32px;height:32px}
.pos-pay-total{display:flex;justify-content:space-between;align-items:center;background:var(--accent-soft,#e6f8ef);border-radius:12px;padding:14px 16px;margin-bottom:12px}.pos-pay-total strong{font-size:26px}
.pos-quick{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 12px}
.pos-change{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-weight:600}.pos-change strong{font-size:20px;color:var(--primary)}
.pos-done{text-align:center;padding:10px 0}.pos-done-check{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#dcf5e8;color:var(--primary);font-size:32px}.pos-done strong{display:block;font-size:28px;margin-top:8px}.pos-change-big{font-size:18px}
.table-row{display:grid;grid-template-columns:1fr 1fr 90px auto;gap:8px;align-items:end;padding:4px 0}
.kitchen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.kitchen-ticket{background:#fffdf6;border:1px solid #f0dfb3;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px}
.kitchen-ticket.late{border-color:#e59a9a;background:#fff6f6}.kitchen-ticket header{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.kitchen-ticket header strong{font-size:18px}.kitchen-ticket header span{font-size:12px;color:var(--muted)}
.kitchen-ticket ul{list-style:none;margin:0;padding:0}.kitchen-ticket li{display:flex;gap:8px;align-items:center;padding:6px 0;border-bottom:1px dashed #f0dfb3}.kitchen-ticket li small{display:block;color:#b2710f}.kitchen-ticket li .button{margin-left:auto}
.pad{padding:12px 16px}
#print-document .ticket{width:72mm;font-size:11px;font-family:ui-monospace,monospace}#print-document .ticket h2{font-size:14px;text-align:center;margin:0 0 4px}#print-document .ticket table{width:100%}#print-document .ticket td:last-child{text-align:right}
@media (max-width:1000px){.pos-layout{grid-template-columns:1fr}.pos-cart{position:static}}

/* Personal y nómina */
.plain-list{margin:4px 0 12px;padding-left:18px;font-size:13px;line-height:1.8}
.payroll-table{max-height:46vh;overflow:auto}.payroll-table td,.payroll-table th{white-space:nowrap}
.payroll-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
#print-document .payslip{page-break-after:always;padding:10px 0}#print-document .payslip table{width:100%;margin:10px 0}#print-document .payslip td:last-child{text-align:right}
#print-document .signatures{display:flex;justify-content:space-between;gap:40px;margin-top:50px}#print-document .signatures span{flex:1;border-top:1px solid #333;padding-top:6px;text-align:center}
#modal:has(.payroll-table),#modal:has(.count-table),#modal:has(.po-line),#modal:has(.entry-line){width:min(1040px,94vw);max-width:none}
/* Retenciones */
details.withholding{border:1px dashed var(--line);border-radius:12px;padding:10px 14px;margin:6px 0 12px}
details.withholding summary{cursor:pointer;font-weight:600}details.withholding summary small{color:var(--muted);font-weight:400}
.withholding-total{margin:6px 0 0}.withholding-total b{color:var(--ink)}
/* Bancos */
.bank-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin-bottom:16px}
.bank-card{display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:white;cursor:pointer;font:inherit}
.bank-card.selected{border-color:var(--accent,var(--primary));box-shadow:0 0 0 3px var(--accent-soft,#e6f8ef)}.bank-card.inactive{opacity:.6}
.bank-card .bank-name{font-weight:700;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.bank-card small{color:var(--muted);font-size:12px}.bank-card strong{font-size:20px;margin-top:4px}
.bank-stats{padding:0 16px}.bank-status .button{margin:2px 4px 2px 0;font-size:12px;padding:5px 9px}
tr.muted-row td{color:var(--muted)}
.dropzone{position:relative;overflow:hidden}
/* Recursos humanos */
.hr-bar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.hr-bar input{flex:1;min-width:220px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font:inherit}
.emp-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.emp-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 12px;border:1px solid var(--line);border-radius:14px;background:white;cursor:pointer;font:inherit;text-align:center;position:relative}
.emp-card:hover{border-color:var(--accent,var(--primary))}.emp-card.inactive{opacity:.55}.emp-card span{font-size:13px}.emp-card small{color:var(--muted);font-size:12px}
.emp-away{position:absolute;top:8px;right:8px;font-style:normal;font-size:10px;background:#fff1d6;color:#8a5a00;border-radius:99px;padding:2px 7px}
.emp-avatar{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:white;background:var(--personal,#b8456b);object-fit:cover;flex:none}
.emp-avatar.small{width:36px;height:36px;font-size:13px}.emp-avatar.large{width:84px;height:84px;font-size:26px;padding:0;white-space:nowrap}
.emp-avatar.hue-0{background:#16735c}.emp-avatar.hue-1{background:#2f64c9}.emp-avatar.hue-2{background:#b2710f}.emp-avatar.hue-3{background:#7646c2}.emp-avatar.hue-4{background:#b8456b}.emp-avatar.hue-5{background:#0b7285}.emp-avatar.hue-6{background:#5c6f2b}.emp-avatar.hue-7{background:#8a4b2a}
.emp-head,.emp-photo{display:flex;gap:16px;align-items:center;margin-bottom:10px}.emp-head p{margin:0;font-size:13px;line-height:1.7}
.org-panel{overflow:auto}.org-tree,.org-tree ul{list-style:none;margin:0;padding-left:26px;position:relative}.org-tree{padding:6px 16px 16px}
.org-tree ul{border-left:2px solid var(--line);margin-left:18px}.org-tree li{position:relative;padding:6px 0}.org-tree ul>li::before{content:'';position:absolute;left:-26px;top:28px;width:22px;border-top:2px solid var(--line)}
.org-node{display:inline-flex;gap:10px;align-items:center;padding:8px 14px 8px 8px;border:1px solid var(--line);border-radius:12px;background:white;cursor:pointer;font:inherit;text-align:left}.org-node small{display:block;color:var(--muted);font-size:12px}
.dept-tree,.dept-tree ul{list-style:none;margin:0;padding-left:22px}.dept-tree{padding:4px 16px 16px}.dept-row{display:flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px dashed var(--line);flex-wrap:wrap}.dept-row small{color:var(--muted);flex:1}.dept-dot{width:12px;height:12px}
.skill-chip{display:inline-block;margin:2px 6px 2px 0;padding:3px 9px;border-radius:99px;background:var(--personal-soft,#fbe7ee);color:var(--personal,#b8456b);font-size:12px}
.skill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.plan-step{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.3fr) 110px auto;gap:8px;align-items:end;padding:4px 0}
@media (max-width:700px){.plan-step{grid-template-columns:1fr 1fr}}
/* Conversaciones */
.chat-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:0;background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;height:calc(100vh - 260px);min-height:460px}
.chat-side{border-right:1px solid var(--line);padding:12px 10px;overflow:auto;background:#fbfdfc}
.chat-group{display:flex;justify-content:space-between;align-items:center;margin:12px 6px 4px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.chat-item{display:flex;align-items:center;gap:6px;width:100%;padding:7px 10px;border:0;border-radius:8px;background:none;font:inherit;font-size:14px;text-align:left;cursor:pointer;color:var(--ink)}
.chat-item span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item:hover{background:#eef6f2}.chat-item.active{background:var(--accent-soft,#dcf5e8);font-weight:600}.chat-item.unread span{font-weight:700}
.chat-at{font-style:normal;font-weight:800;color:#c2416b}
.nav-badge{font-style:normal;margin-left:auto;min-width:20px;padding:1px 6px;border-radius:99px;background:#c2416b;color:white;font-size:11px;font-weight:700;text-align:center}
#chat-dm{margin:6px 4px;width:calc(100% - 8px);padding:6px 8px;border:1px dashed var(--line);border-radius:8px;font:inherit;font-size:13px;background:white}
.chat-main{display:flex;flex-direction:column;min-width:0;min-height:0}
.chat-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line)}.chat-head h2{margin:0;font-size:17px}.chat-head p{margin:2px 0 0;font-size:12px;color:var(--muted)}
.chat-head-actions{display:flex;gap:6px;align-items:center}
.chat-messages{flex:1;overflow:auto;padding:12px 18px}
.chat-day{text-align:center;margin:14px 0 6px;font-size:12px;color:var(--muted)}.chat-day span{background:#f1f6f3;border-radius:99px;padding:3px 12px}
.chat-msg{display:flex;gap:10px;align-items:flex-start;padding:5px 6px;border-radius:8px;position:relative}.chat-msg:hover{background:#f7fbf9}.chat-msg.grouped{padding-top:1px}
.chat-avatar{width:34px;height:34px;border-radius:10px;background:var(--accent,#16735c);color:white;display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}.chat-avatar.ghost{visibility:hidden;height:4px}
.chat-meta{margin:0 0 2px;font-size:12px;color:var(--muted)}.chat-meta b{color:var(--ink);font-size:13px}
.chat-text{font-size:14px;line-height:1.5;overflow-wrap:anywhere}.chat-text a{color:var(--primary)}
.mention{color:#2f64c9;background:#e6eefc;border-radius:5px;padding:0 3px}.mention.me{color:#c2416b;background:#fde7ee}
.chat-tools{display:none;position:absolute;right:6px;top:2px;gap:4px;background:white;border:1px solid var(--line);border-radius:8px;padding:1px 6px}.chat-msg:hover .chat-tools{display:flex}
.chat-composer{display:flex;gap:8px;align-items:flex-end;padding:10px 14px 4px;border-top:1px solid var(--line);position:relative}
.chat-composer textarea{flex:1;resize:none;padding:10px 12px;border:1px solid var(--line);border-radius:12px;font:inherit;font-size:14px}
.chat-hint{padding:0 14px 8px;margin:0;font-size:11px}
.chat-mention-list{position:absolute;bottom:100%;left:14px;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.08);padding:4px;min-width:240px;z-index:5}
.chat-mention-list button{display:block;width:100%;text-align:left;padding:7px 10px;border:0;background:none;border-radius:7px;font:inherit;cursor:pointer}.chat-mention-list button:hover{background:#eef6f2}.chat-mention-list small{color:var(--muted)}
.thread{margin-top:18px;border-top:1px solid var(--line);padding-top:10px}.thread h3{margin:0 0 8px}.thread .chat-composer{border-top:0;padding:8px 0 0}
@media (max-width:800px){.chat-layout{grid-template-columns:1fr;height:auto}.chat-side{border-right:0;border-bottom:1px solid var(--line);max-height:220px}.chat-messages{max-height:55vh}}
/* Montos de las tarjetas: sin saltos de línea ni desbordes durante la animación */
.stats>*{min-width:0}
.stat strong{white-space:nowrap;overflow:hidden;text-overflow:clip;font-variant-numeric:tabular-nums;max-width:100%}
.lp-footer{grid-template-columns:2fr repeat(4,1fr)}@media (max-width:900px){.lp-footer{grid-template-columns:1fr 1fr}}
/* Programa de socios */
.partner-link{padding:18px 20px}.partner-link h2{margin:0 0 4px}.partner-copy{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.partner-copy input{flex:1;min-width:240px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;background:#f7fbf9}
/* Transferencias y precios en pesos */
.transfer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;padding:0 18px 12px}.transfer-grid h3{margin:4px 0 8px}
.tier-dop{display:block;font-size:13px;color:var(--muted);margin-top:-4px}

/* Navegación pública y comparación de precios. */
.lp-mobile-menu{display:none}.lp-fiscal-note{font-size:14px;color:#38584f;line-height:1.6}.lp-price-details{margin-top:24px}.lp-price-details>summary{cursor:pointer;padding:16px;font-weight:600}.lp-quote-options{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:20px 0}.lp-quote-options fieldset{border:1px solid var(--line);border-radius:12px;padding:16px;min-width:0}.lp-quote-options fieldset>label{display:block;margin:12px 0}.lp-quote-options input[type=checkbox]{width:auto}#public-quote-total{font-size:22px;font-weight:700}#pricing-calculator{margin-top:24px;padding:24px}
@media(max-width:800px){.lp-header{flex-wrap:wrap;gap:12px}.lp-header-actions{margin-left:auto}.lp-header-actions .lp-login{display:inline-flex;min-height:44px;align-items:center}.lp-mobile-menu{display:block;width:100%}.lp-mobile-menu summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.lp-mobile-menu nav{display:flex;flex-wrap:wrap;gap:8px 20px;padding-bottom:12px}.lp-mobile-menu nav a{padding:12px 0}.lp-quote-options{grid-template-columns:1fr}}
@media(max-width:400px){.lp-header{padding:12px 16px}.lp-header .brand{font-size:28px}.lp-header-actions{gap:10px}.lp-header-actions .button{padding:12px;font-size:13px}.lp-login{font-size:13px}}

.lp-product-preview{margin:0}.lp-product-preview img{width:100%;height:auto;border:1px solid var(--line);border-radius:16px}.lp-product-preview figcaption{margin-top:12px;font-size:14px;color:#38584f}

.checkout-choice{min-width:0;margin:0 0 20px;padding:22px}.checkout-choice h3{margin:0 0 14px;font-size:16px;line-height:1.4}.checkout-choice .form-note{margin:16px 0 0}.checkout-choice>label{display:flex;align-items:flex-start;gap:10px;min-height:44px;margin:8px 0;cursor:pointer;font-size:14px;line-height:1.5}.checkout-choice input[type=radio]{width:18px;height:18px;margin:2px 0 0;flex-shrink:0;accent-color:var(--primary)}

.modal-actions>.button{max-width:100%;white-space:normal;overflow-wrap:anywhere}.modal-body{min-width:0}.form-grid>*{min-width:0}

.ecf-setup{display:grid;gap:20px;max-width:980px;margin:0 auto;padding:24px}.ecf-setup>.panel{margin:0}@media(max-width:600px){.ecf-setup{padding:16px}}

.invoice-table table{table-layout:fixed;white-space:normal}.invoice-table th,.invoice-table td{padding:12px 10px;overflow-wrap:anywhere}.invoice-table th:first-child{width:25%}.invoice-table th:nth-child(5){width:22%}.invoice-table .badge,.invoice-table .mini-action{white-space:normal;max-width:100%}.invoice-table .badge{margin:2px 0}
@media(max-width:700px){.invoice-table thead{display:none}.invoice-table table,.invoice-table tbody{display:block}.invoice-table tr{display:grid;grid-template-columns:1fr 1fr;padding:12px;border-bottom:1px solid var(--line)}.invoice-table td{min-width:0;border:0;padding:6px}.invoice-table td:first-child,.invoice-table td:nth-child(5){grid-column:1/-1}.invoice-table td:nth-child(2):before{content:"Vencimiento"}.invoice-table td:nth-child(3):before{content:"Total"}.invoice-table td:nth-child(4):before{content:"Saldo"}.invoice-table td:before{display:block;font-size:10px;color:var(--muted);margin-bottom:3px}}

.invoice-line .product-pick{grid-column:1/-1}

.invoice-line{border:1px solid var(--line);border-radius:10px;padding:14px;background:#f9fcfa}.invoice-line.new-line{animation:line-added 1.4s ease-out}@keyframes line-added{from{background:#d5f4e3;box-shadow:0 0 0 2px var(--primary)}to{background:#f9fcfa;box-shadow:0 0 0 0 transparent}}@media(prefers-reduced-motion:reduce){.invoice-line.new-line{animation:none;outline:2px solid var(--primary)}}
.invoice-line{grid-template-columns:repeat(4,minmax(0,1fr)) 30px}.invoice-line .field{min-width:0}@media(max-width:600px){.invoice-line{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-line .remove-line{grid-column:2;justify-self:end}}

.ecf-preview{margin:20px 0;padding:16px;border:1px solid var(--line);border-radius:10px;background:#f9fcfa}.ecf-preview table{white-space:normal;table-layout:fixed}.ecf-preview th,.ecf-preview td{padding:8px;overflow-wrap:anywhere}.ecf-preview .wrap-text{min-width:0}
@media(max-width:600px){.workspace-header{height:auto;min-height:77px;flex-wrap:wrap;gap:8px;padding:12px 16px}.workspace-header>div{flex-wrap:wrap;gap:10px}.workspace-header #breadcrumb{min-width:0;overflow-wrap:anywhere}}
.menu-order-group{border:1px solid var(--line);border-radius:12px;margin:14px 0;overflow:hidden}.menu-order-group .panel-header{padding:12px;background:#f5faf7}.menu-order-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 14px;border-top:1px solid var(--line)}.menu-order-row>div,.menu-order-group .panel-header>div{display:flex;gap:6px}.menu-order-row .mini-action{min-width:36px;min-height:36px}
.chat-layout{grid-template-columns:290px minmax(0,1fr);height:calc(100dvh - 240px)}.chat-side{background:#f5f8f6}.chat-last{display:block;font-weight:400;font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.chat-person{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:0;background:none;text-align:left;border-radius:10px;color:var(--ink)}.chat-person:hover{background:#e6f2eb}.chat-person>span:last-child{min-width:0}.chat-person strong,.chat-person small{display:block;overflow-wrap:anywhere}.chat-person small{color:var(--muted);font-size:11px;margin-top:3px}.chat-person-search{width:100%;padding:9px;border:1px solid var(--line);border-radius:8px;background:white}.chat-search{display:flex;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line)}.chat-search input{min-width:0;flex:1;padding:9px;border:1px solid var(--line);border-radius:8px}.chat-messages{background:#f0f5f2}.chat-msg{margin:8px 0;max-width:88%}.chat-msg>div{background:white;border:1px solid var(--line);border-radius:14px;padding:10px 14px;min-width:0}.chat-msg.mine{margin-left:auto;flex-direction:row-reverse}.chat-msg.mine>div{background:#dcf5e8;border-color:#c9e7d6}.chat-msg.grouped{margin-top:0}.chat-msg.grouped>div{border-radius:10px}.chat-msg .chat-meta{font-size:10px}.chat-composer textarea{min-width:0}.chat-tools{z-index:1}.chat-msg:focus-within .chat-tools{display:flex}
@media(max-width:800px){.chat-layout{grid-template-columns:1fr;height:auto;min-height:0}.chat-side{max-height:280px;overflow-y:auto}.chat-main{min-width:0}.chat-messages{height:48dvh}.chat-head{flex-wrap:wrap}.chat-msg{max-width:96%}.chat-msg>div{padding:8px 10px}.chat-avatar{width:28px;height:28px}.chat-tools{position:static;display:flex;align-self:flex-end}.chat-tools .button{padding:4px;font-size:10px}}

.invoice-adjustments{margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:10px;background:#f9fcfa;min-width:0}.invoice-adjustments legend{font-size:13px;font-weight:bold;padding:0 6px}.invoice-adjustments .check-field{min-height:44px;font-size:13px}.invoice-adjustments .form-note{margin:7px 0 12px}.invoice-adjustments .form-note:last-child{margin-bottom:0}
.page-numbers{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.page-numbers .button{min-width:34px;padding:8px 10px}.server-pagination,.table-pagination{flex-wrap:wrap;justify-content:flex-start;padding:16px 20px;border-top:1px solid var(--line)}.page-numbers [aria-current=page]{background:var(--primary);color:white}
/* El módulo de conversaciones ocupa el espacio de trabajo completo. */
.chat-mode{height:100dvh;overflow:hidden}
.chat-mode .workspace-body{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.chat-mode .workspace-header{flex-shrink:0;height:64px;min-height:64px}
.chat-mode .workspace-footer{display:none}
.chat-mode #page-content{padding:0;flex:1;min-height:0;overflow:hidden}
.chat-mode .chat-layout{height:100%;min-height:0;display:grid;grid-template-columns:340px minmax(0,1fr);border:0;border-radius:0;box-shadow:none;margin:0;background:#fff;overflow:hidden}
.chat-mode .chat-side{display:flex;flex-direction:column;padding:0;background:#fff;overflow:hidden;border-right:1px solid #e3e9e5;max-height:none}
.chat-side-head{display:flex;align-items:center;justify-content:space-between;padding:24px 22px 16px;gap:12px}
.chat-side-head h1{font-family:inherit;font-size:23px;font-weight:700;letter-spacing:-.6px;margin:6px 0 0}
.chat-kicker{font-size:11px;color:var(--muted);display:block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-side-head .button{height:38px;width:38px;border-radius:50%;font-size:24px;background:#edf5f0;color:var(--primary);padding:0}
.chat-side-search{padding:0 16px 14px}
.chat-mode .chat-person-search{background:#f0f4f2;border:0;border-radius:10px;padding:12px 14px;font-size:12px;width:100%;outline-offset:3px}
.chat-side-tabs{display:flex;gap:7px;padding:0 16px 14px;border-bottom:1px solid #edf1ee}
.chat-side-tabs button{border:0;border-radius:20px;background:#f1f4f2;padding:8px 14px;color:#6a7870;font-size:12px;cursor:pointer}
.chat-side-tabs button.active{background:#d9f1e4;color:#166044;font-weight:600}
.chat-side-list{flex:1;overflow-y:auto;min-height:0;padding:6px}
.chat-mode .chat-item,.chat-mode .chat-person{display:flex;align-items:center;gap:12px;padding:14px 12px;width:100%;border:0;border-radius:8px;background:transparent;text-align:left;min-height:78px;color:var(--ink);cursor:pointer}
.chat-mode .chat-item:hover,.chat-mode .chat-person:hover{background:#f5f8f6}
.chat-mode .chat-item.active{background:#eaf4ee}
.chat-mode .chat-avatar{width:42px;height:42px;flex-shrink:0;border-radius:50%;background:#e0ede5;color:#347158;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}
.chat-item-copy{min-width:0;flex:1}
.chat-item-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:600}
.chat-mode .chat-last{display:block;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#7a8780;font-size:11px;font-weight:400}
.chat-item-status{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}
.chat-item-status time{font-size:10px;color:#8a958f}
.chat-mode .chat-item .nav-badge{position:static;background:#229368;color:white;font-size:10px;min-width:20px;height:20px;padding:2px 6px;border-radius:10px}
.chat-side-empty{padding:30px 18px;color:var(--muted);font-size:12px;line-height:1.8;text-align:center}
.chat-side-footer{padding:14px;text-align:center;border-top:1px solid #edf1ee;font-size:10px;color:#8a958f}
.chat-mode .chat-main{display:flex;flex-direction:column;min-height:0;min-width:0;background:#f4f6f3}
.chat-mode .chat-head{display:flex;align-items:center;gap:13px;padding:16px 24px;border-bottom:1px solid #e4eae6;background:#f8faf8;flex-shrink:0;min-height:78px}
.chat-head-copy{min-width:0;flex:1}
.chat-mode .chat-head h2{font-family:inherit;font-size:15px;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0}
.chat-mode .chat-head p{font-size:11px;color:#819087;margin:5px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-mode .chat-head-actions{display:flex;gap:6px;flex-shrink:0}
.chat-back{display:none}
.chat-mode .chat-search{flex-shrink:0;background:#fff;padding:12px 24px}
.chat-mode .chat-messages{flex:1;min-height:0;max-height:none;height:auto;overflow-y:auto;padding:24px clamp(20px,5vw,80px);background-color:#edf2eb;background-image:radial-gradient(#cbd9cd55 .8px,transparent .8px);background-size:18px 18px;scrollbar-width:thin}
.chat-mode .chat-day{display:flex;justify-content:center;margin:16px 0 24px}
.chat-mode .chat-day span{background:#fffdf4;color:#7a857d;padding:7px 13px;border-radius:8px;box-shadow:0 1px 2px #172f1710;font-size:10px}
.chat-mode .chat-msg{position:relative;display:flex;gap:6px;max-width:80%;width:fit-content;margin:8px 0;align-items:flex-start}
.chat-mode .chat-msg>.chat-avatar{display:none}
.chat-mode .chat-msg>div{background:#fff;border:0;border-radius:0 12px 12px 12px;padding:10px 13px 7px;box-shadow:0 1px 2px #1d382218;min-width:100px}
.chat-mode .chat-msg.mine{margin-left:auto;flex-direction:row-reverse}
.chat-mode .chat-msg.mine>div{background:#d9f5df;border-radius:12px 0 12px 12px;border:0}
.chat-mode .chat-msg.grouped{margin-top:3px}
.chat-mode .chat-msg.grouped>div{border-radius:12px}
.chat-mode .chat-msg.mine .chat-meta{display:none}
.chat-mode .chat-meta{margin:0 0 5px;color:#438169;font-size:11px}
.chat-mode .chat-text{font-size:13px;line-height:1.65;overflow-wrap:anywhere}
.chat-time{display:block;text-align:right;font-size:9px;color:#7e8f83;margin:4px 0 0}
.chat-mode .chat-tools{position:static;display:flex;flex-direction:column;opacity:0;pointer-events:none;gap:2px;align-self:center}
.chat-mode .chat-msg:hover .chat-tools,.chat-mode .chat-msg:focus-within .chat-tools{opacity:1;pointer-events:auto}
.chat-mode .chat-tools .button{font-size:10px;padding:5px 8px;background:#ffffffcf;border-radius:5px}
.chat-mode .chat-composer{position:relative;display:flex;align-items:flex-end;gap:12px;padding:16px 24px 8px;background:#f8faf8;border:0;margin:0;flex-shrink:0}
.chat-mode .chat-composer textarea{flex:1;resize:none;border:1px solid #e4ebe5;border-radius:12px;background:#fff;padding:13px 16px;min-height:46px;max-height:140px;font-size:13px;line-height:1.5;margin:0}
.chat-mode .chat-send{height:46px;width:46px;padding:0;border-radius:50%;font-size:20px;flex-shrink:0;background:#16815b}
.chat-mode .chat-hint{margin:0;padding:0 24px 12px;background:#f8faf8;font-size:10px;color:#92a098}
.chat-mode .chat-mention-list{bottom:100%;left:24px;right:82px}
@media(max-width:1100px){.chat-mode .chat-layout{grid-template-columns:290px minmax(0,1fr)}.chat-mode .chat-head{padding:14px 16px}.chat-mode .chat-head-actions{gap:0}.chat-mode .chat-head-actions .button{font-size:10px;padding:7px}}
@media(max-width:800px){.chat-mode .sidebar{height:56px;padding:8px 12px;box-sizing:border-box;flex-shrink:0}.chat-mode .sidebar>.brand{display:none}.chat-mode .workspace-body{height:calc(100dvh - 56px)}.chat-mode .workspace-header{display:none}.chat-mode .chat-layout{display:block;height:100%}.chat-mode .chat-side{height:100%;border:0}.chat-mode .chat-main{display:none;height:100%}.chat-mode .chat-layout.mobile-open .chat-side{display:none}.chat-mode .chat-layout.mobile-open .chat-main{display:flex}.chat-mode .chat-back{display:block;font-size:20px;padding:8px}.chat-mode .chat-head{flex-wrap:nowrap;gap:9px;min-height:72px;padding:12px}.chat-mode .chat-head>.chat-avatar{width:34px;height:34px}.chat-mode .chat-head-actions .button{font-size:10px;padding:6px}.chat-mode .chat-head p{max-width:170px}.chat-mode .chat-messages{padding:16px 14px;height:auto}.chat-mode .chat-msg{max-width:94%}.chat-mode .chat-tools{opacity:1;pointer-events:auto}.chat-mode .chat-tools .button{min-height:28px;font-size:9px}.chat-mode .chat-composer{padding:12px 12px 8px;gap:8px}.chat-mode .chat-hint{padding:0 12px 10px}.chat-mode .chat-mention-list{left:12px;right:68px}.chat-mode .chat-search{padding:10px 12px}}

@media(max-width:800px){.chat-mode .chat-composer textarea,.chat-mode .chat-person-search,.chat-mode .chat-search input{font-size:16px}}

.chat-loading{height:100%;display:grid;place-items:center;color:var(--muted);font-size:13px}

.server-pagination,.table-pagination{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px}.pagination-controls{grid-column:2;display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}.server-pagination>span,.table-pagination>span{grid-column:1;justify-self:start;font-size:12px}
@media(max-width:650px){.server-pagination,.table-pagination{grid-template-columns:1fr}.pagination-controls{grid-column:1;justify-self:center}}

.workspace-title{display:flex;align-items:center;gap:12px;min-width:0}.sidebar-toggle{min-width:38px;min-height:38px;font-size:20px;flex-shrink:0}.sidebar-hidden .sidebar{display:none}.sidebar-hidden .workspace-body{margin-left:0}
@media(max-width:800px){.chat-mode .workspace-header{display:flex;height:48px;min-height:48px;padding:4px 12px}.chat-mode .workspace-header>div:not(.workspace-title){display:none}.chat-mode .workspace-title{width:100%}.chat-mode #breadcrumb{font-size:10px}.chat-mode.sidebar-hidden .workspace-body{height:100dvh}}

/* Portada comercial: catálogo y ofertas administrados desde la consola. */
.lp-new{--ink:#16382f;--primary:#146b50;background:#fcfcf8}.lp-new section[id]{scroll-margin-top:110px}.lp-new a:focus-visible,.lp-new button:focus-visible,.lp-new summary:focus-visible{outline:3px solid #bd690c;outline-offset:5px}.lp-skip{position:fixed;left:20px;top:-80px;z-index:100;background:white;padding:14px}.lp-skip:focus{top:10px}
.lp-new .lp-header{background:#fcfcf8ed;border-bottom:1px solid #dfe6dd}.lp-new .lp-header nav{gap:22px}.lp-new .button{border-radius:9px;min-height:46px}.lp-new .lp-hero{max-width:1280px;padding:80px 32px 90px;gap:64px;grid-template-columns:1.08fr 1fr}.lp-new .lp-hero h1{font-size:clamp(44px,5.6vw,76px);letter-spacing:-3.6px;line-height:1.04;margin:26px 0}.lp-new .lp-hero h1 span{display:inline;color:#146b50}.lp-new .lp-lead{font-size:17px;max-width:540px}.lp-dot{width:8px;height:8px;border-radius:50%;background:#146b50;box-shadow:0 0 0 5px #e2eee1;margin-right:6px}.lp-new .lp-cta{margin:30px 0 22px}.lp-new .lp-trust{gap:12px;font-size:12px}.lp-hero-offer{display:block;margin-top:26px;color:#146b50;font-size:14px;font-weight:700;max-width:470px}.lp-hero-offer[hidden]{display:none}
.lp-hero-art{position:relative;border:1px solid #cad9cc;background:white;padding:24px;border-radius:22px;box-shadow:16px 20px 0 #e7eedf,0 28px 70px #16382f0d;transform:rotate(-1.5deg)}.lp-art-top{display:flex;gap:12px;align-items:center;padding-bottom:20px;border-bottom:1px solid #edf0e9;font-size:13px;font-weight:700}.lp-art-top small{display:block;font-size:11px;color:#6b7c6f;font-weight:400}.lp-art-logo{display:grid;place-items:center;background:#146b50;color:white;border-radius:10px;width:36px;height:36px;font-size:25px}.lp-art-avatar{margin-left:auto;background:#eeeade;color:#655d3e;border-radius:50%;padding:10px;font-size:11px}.lp-art-greeting{padding:22px 0 18px}.lp-art-greeting>span{font-size:9px;letter-spacing:1.6px;color:#69776b}.lp-art-greeting h2{margin:6px 0;font-size:23px;letter-spacing:-.8px}.lp-art-greeting p{font-size:12px;color:#64756a;margin:0}.lp-art-stats{display:grid;grid-template-columns:1.25fr 1fr;gap:12px}.lp-art-stats>div{border-radius:12px;background:#146b50;color:white;padding:18px 14px}.lp-art-stats>div+div{background:#f1f3e9;color:#16382f}.lp-art-stats small,.lp-art-stats strong,.lp-art-stats span{display:block}.lp-art-stats small{font-size:11px}.lp-art-stats strong{font-size:clamp(19px,2vw,27px);letter-spacing:-.8px;margin:5px 0}.lp-art-stats span{font-size:10px}.lp-art-chart{margin-top:16px;border:1px solid #e6ece3;border-radius:12px;padding:16px}.lp-art-chart b{font-size:12px}.lp-art-chart small{float:right;font-size:10px;color:#69776b}.lp-chart-bars{height:110px;display:flex;align-items:end;gap:18px;padding:0 8px;border-bottom:1px solid #dce5d7;background:repeating-linear-gradient(to top,transparent 0,transparent 35px,#eff2ec 36px)}.lp-chart-bars i{flex:1;height:36%;background:#bcd5b0;border-radius:5px 5px 0 0}.lp-chart-bars i:nth-child(2){height:54%}.lp-chart-bars i:nth-child(3){height:45%}.lp-chart-bars i:nth-child(4){height:73%;background:#669b6b}.lp-chart-bars i:nth-child(5){height:60%;background:#669b6b}.lp-chart-bars i:nth-child(6){height:91%;background:#146b50}.lp-chart-months{display:flex;justify-content:space-around;font-size:9px;color:#6b7c6f;padding-top:8px}.lp-art-task{display:flex;gap:12px;align-items:center;background:#fff9e9;border:1px solid #efe2b8;border-radius:11px;padding:13px;margin-top:14px}.lp-art-task>span{color:#146b50;font-size:22px}.lp-art-task strong{font-size:11px}.lp-art-task small{display:block;font-size:10px;color:#736c55}.lp-art-task>b{margin-left:auto}.lp-demo-note{text-align:center;font-size:10px;color:#6b7c6f;margin:14px 0 0}.lp-value-strip{background:#edf1e6;border-block:1px solid #dce4d6;padding:24px;text-align:center}.lp-value-strip>span{font-size:10px;letter-spacing:1.8px;color:#60775e}.lp-value-strip p{margin:10px 0 0;font-size:clamp(15px,2vw,22px);font-weight:500;letter-spacing:-.4px}.lp-value-strip b{color:#839c7a;margin:0 16px}
.lp-new .lp-section{padding-top:90px;padding-bottom:90px}.lp-new .lp-heading h2{letter-spacing:-1.8px;font-size:clamp(32px,3.6vw,48px)}.lp-new .lp-soft{background:#f0f3e9}.lp-demo-switch,.lp-filters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:28px}.lp-demo-switch button,.lp-filters button{padding:13px 22px;border:1px solid #d7e0d1;background:transparent;border-radius:30px;font-size:14px;color:#3c5c4e;min-height:46px}.lp-demo-switch button[aria-pressed=true],.lp-filters button[aria-pressed=true]{background:#173e30;border-color:#173e30;color:white}.lp-demo-panel{display:grid;grid-template-columns:1fr 1fr;gap:64px;background:#edf1e6;border-radius:22px;padding:46px;align-items:center;min-height:320px}.lp-demo-panel h3{font-size:30px;line-height:1.2;letter-spacing:-1px;margin:14px 0}.lp-demo-panel p{color:#50675a;line-height:1.7;font-size:15px}.lp-demo-panel a{display:inline-block;color:#146b50;font-weight:700;margin-top:8px}.lp-demo-steps{padding:0;list-style:none;margin:0;display:grid;gap:12px}.lp-demo-steps li{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border:1px solid #dfe7d9;border-radius:12px}.lp-demo-steps li>span{color:#146b50;font-size:12px;font-weight:700}.lp-demo-steps strong{display:block;font-size:14px}.lp-demo-steps small{display:block;color:#607065;font-size:12px;margin-top:5px}.lp-new .lp-modules article{border-radius:15px;border-color:#dbe2d2;transition:transform .18s,box-shadow .18s}.lp-new .lp-modules article:hover{transform:translateY(-4px);box-shadow:0 14px 25px #183e3010}.lp-new .lp-icon{font-size:13px;font-weight:700;border-radius:50%;background:#edf1e6}.lp-new .lp-modules a{display:inline-block;font-size:13px;font-weight:700;color:#146b50;margin-top:22px}
.lp-offers{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:20px}.lp-offer-card{padding:30px;background:#f7f0db;border:1px solid #e4d9b7;border-radius:18px;display:flex;flex-direction:column}.lp-offer-card h3{font-size:32px;letter-spacing:-1px;margin:14px 0}.lp-offer-card p{line-height:1.65;margin:0 0 15px;overflow-wrap:anywhere}.lp-offer-card .lp-offer-terms{font-size:13px;color:#645e47;flex:1}.lp-offer-card>div{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.lp-offer-card code{font-size:13px;padding:8px 12px;background:#fffcf3;border:1px dashed #bfb085;border-radius:6px;overflow-wrap:anywhere;max-width:100%}.lp-offer-empty{display:flex;align-items:center;gap:24px;padding:34px;border:1px dashed #b8c7ae;border-radius:18px;background:#f3f5ee}.lp-offer-empty>span{font-size:42px;color:#146b50}.lp-offer-empty h3{margin:0 0 8px;font-size:22px}.lp-offer-empty p{margin:0;color:#586c5b;line-height:1.6}.lp-offer-empty .button{flex-shrink:0}.lp-offer-applied{padding:16px;background:#edf5e8;border-radius:10px;color:#24563c;line-height:1.7}
.lp-prices-section{border-top:1px solid #e0e7d9}.lp-new .lp-pricing{grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:18px}.lp-new .lp-pricing .price-card{padding:24px;background:#fff}.lp-new .lp-pricing .price-card.featured{background:#f4f7ee;box-shadow:none}.lp-new .lp-pricing .price-card strong{font-size:32px}.lp-new #pricing-calculator{background:#edf1e6;border:0;border-radius:18px;padding:32px;margin-top:32px}.lp-new #pricing-calculator h3{font-size:25px;margin-top:0;letter-spacing:-.8px}.lp-new .lp-quote-options fieldset{background:#fcfdf9}.lp-tool-links{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.lp-tool-links>a{position:relative;background:#fff;border:1px solid #dde5d6;border-radius:14px;padding:24px;transition:background .2s}.lp-tool-links>a:hover{background:#edf1e6}.lp-tool-links span{font-size:11px;color:#74816c}.lp-tool-links h3{font-size:22px;letter-spacing:-.5px;margin:24px 0 8px}.lp-tool-links p{font-size:14px;line-height:1.6;color:#61705f;margin:0}.lp-tool-links b{position:absolute;right:24px;top:22px;color:#146b50}.lp-new .lp-security{padding-top:40px}.lp-new .lp-faq{padding-top:40px}.lp-new .faq-list details{background:transparent;border-bottom:1px solid #dde5d6;border-radius:0}.lp-new .faq-list summary{padding-block:20px}.lp-new .lp-final{background:#173e30;border-radius:22px;padding:60px 28px}.lp-new .lp-final .lp-eyebrow{color:#c9dcab;margin-bottom:20px}.lp-new .lp-footer{grid-template-columns:1.7fr 1fr 1.3fr 1fr}.lp-new .lp-footer a{padding-block:4px}.lp-new .lp-footer p{line-height:1.8}
@media(max-width:1050px){.lp-new .lp-header>nav{gap:14px;font-size:12px}.lp-new .lp-hero{gap:30px;padding:60px 24px}.lp-new .lp-hero h1{font-size:56px}.lp-hero-art{padding:18px}.lp-demo-panel{gap:30px;padding:30px}.lp-tool-links{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.lp-new .lp-header>nav{display:none}.lp-new .lp-hero{grid-template-columns:1fr;gap:38px;padding:42px 24px 60px}.lp-new .lp-hero h1{font-size:clamp(42px,9vw,66px);letter-spacing:-2.5px}.lp-new .lp-hero-art{transform:none;max-width:520px;width:100%;margin:auto;box-shadow:8px 10px 0 #e7eedf}.lp-art-stats strong{font-size:24px}.lp-new .lp-section{padding:56px 24px}.lp-demo-panel{grid-template-columns:1fr;gap:24px;padding:24px}.lp-new .lp-modules{grid-template-columns:repeat(2,1fr)}.lp-offer-empty{flex-wrap:wrap;padding:24px}.lp-value-strip b{margin:0 5px}.lp-value-strip p{line-height:1.9}.lp-new .lp-final{margin:0 16px 35px}.lp-new .lp-footer{grid-template-columns:repeat(2,1fr)}.lp-new section[id]{scroll-margin-top:155px}}
@media(max-width:480px){.lp-new .lp-header{padding:12px 20px;gap:6px}.lp-new .lp-header-actions{gap:14px}.lp-new .lp-header-actions .button{font-size:12px;padding:10px 12px}.lp-new .lp-modules{grid-template-columns:1fr}.lp-tool-links{grid-template-columns:1fr 1fr;gap:10px}.lp-tool-links>a{padding:18px}.lp-tool-links h3{font-size:18px}.lp-tool-links p{font-size:12px}.lp-demo-switch{gap:6px}.lp-demo-switch button{padding:12px;font-size:12px}.lp-filters{gap:7px}.lp-filters button{padding:11px 15px;font-size:12px}.lp-new #pricing-calculator{padding:22px}.lp-new .lp-trust{display:grid;gap:7px}.lp-new .lp-footer{gap:26px 18px}.lp-new .lp-footer>div{grid-column:1/-1}.lp-art-chart small{font-size:8px}.lp-offer-card h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){.lp-new *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Movimiento sutil de la portada: sin librerías y respetando reduced-motion. */
.lp-motion .lp-hero{position:relative;isolation:isolate;overflow:hidden}
.lp-motion .lp-hero:before{content:'';position:absolute;z-index:-1;inset:2% -8%;opacity:.58;background:radial-gradient(circle at 8% 18%,#a9ebce 0 3px,transparent 4px),radial-gradient(circle at 21% 75%,#d8b967 0 2px,transparent 3px),radial-gradient(circle at 44% 12%,#6faa8b 0 2px,transparent 3px),radial-gradient(circle at 68% 82%,#a9ebce 0 4px,transparent 5px),radial-gradient(circle at 82% 20%,#d8b967 0 3px,transparent 4px),radial-gradient(circle at 95% 62%,#6faa8b 0 2px,transparent 3px);animation:lp-particles 13s ease-in-out infinite alternate}
.lp-motion .lp-hero-copy{animation:lp-enter .7s both}
.lp-motion .lp-hero-art{animation:lp-float 6s ease-in-out infinite}
.lp-motion .lp-art-task{animation:lp-task 3.4s ease-in-out infinite}
.lp-motion .lp-chart-bars i{transform-origin:bottom;animation:lp-bars 6s ease-in-out infinite alternate}
.lp-motion .lp-chart-bars i:nth-child(2){animation-delay:-1s}.lp-motion .lp-chart-bars i:nth-child(3){animation-delay:-2s}.lp-motion .lp-chart-bars i:nth-child(4){animation-delay:-3s}.lp-motion .lp-chart-bars i:nth-child(5){animation-delay:-4s}.lp-motion .lp-chart-bars i:nth-child(6){animation-delay:-5s}
.lp-motion .lp-reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}
.lp-motion .lp-reveal.is-visible{opacity:1;transform:none}
@keyframes lp-enter{from{opacity:0;transform:translateY(18px)}}
@keyframes lp-float{0%,100%{transform:rotate(-1deg) translateY(0)}50%{transform:rotate(-.3deg) translateY(-10px)}}
@keyframes lp-task{50%{transform:translateX(5px);box-shadow:0 8px 18px #a9843020}}
@keyframes lp-bars{from{transform:scaleY(.72)}to{transform:scaleY(1.08)}}
@keyframes lp-particles{to{transform:translate3d(2.5%,18px,0) rotate(2deg)}}
@media(prefers-reduced-motion:reduce){.lp-motion .lp-hero-copy,.lp-motion .lp-hero-art,.lp-motion .lp-art-task,.lp-motion .lp-chart-bars i,.lp-motion .lp-hero:before{animation:none}.lp-motion .lp-reveal{opacity:1;transform:none}}

/* ═══ Planes de la web: cuatro tarjetas con filas alineadas ═══ */
.lp-new .lp-pricing{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:20px;align-items:stretch}
.lp-new .lp-pricing .plan-card{display:grid;grid-row:span 4;grid-template-rows:subgrid;gap:20px;padding:28px 24px;border:1px solid #e0e7d9;border-radius:18px;background:#fff;position:relative;transition:box-shadow .2s,transform .2s}
.lp-new .lp-pricing .plan-card:hover{box-shadow:0 18px 40px #16382f14;transform:translateY(-2px)}
.lp-new .lp-pricing .plan-card.featured{border:2px solid var(--primary);background:#f6f9f1;box-shadow:0 20px 50px #146b501f}
.lp-new .lp-pricing .plan-card .tier-flag{top:-12px;left:24px}
.lp-new .lp-pricing .plan-card .plan-head h3{font-size:21px;margin:0 0 6px;letter-spacing:-.4px}
.lp-new .lp-pricing .plan-card .plan-head p{font-size:14px;line-height:1.5;color:var(--muted);margin:0;flex:none}
.lp-new .lp-pricing .plan-card .plan-price{display:flex;flex-direction:column;gap:6px;align-self:end}
.lp-new .lp-pricing .plan-card .plan-price strong{font-size:40px;line-height:1;letter-spacing:-1.5px;color:var(--ink);font-variant-numeric:tabular-nums}
.lp-new .lp-pricing .plan-card .plan-price strong small{font-size:14px;font-weight:500;letter-spacing:0;color:var(--muted)}
.lp-new .lp-pricing .plan-card .plan-price .tier-save,.lp-new .lp-pricing .plan-card .plan-price .tier-dop{margin:0;font-size:13px;line-height:1.4;color:var(--muted)}
.lp-new .lp-pricing .plan-card .button{align-self:start;justify-self:stretch;text-align:center;margin:0}
.lp-new .lp-pricing .plan-card .plan-body{display:flex;flex-direction:column;justify-content:flex-start;gap:16px;border-top:1px solid #e0e7d9;padding-top:18px}
.lp-new .lp-pricing .plan-card .plan-label{margin:0;flex:none;font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--muted)}
.lp-new .lp-pricing .plan-card ul{list-style:none;margin:0;padding:0;flex:none;font-size:14px;color:#33493f}
.lp-new .lp-pricing .plan-card .plan-modules{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px}
.lp-new .lp-pricing .plan-card .plan-modules li{display:block;background:#eef4ea;border-radius:999px;padding:5px 11px;font-size:13px;line-height:1.3;color:var(--ink)}
.lp-new .lp-pricing .plan-card.featured .plan-modules li{background:#fff;box-shadow:inset 0 0 0 1px #dfe8d6}
.lp-new .lp-pricing .plan-card .plan-modules li:before{content:none}
.lp-new .lp-pricing .plan-card .plan-facts,.lp-new .lp-pricing .plan-card .plan-limits{display:flex;flex-direction:column;gap:10px}
.lp-new .lp-pricing .plan-card .plan-facts li,.lp-new .lp-pricing .plan-card .plan-limits li{display:grid;grid-template-columns:16px minmax(0,1fr);column-gap:8px;line-height:1.4}
.lp-new .lp-pricing .plan-card .plan-facts li:before{content:'✓';margin:0;color:var(--primary);font-weight:700}
.lp-new .lp-pricing .plan-card .plan-facts li small{grid-column:2;font-size:12px;color:var(--muted)}
.lp-new .lp-pricing .plan-card .plan-limits li{color:var(--muted);font-size:13px}
.lp-new .lp-pricing .plan-card .plan-limits li:before{content:'–';margin:0;color:var(--muted);font-weight:400}
@supports not (grid-template-rows:subgrid){.lp-new .lp-pricing .plan-card{display:flex;flex-direction:column}.lp-new .lp-pricing .plan-card .plan-body{flex:1}}

/* ═══ Inicio 2026-10: botones con contraste, hero con profundidad, módulos con íconos y calculadora en dos columnas ═══ */
.lp-new{--lp-ink:#10302a;--lp-green:#146b50;--lp-deep:#0f3b2f;--lp-mint:#a9ebce;--lp-soft:#eef3ea;--lp-line:#dde6d8;--lp-muted:#5b6f64}
.lp-new .button.plum{background:var(--lp-deep);color:#fff;border-color:var(--lp-deep);box-shadow:0 8px 20px #0f3b2f2e;font-weight:600}
.lp-new .button.plum:hover{background:#0a2a22;border-color:#0a2a22}
.lp-new .button.outline{background:#fff;border-color:#cfdac9;color:var(--lp-ink);font-weight:600}
.lp-new .button.outline:hover{border-color:var(--lp-green);color:var(--lp-green)}
.lp-new .lp-header .button.plum{box-shadow:none}
.lp-new .lp-header{backdrop-filter:saturate(1.4) blur(10px)}
/* Hero */
.lp-new .lp-hero{position:relative;isolation:isolate}
.lp-new .lp-hero::before{content:'';position:absolute;inset:-40px -50vw 0;z-index:-1;background:radial-gradient(600px 380px at 78% 38%,#bfe9d2 0,#bfe9d200 70%),radial-gradient(500px 300px at 8% 10%,#f3edd7 0,#f3edd700 70%),linear-gradient(#fcfcf8,#f4f7f0)}
.lp-new .lp-hero h1{color:var(--lp-ink)}
.lp-new .lp-hero h1 span{background:linear-gradient(90deg,#146b50,#2f9a74);-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-new .lp-eyebrow{color:var(--lp-green);font-weight:600}
.lp-new .lp-trust{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;list-style:none}
.lp-new .lp-trust li{background:#fff;border:1px solid var(--lp-line);border-radius:999px;padding:7px 12px;font-size:12.5px;color:#33493f}
.lp-new .lp-hero-art{transform:rotate(-1deg);box-shadow:0 40px 80px #0f3b2f1f,0 2px 0 #fff inset;border-color:#d6e3d4}
.lp-new .lp-art-stats>div:first-child{background:linear-gradient(135deg,#146b50,#0f3b2f)}
/* Franja de valor */
.lp-new .lp-value-strip{background:var(--lp-deep);border:0;color:#e6f2ea;padding:30px 24px}
.lp-new .lp-value-strip>span{color:var(--lp-mint)}
.lp-new .lp-value-strip p{color:#fff}
.lp-new .lp-value-strip b{color:var(--lp-mint)}
/* Encabezados de sección */
.lp-new .lp-heading p{color:var(--lp-muted);font-size:16px;line-height:1.6}
.lp-new .lp-demo-switch button[aria-pressed=true],.lp-new .lp-filters button[aria-pressed=true]{background:var(--lp-deep);border-color:var(--lp-deep)}
.lp-new .lp-demo-panel{background:linear-gradient(135deg,#eef3ea,#e5efe5);border:1px solid var(--lp-line)}
/* Módulos */
.lp-new .lp-modules{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px}
.lp-new .lp-modules article.lp-mod{display:flex;gap:16px;align-items:flex-start;padding:20px;background:#fff;border:1px solid var(--lp-line);border-radius:16px;min-height:0}
.lp-new .lp-modules article.lp-mod h3{font-size:16px;margin:2px 0 6px;letter-spacing:-.2px}
.lp-new .lp-modules article.lp-mod p{font-size:13.5px;line-height:1.55;color:var(--lp-muted);margin:0 0 10px}
.lp-new .lp-modules article.lp-mod small{font-size:12px;color:var(--lp-green);font-weight:600}
.lp-mod-icon{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--negocio-soft);color:var(--negocio)}
.lp-mod-icon .icon{width:22px;height:22px}
.lp-mod-ventas .lp-mod-icon{background:var(--ventas-soft);color:var(--ventas)}
.lp-mod-finanzas .lp-mod-icon{background:var(--finanzas-soft);color:var(--finanzas)}
.lp-mod-operacion .lp-mod-icon{background:var(--almacen-soft);color:var(--almacen)}
/* Nota fiscal bajo los planes */
.lp-new .lp-fiscal-note{margin:22px 0 0;padding:16px 18px;background:#fff;border:1px solid var(--lp-line);border-left:4px solid var(--lp-green);border-radius:12px;font-size:14px;line-height:1.6;color:#33493f}
/* Calculadora */
.lp-new #pricing-calculator{background:transparent;padding:0;border:0;margin-top:40px}
.lp-calc{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.lp-calc-main{background:#fff;border:1px solid var(--lp-line);border-radius:20px;padding:30px;display:flex;flex-direction:column;gap:26px}
.lp-calc-head h3{font-size:26px;letter-spacing:-.8px;margin:8px 0 6px;color:var(--lp-ink)}
.lp-calc-head p{margin:0;color:var(--lp-muted);font-size:14px}
.lp-calc-step{border:0;margin:0;padding:0;min-width:0}
.lp-calc-step legend{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px;color:var(--lp-ink);margin-bottom:14px;padding:0}
.lp-calc-step legend span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--lp-deep);color:#fff;font-size:12px}
.lp-calc-step legend small{font-weight:400;color:var(--lp-muted);font-size:12px}
.lp-calc-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.lp-calc-plan{position:relative;display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1.5px solid var(--lp-line);border-radius:14px;cursor:pointer;background:#fff;transition:border-color .15s,background .15s}
.lp-calc-plan input,.lp-chip input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;width:100%;height:100%}
.lp-calc-plan strong{font-size:15px;color:var(--lp-ink)}
.lp-calc-plan span{font-size:14px;color:var(--lp-muted)}
.lp-calc-plan span small{font-size:11px}
.lp-calc-plan:has(input:checked){border-color:var(--lp-green);background:#f1f8f3;box-shadow:0 0 0 3px #146b501a}
.lp-calc-plan:has(input:focus-visible),.lp-chip:has(input:focus-visible){outline:3px solid #bd690c;outline-offset:2px}
.lp-calc-chips{display:flex;flex-wrap:wrap;gap:8px}
.lp-chip{position:relative;display:inline-flex;align-items:center;gap:10px;padding:9px 12px 9px 10px;border:1.5px solid var(--lp-line);border-radius:999px;background:#fff;cursor:pointer;font-size:13.5px;transition:all .15s}
.lp-chip span{display:inline-flex;align-items:center;gap:7px;color:var(--lp-ink)}
.lp-chip .icon{width:16px;height:16px;color:var(--lp-green)}
.lp-chip b{font-size:12px;color:var(--lp-muted);font-weight:600}
.lp-chip:has(input:checked){background:var(--lp-deep);border-color:var(--lp-deep)}
.lp-chip:has(input:checked) span,.lp-chip:has(input:checked) b,.lp-chip:has(input:checked) .icon{color:#fff}
.lp-calc-seats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.lp-seat{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--lp-line);border-radius:14px}
.lp-seat strong{display:block;font-size:14px;color:var(--lp-ink)}
.lp-seat small{display:block;font-size:12px;color:var(--lp-muted);margin-top:2px}
.lp-stepper{display:flex;align-items:center;border:1px solid #cfdac9;border-radius:10px;overflow:hidden;flex:none}
.lp-stepper button{width:34px;height:36px;border:0;background:#f4f7f1;color:var(--lp-ink);font-size:18px;cursor:pointer}
.lp-stepper button:hover{background:#e3ece0}
.lp-stepper input{width:44px;height:36px;border:0;text-align:center;font:inherit;font-weight:600;-moz-appearance:textfield;appearance:textfield;background:#fff}
.lp-stepper input::-webkit-inner-spin-button,.lp-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.lp-calc-free{margin:0;padding:14px 16px;background:var(--lp-soft);border-radius:12px;color:#33493f;font-size:14px}
.lp-calc-summary{position:sticky;top:100px;background:var(--lp-deep);color:#e6f2ea;border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:12px;box-shadow:0 24px 50px #0f3b2f33}
.lp-calc-summary>small{text-transform:uppercase;letter-spacing:1.4px;font-size:11px;color:var(--lp-mint)}
.lp-calc-summary h4{margin:0;font-size:22px;color:#fff;letter-spacing:-.4px}
.lp-calc-summary ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:13.5px;border-bottom:1px solid #ffffff26;padding-bottom:14px}
.lp-calc-summary li{display:flex;justify-content:space-between;gap:12px}
.lp-calc-summary li span{color:#cfe3d7}
.lp-calc-summary li.positive b{color:var(--lp-mint)}
#public-quote-total{margin:2px 0;font-size:24px;font-weight:700;letter-spacing:-.6px;color:#fff;line-height:1.25}
.lp-new .lp-calc-summary .button.plum{background:var(--lp-mint);color:var(--lp-deep);border-color:var(--lp-mint);box-shadow:none;justify-content:center}
.lp-new .lp-calc-summary .button.plum:hover{background:#c6f3de}
.lp-calc-summary .form-note{color:#b8d0c2;font-size:12px;margin:0;line-height:1.5}
.lp-calc-summary .lp-offer-applied{background:#ffffff14;color:#e6f2ea}
.lp-calc-summary .text-button{color:var(--lp-mint)}
/* Herramientas, seguridad y cierre */
.lp-new .lp-tool-links>a{border-radius:16px;border-color:var(--lp-line)}
.lp-new .lp-tool-links>a:hover{background:#fff;border-color:var(--lp-green);box-shadow:0 14px 30px #0f3b2f12}
.lp-new .lp-security-grid>div{background:#fff;border:1px solid var(--lp-line);border-radius:16px;padding:22px}
.lp-new .lp-final{background:radial-gradient(500px 260px at 85% 0,#2c8a66 0,#2c8a6600 70%),var(--lp-deep);box-shadow:0 30px 60px #0f3b2f2e}
.lp-new .lp-final .button.plum{background:var(--lp-mint);color:var(--lp-deep);border-color:var(--lp-mint)}
@media(max-width:960px){.lp-calc{grid-template-columns:1fr}.lp-calc-summary{position:static}}
@media(max-width:560px){.lp-calc-main{padding:20px}.lp-calc-plans{grid-template-columns:1fr 1fr}.lp-new .lp-value-strip b{margin:0 8px}.lp-seat{flex-wrap:wrap}}
.lp-new main{overflow-x:clip}
/* Línea de factura: concepto a lo ancho y cinco campos (cantidad, precio, ITBIS, descuento, otro impuesto) */
.invoice-line{grid-template-columns:repeat(5,minmax(0,1fr)) 30px}
.invoice-line .line-description{grid-column:1/-1}
@media(max-width:700px){.invoice-line{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-line .remove-line{grid-column:2;justify-self:end}}