/* Espaciado 8/13/21/34 y relaciones de contenido 1.618:1. */
@media screen{body>header{min-height:78px;padding:10px max(24px,calc((100vw - 1480px)/2));gap:21px}.brand-logo{height:55px;width:55px}.brand{font-size:25px}.brand small{margin-top:4px;font-size:9px}.brand-copy em{font-size:8px;margin-top:4px}main{width:calc(100% - 48px);max-width:1480px;margin:0 auto;padding:16px 0 21px}#app{display:grid;grid-template-columns:minmax(0,1.618fr) minmax(280px,1fr);column-gap:21px;row-gap:13px;align-items:start}#app>*{grid-column:1/-1;min-width:0}#app>.notice{margin:0;font-size:10px;padding:9px 13px}#app>nav{margin:0 0 8px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:5px;gap:5px}nav button{min-width:0;padding:11px 15px}.intro{padding:8px 0 16px;margin:0;display:grid;grid-template-columns:minmax(0,1.618fr) minmax(160px,1fr);gap:21px;align-items:center}.intro>button{justify-self:end}.intro>div:only-child{grid-column:1/-1}.intro h1{font-size:34px;line-height:1.12;margin-bottom:8px}.intro .eyebrow{margin-bottom:8px;font-size:9px}.intro p{font-size:12px;line-height:1.5;max-width:600px}.panel{margin:0;padding:21px;border-radius:13px}.stats{margin:0;gap:13px}.stat{min-height:126px;padding:19px 21px;border-radius:12px}.stat strong{font-size:29px;margin:14px 0 8px}.stat label{font-size:9px}.stat small{font-size:10px}.stat:before{top:21px;bottom:21px}.toolbar{padding-bottom:13px;margin-bottom:13px}.toolbar h2{font-size:23px}.filters{margin-bottom:13px}td{padding:16px 13px;font-size:12px}th{padding:13px;font-size:9px}.table-wrap .primary,.table-wrap .secondary{padding:9px 13px;font-size:11px}.split{grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);gap:21px}.client-grid{gap:13px}.client-card{padding:21px}.salon-signature{margin-top:21px;padding-top:16px}.portfolio-summary{background:#fff;border:1px solid #e5d9db;border-left:3px solid #b69b66;padding:17px 21px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:21px;min-height:125px}.portfolio-summary strong{display:block;font-size:27px;font-weight:500;margin:8px 0;color:#65503c;letter-spacing:-.6px}.portfolio-summary small{font-size:10px}.portfolio-summary .summary-caption{font-size:9px;color:#a18b91;text-transform:uppercase;letter-spacing:1.2px}.portfolio-summary>div:last-child{border-left:1px solid #e8dfd5;padding-left:21px}.page-cartera>.intro{grid-column:1;grid-template-columns:minmax(0,1.618fr) auto;border:0;min-height:125px;align-self:center;padding:8px 0}.page-cartera>.portfolio-summary{grid-column:2}.page-cartera>.notice.info{font-size:10px;padding:10px 14px}.page-balance>#report .stats{margin-bottom:13px}.page-balance .split{margin-top:13px}.page-balance .panel form>.primary{margin-top:16px}.page-balance .panel form .form-grid{grid-template-columns:1.618fr 1fr}.page-balance .panel form label{margin-top:0}.receipt-preview{background:#f5f1ef;padding:21px;border:1px solid #e5dbd4;border-radius:12px;margin-bottom:13px;overflow-x:auto}.receipt-preview>.ticket{margin:0 auto;background:#fff;box-shadow:0 5px 20px #34292214;padding:4mm;box-sizing:content-box}.print-controls{display:flex;align-items:center;gap:13px;justify-content:space-between;margin-top:13px}.print-controls small{font-size:10px;max-width:230px;line-height:1.6}.login{grid-column:1/-1!important;justify-self:center;width:100%;max-width:440px;margin:21px auto}.login-logo{height:120px;width:120px;margin-bottom:16px}}
@media screen and (max-width:1000px){#app{grid-template-columns:minmax(0,1.618fr) minmax(250px,1fr);gap:13px}.intro h1{font-size:30px}.page-cartera>.intro{grid-template-columns:1fr;gap:13px}.page-cartera>.intro>button{justify-self:start}.portfolio-summary{min-height:152px;padding:16px;gap:13px}.portfolio-summary>div:last-child{padding-left:13px}.portfolio-summary strong{font-size:24px}.split{grid-template-columns:1fr}.stat{padding:17px}.stat strong{font-size:26px}}
@media screen and (max-width:700px){body>header{padding:13px 16px;min-height:80px;gap:10px}.brand{font-size:20px}.brand-logo{height:48px;width:48px}main{width:calc(100% - 30px);padding:13px 0}#app{display:block}#app>nav,#app>.intro,#app>.stats,#app>.notice,#app>.panel,#app>.client-grid,#app>.portfolio-summary{margin-bottom:16px}#app>nav{display:flex;gap:3px;padding:4px}nav button{min-width:85px;font-size:10px;padding:10px 12px}.intro,.page-cartera>.intro{display:flex;align-items:center;gap:13px;min-height:0;padding:5px 0 16px;border-bottom:1px solid #e5d8d8}.intro h1{font-size:28px}.intro p{font-size:11px}.intro .eyebrow{font-size:7px;letter-spacing:1px}.intro>button{flex-shrink:0;padding:11px 12px;font-size:9px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{min-height:132px;padding:17px 15px}.stat label{font-size:8px}.stat strong{font-size:25px;margin:15px 0 8px}.stat small{font-size:9px}.portfolio-summary{min-height:0;padding:16px 18px}.portfolio-summary strong{font-size:25px}.panel{padding:18px 15px}.toolbar h2{font-size:23px}.print-controls{display:block}.print-controls button{width:100%;margin-top:12px}.receipt-preview{padding:13px 0;background:#f8f5f3}.receipt-preview>.ticket{box-shadow:none;padding:0;max-width:100%;box-sizing:border-box}.salon-signature{margin-top:16px}.page-balance .panel form .form-grid{grid-template-columns:1fr 1fr}.page-balance .panel form label{font-size:10px}.login{margin:21px auto!important;padding:26px}}
@media screen and (min-width:701px){#app.page-cartera>.intro{grid-column:1}#app.page-cartera>.portfolio-summary{grid-column:2}}
@media screen{.collaborator-stats{grid-template-columns:repeat(3,minmax(0,1fr))}nav{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))!important}.cash-layout .notice{margin:16px 0 0}.page-corte .panel h2{font-size:21px}} @media screen and (max-width:700px){.collaborator-stats{grid-template-columns:1fr}.collaborator-stats .stat{min-height:105px}.cash-layout{display:block}.cash-layout>.panel{margin-bottom:16px}}