:root{--ink:#10264c;--muted:#71808a;--line:#e7e9e8;--paper:#f4f7fd;--card:#fff;--primary:#1168e8;--primary-dark:#0752c3;--mint:#dff4e8;--green:#1e9160;--amber:#e7a436;--red:#d65454;--shadow:0 7px 32px rgba(16,32,43,.035);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-synthesis:none;color:var(--ink)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}h1,h2,h3,p{margin-top:0}h1{font-size:31px;letter-spacing:-1.15px;margin-bottom:6px;line-height:1.16}h2{font-size:20px;letter-spacing:-.4px;margin-bottom:0}h3{font-size:16px;margin-bottom:5px}small{font-size:12px}.muted{color:var(--muted)}.subtle{font-size:14px;color:var(--muted)}.app-shell{display:flex;min-height:100vh}.sidebar{width:258px;position:fixed;left:0;top:0;bottom:0;background:#10202b;color:#d2dadc;padding:30px 16px 22px;display:flex;flex-direction:column;z-index:11}.brand{display:flex;gap:12px;align-items:center;padding:4px 10px 42px}.brand-mark{background:#1168e8;border-radius:13px;color:white;font-size:29px;line-height:1;width:43px;height:43px;display:grid;place-items:center;font-weight:900;letter-spacing:-3px}.brand-mark span{color:#10202b;margin-left:-9px;margin-top:15px}.brand-copy strong{color:white;font-size:17px;font-weight:900;letter-spacing:1.1px}.brand-copy small{display:block;color:#92a4ad;letter-spacing:1.6px;font-size:8px;font-weight:700;margin-top:6px}.sidebar-label{color:#778d99;font-size:10px;letter-spacing:2px;font-weight:850;padding:0 16px;margin-bottom:13px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-link{border:0;background:none;border-radius:11px;color:#abbbc3;display:flex;gap:13px;align-items:center;padding:13px 13px;text-align:left;font-size:13px;font-weight:650;width:100%}.nav-link svg{height:19px;width:19px}.nav-link:hover{background:#213540;color:#fff}.nav-link.active{background:#253946;color:#fff}.nav-link.active svg{color:#65b4ff}.nav-count{margin-left:auto;border-radius:6px;background:#30424b;color:#bdcbd2;font-size:10px;padding:4px 7px}.nav-count.accent{background:#543b37;color:#bfe0ff}.sidebar-bottom{margin-top:auto}.safe-indicator{display:flex;align-items:center;gap:9px;padding:13px 9px 24px;color:#92a4ad;font-size:11px}.safe-dot{width:8px;height:8px;border-radius:50%;background:#55cd9d;box-shadow:0 0 0 4px #27473e}.user-tile{border-top:1px solid #33434b;padding:20px 5px 0;display:flex;align-items:center;gap:12px}.user-avatar{width:38px;height:38px;display:grid;place-items:center;background:#29434d;border:1px solid #3b5661;color:#ebf5f1;border-radius:11px;font-size:12px;font-weight:850}.user-tile strong{display:block;font-size:13px;color:#fff}.user-tile small{display:block;color:#859ba6;margin-top:3px}.main-content{margin-left:258px;flex:1;min-width:0}.topbar{height:83px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 40px;background:#fff}.breadcrumb{font-size:10px;font-weight:850;letter-spacing:1.4px;color:#91a0a8}.breadcrumb span{padding:0 12px;color:#c9cfd1}.breadcrumb strong{color:#263d48}.topbar-right{display:flex;align-items:center;gap:24px}.today-label{font-size:12px;color:#667883;font-weight:650}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;padding:11px 16px;border-radius:11px;font-size:13px;font-weight:800;transition:.15s;white-space:nowrap}.btn svg{width:16px;height:16px}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 5px 12px #1168e822}.btn-primary:hover{background:var(--primary-dark)}.btn-dark{background:var(--ink);color:white}.btn-plain{background:#fff;color:#24333a;border-color:#e5e9e7}.btn-plain:hover{background:#f4f7f6}.btn-soft{background:#fff0ec;color:#095acb}.btn-outline{color:var(--ink);border:1px solid #dae1e2;background:transparent}.btn-danger{background:#ffefef;color:#d04444}.btn-small{padding:8px 11px;font-size:12px;border-radius:9px}.btn-icon{padding:8px;border-radius:9px;background:#f6f8f7;border:1px solid #edf0ef;color:#4d626c;display:inline-flex;align-items:center;justify-content:center}.btn-icon svg{width:17px;height:17px}.view-root{max-width:1500px;margin:auto;padding:37px 40px 60px}.heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:26px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:900;color:#1b70e7;margin-bottom:11px}.heading-copy p{font-size:14px;color:var(--muted);margin:8px 0 0}.heading-actions{display:flex;gap:8px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:25px}.stat-card{background:#fff;border:1px solid #ebeeec;border-radius:17px;padding:20px 21px 19px;min-height:153px;box-shadow:var(--shadow)}.stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.stat-label{font-size:12px;font-weight:700;color:#6e7d84}.stat-icon{background:#f1f5f4;border-radius:11px;width:36px;height:36px;display:grid;place-items:center;color:#4a6570}.stat-icon svg{width:18px;height:18px}.stat-icon.orange{background:#fff1e9;color:#1b70e7}.stat-icon.green{background:#e8f7ef;color:#299564}.stat-icon.blue{background:#eaf2f7;color:#537992}.stat-value{font-size:28px;letter-spacing:-.8px;font-weight:850;white-space:nowrap}.stat-foot{font-size:11px;color:#89969b;margin-top:9px}.panel{border:1px solid #eaeeeb;background:#fff;border-radius:17px;box-shadow:var(--shadow);overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:21px 23px;border-bottom:1px solid #eff1ef}.panel-head h2{font-size:16px;letter-spacing:-.2px}.panel-head p{margin:5px 0 0;color:#8a969b;font-size:12px}.panel-action{background:transparent;color:#1b70e7;border:0;font-size:12px;font-weight:850;display:inline-flex;align-items:center;gap:4px}.panel-action svg{width:15px}.two-cols{display:grid;grid-template-columns:1.35fr 1fr;gap:19px}.mini-list{padding:3px 23px}.mini-row{display:flex;align-items:center;gap:13px;padding:16px 0;border-bottom:1px solid #f0f1ef}.mini-row:last-child{border-bottom:0}.mini-avatar{width:42px;height:42px;border-radius:11px;background:#f4f3ee;display:grid;place-items:center;flex:none;font-weight:850;color:#1b70e7;font-size:14px}.mini-avatar.invert{background:#eaf4ee;color:#2b9363}.mini-main{flex:1;min-width:0}.mini-main strong{font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-main small{color:#8b969b;display:block;margin-top:5px;font-size:11px}.mini-end{text-align:right}.mini-end strong{display:block;font-size:13px}.mini-end small{display:block;font-size:10px;margin-top:5px;color:#819096}.empty{padding:45px 22px;text-align:center;color:#839096}.empty-circle{height:54px;width:54px;background:#f2f5f3;border-radius:16px;display:grid;place-items:center;margin:0 auto 16px;color:#7c929c}.empty-circle svg{width:24px;height:24px}.empty strong{display:block;color:#273a44;font-size:15px}.empty p{max-width:330px;margin:9px auto 17px;line-height:1.6;font-size:13px}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}.data-table th{text-align:left;color:#94a0a4;font-size:10px;letter-spacing:1px;text-transform:uppercase;background:#fbfcfb;font-weight:850;padding:17px 18px;border-bottom:1px solid #eff0ef}.data-table td{padding:17px 18px;border-bottom:1px solid #f0f1ef;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fcfdfc}.col-primary{font-weight:800;color:#203440}.col-secondary{display:block;margin-top:5px;color:#8a969d;font-size:11px}.right{text-align:right!important}.small-actions{display:flex;align-items:center;gap:6px;justify-content:flex-end}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:850;white-space:nowrap}.badge.orange{color:#ad6b1b;background:#fff2da}.badge.blue{color:#356d95;background:#e9f3fb}.badge.green{color:#25865b;background:#e6f6ec}.badge.gray{color:#6a7779;background:#edf0ef}.badge.red{color:#d14949;background:#ffebec}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:13px;margin:0 0 19px;flex-wrap:wrap}.search-field{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #e4e9e7;border-radius:11px;padding:0 13px;min-height:43px;min-width:250px;flex:1;max-width:470px}.search-field svg{width:17px;height:17px;color:#99a6ab}.search-field input{border:0;background:transparent;outline:0;width:100%;font-size:13px}.filter-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filter{border:1px solid #e5eae8;color:#64767d;background:#fff;border-radius:10px;padding:11px;font-size:12px;font-weight:750}.filter.active{background:#10202b;color:#fff;border-color:#10202b}.secondary-select{border:1px solid #e1e7e5;border-radius:10px;background:white;padding:11px 13px;color:#546772;font-size:12px;min-height:44px;max-width:180px}.collection-banner{display:flex;align-items:center;gap:18px;padding:25px;border-radius:18px;margin-bottom:24px;background:#10202b;color:white}.collection-banner .circle{width:52px;height:52px;background:#29404b;border-radius:15px;display:grid;place-items:center;color:#ffc5b5;flex:none}.collection-banner .circle svg{width:25px;height:25px}.collection-banner small{display:block;color:#9eb2b9;font-size:12px}.collection-banner strong{font-size:28px;display:block;margin:5px 0}.collection-banner .banner-aside{margin-left:auto;color:#acbec4;font-size:12px;max-width:200px;text-align:right;line-height:1.5}.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.person-card{padding:19px;background:#fff;border:1px solid #e9edeb;border-radius:16px;box-shadow:var(--shadow)}.person-top{display:flex;gap:11px;align-items:center}.person-monogram{border-radius:13px;background:#f5eee8;color:#d1785a;font-weight:850;font-size:14px;width:43px;height:43px;display:grid;place-items:center;flex:none}.person-card h3{font-size:14px;margin:0 0 5px}.person-card .secondary{font-size:12px;color:#89979b}.person-bottom{margin-top:16px;border-top:1px solid #f0f1ee;padding-top:14px;display:flex;justify-content:space-between;align-items:center;gap:8px}.person-bottom strong{font-size:12px}.person-bottom span{font-size:11px;color:#849399}.person-card button{border:none;background:transparent;color:#c56e53;font-size:11px;font-weight:800;padding:0}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.settings-body{padding:22px}.settings-body p{font-size:13px;line-height:1.6;color:#74858d}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-field{display:flex;flex-direction:column;gap:7px;min-width:0}.form-field label{font-size:11px;font-weight:850;color:#43525a}.form-field input,.form-field select,.form-field textarea{border:1px solid #dfe5e4;background:#fff;border-radius:10px;padding:12px 13px;width:100%;color:#243945;outline:0;font-size:14px;min-height:44px}.form-field :is(input,select,textarea):focus{border-color:#e98a71;box-shadow:0 0 0 3px #ef9b7c22}.form-field textarea{min-height:74px;resize:vertical}.field-hint{font-size:10px;color:#98a4a7;line-height:1.4}.form-divider{height:1px;background:#edf0ef;margin:21px 0}.form-section-title{font-size:12px;font-weight:850;margin-bottom:14px;display:flex;justify-content:space-between;gap:8px}.totals-preview{background:#f7f8f5;border:1px dashed #dfe5e0;border-radius:13px;padding:15px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.preview-value{font-size:19px;font-weight:850;margin-top:7px}.preview-value.good{color:#329568}.preview-label{font-size:10px;color:#849096}.file-select{border:1px dashed #cad5d3;border-radius:11px;background:#fbfcfa;padding:12px;display:flex;align-items:center;gap:8px;font-size:12px;cursor:pointer;color:#617079;font-weight:650}.file-select svg{width:20px;height:20px}.file-select input{display:none}.order-image-preview{width:75px;height:65px;object-fit:cover;border-radius:10px;border:1px solid #e0e0df;margin-top:9px}.modal-backdrop{position:fixed;inset:0;background:rgba(12,25,33,.56);backdrop-filter:blur(3px);z-index:30;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:min(620px,100%);max-height:min(92vh,950px);overflow:hidden;background:white;border-radius:18px;box-shadow:0 30px 75px #09182145;display:flex;flex-direction:column}.modal.large{width:min(790px,100%)}.modal-header{padding:21px 25px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ebefed;flex:none}.modal-header h2{font-size:19px}.modal-header p{font-size:11px;color:#91a0a5;margin:5px 0 0}.modal-content{padding:24px;overflow-y:auto;overscroll-behavior:contain}.modal-footer{flex:none;border-top:1px solid #ebefed;padding:16px 23px;display:flex;gap:10px;justify-content:flex-end;background:#fff}.modal-content .stack{display:flex;flex-direction:column;gap:15px}.modal-detail-cover{height:150px;width:100%;object-fit:cover;border-radius:13px;margin:0 0 18px}.detail-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.detail-summary .item{padding:13px;background:#f6f8f6;border-radius:11px}.detail-summary small{color:#87949a;display:block}.detail-summary strong{font-size:18px;display:block;margin-top:7px;overflow-wrap:anywhere}.detail-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:0 0 19px}.detail-meta small{display:block;color:#8c999f;font-size:11px;margin-bottom:5px}.detail-meta strong{font-size:13px}.payments-list{display:flex;flex-direction:column;gap:0}.payment-line{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:13px 0;border-bottom:1px solid #ecf1ee;font-size:12px}.payment-line strong{font-size:14px}.alert{font-size:12px;line-height:1.6;padding:13px 15px;border-radius:11px}.alert.warn{background:#fff4e4;color:#8b652c}.alert.info{background:#eaf5fa;color:#46768f}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(130px);background:#10202b;color:#fff;border-radius:12px;box-shadow:0 14px 35px #0003;padding:13px 20px;font-size:13px;font-weight:750;transition:transform .24s;z-index:99;max-width:min(90vw,500px);text-align:center}.toast.visible{transform:translateX(-50%) translateY(0)}.info-cards{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 18px}.info-chip{background:#fff;border:1px solid #e7edeb;border-radius:9px;padding:9px 12px;font-size:11px;color:#6c8088}.info-chip b{color:#16323e}.billing-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.bill-card{padding:16px;border:1px solid #e7eeeb;border-radius:12px;background:#fff}.bill-card strong{display:block;margin:7px 0 3px;font-size:18px}.bill-card small{font-size:11px;color:#819298}.link-text{border:0;background:none;color:#1b70e7;padding:3px;font-weight:800;font-size:12px}.mobile-nav{display:none}#printRoot{display:none}@media(max-width:1160px){.sidebar{width:227px}.main-content{margin-left:227px}.view-root{padding:30px 26px}.topbar{padding:0 26px}.stat-grid{gap:12px}.stat-card{padding:17px}.stat-value{font-size:23px}.people-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.sidebar{display:none}.main-content{margin:0}.topbar{height:60px;padding:0 18px}.topbar-right{gap:12px}.view-root{padding:26px 18px 100px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{min-height:135px}.two-cols{grid-template-columns:1fr}.today-label{display:none}.mobile-nav{position:fixed;z-index:20;bottom:0;left:0;right:0;height:calc(69px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e7ebea;display:flex;align-items:flex-start;justify-content:space-around;padding:9px 5px max(8px,env(safe-area-inset-bottom));box-shadow:0 -6px 25px #10202b09}.mobile-item{background:transparent;border:0;color:#9ba7a9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:54px;font-size:10px;font-weight:750}.mobile-item svg{height:21px;width:21px}.mobile-item.active{color:#1b70e7}.mobile-item small{font-size:10px}.mobile-plus{background:#1168e8;border-radius:13px;color:#fff;width:39px;height:37px;display:grid;place-items:center;margin-top:-14px;box-shadow:0 6px 14px #1168e855}.mobile-item:has(.mobile-plus){color:#dc7458}.mobile-plus svg{width:22px;height:22px}.toast{bottom:93px}}@media(max-width:560px){h1{font-size:26px}.heading{align-items:flex-start}.heading-copy p{font-size:12px}.heading-actions{flex-wrap:wrap;justify-content:flex-end}.desktop-new{display:none}.stat-grid{margin-bottom:16px}.stat-card{padding:15px 14px 14px;border-radius:14px;min-height:127px}.stat-top{margin-bottom:13px}.stat-label{font-size:11px}.stat-icon{width:31px;height:31px}.stat-value{font-size:22px}.stat-foot{font-size:10px;margin-top:7px}.panel-head{padding:17px}.mini-list{padding:0 17px}.mini-row{padding:14px 0}.toolbar{align-items:stretch}.search-field{width:100%;max-width:none}.filter-row{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.filter{flex:none;padding:10px 12px}.secondary-select{max-width:none}.people-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.collection-banner{padding:18px;border-radius:14px}.collection-banner .circle{width:42px;height:42px}.collection-banner strong{font-size:23px}.collection-banner .banner-aside{display:none}.modal-backdrop{align-items:flex-end;padding:0}.modal{width:100%;max-height:93dvh;border-radius:18px 18px 0 0;padding-bottom:env(safe-area-inset-bottom)}.modal.large{width:100%}.modal-header{padding:17px 19px}.modal-content{padding:18px}.modal-footer{padding:14px 18px}.form-row{grid-template-columns:1fr;gap:13px}.form-row.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-summary .item{padding:10px}.detail-summary strong{font-size:14px}.detail-meta{gap:10px}.topbar .breadcrumb{font-size:9px}.table-wrap{margin:0}.data-table td{padding:14px}.data-table th{padding:14px}.totals-preview{gap:3px;padding:12px}.preview-value{font-size:15px}.billing-grid{grid-template-columns:1fr}}@media print{body>*:not(#printRoot){display:none!important}#printRoot{display:block!important;background:white;color:black;font-family:Arial,sans-serif;font-size:12px;padding:5mm}#printRoot h1{font-size:23px}#printRoot table{border-collapse:collapse;width:100%;margin:10px 0}#printRoot th,#printRoot td{border-bottom:1px solid #ddd;text-align:left;padding:9px 5px}#printRoot .receipt-top{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #222;padding-bottom:12px}#printRoot .receipt-total{font-size:18px;font-weight:800}#printRoot .receipt-foot{color:#666;margin-top:22px}}

.more-menu{display:flex;flex-direction:column;gap:8px}.more-row{width:100%;display:flex;align-items:center;gap:14px;background:#f8faf8;border:1px solid #e8eeea;border-radius:13px;padding:16px;text-align:left;color:#1f353d}.more-row>svg:first-child{color:#1b70e7;width:23px;height:23px}.more-row>svg:last-child{margin-left:auto;color:#94a3a8;width:18px;height:18px}.more-row span{display:flex;flex-direction:column;gap:4px}.more-row strong{font-size:14px}.more-row small{color:#82939a;font-size:11px}

/* SERIGRAFF V2 | Identidad de publicidad integral (azul/blanco) */
:root{--primary:#1168e8;--primary-dark:#0752c3;--paper:#f4f7fd;--ink:#10264c}
.sidebar{background:linear-gradient(180deg,#04194c 0%,#082f77 62%,#061b4b 100%)}
.brand{padding:4px 7px 38px;gap:11px}
.brand-mark-img{width:49px;height:49px;border-radius:13px;object-fit:cover;box-shadow:0 4px 15px #0004}
.brand-copy strong{letter-spacing:1px;font-size:17px}
.brand-copy small{letter-spacing:1px;font-size:8px;color:#c0d7f1}
.nav-link.active{background:rgba(75,149,255,.22)}
.nav-link:hover{background:rgba(75,149,255,.16)}
.nav-link.active svg{color:#7ac7ff}
.sidebar-label{color:#a2c7f7}
.topbar-logo{width:31px;height:31px;object-fit:cover;border-radius:8px;display:none;box-shadow:0 2px 7px #061b4b24}
.brand-cover{width:100%;height:min(36vw,340px);min-height:210px;position:relative;overflow:hidden;border-radius:20px;margin:0 0 26px;box-shadow:0 8px 28px #092d7d15;background:linear-gradient(110deg,#01154b,#0967e8)}
.brand-cover:before{content:'';position:absolute;inset:-22px;background:linear-gradient(#01204c66,#01204c66),url('./images/portada-serigraff.webp') center/cover no-repeat;filter:blur(15px);transform:scale(1.04)}
.brand-cover>img{position:relative;display:block;margin:auto;width:100%;height:100%;object-fit:contain;object-position:center}
.brand-cover+.heading{margin-bottom:24px}
.eyebrow{color:#1266dc}
.btn-primary{background:#1168e8}
.btn-primary:hover{background:#095acb}
.mobile-plus{background:#1168e8;box-shadow:0 6px 14px #1168e855}
.mobile-item.active,.mobile-item:has(.mobile-plus){color:#1266dc}
.link-text,.panel-action{color:#1266dc}
@media(max-width:850px){.topbar-logo{display:block;margin-right:11px}.topbar{justify-content:flex-start}.topbar-right{margin-left:auto}.brand-cover{height:auto;min-height:0;aspect-ratio:16/9;border-radius:16px;margin-bottom:20px}}
@media(max-width:560px){.brand-cover{border-radius:13px;margin-bottom:21px}.brand-cover+.heading{margin-bottom:20px}}