*{box-sizing:border-box}html,body{color:#17345a;background:#eef3f8;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{padding-bottom:calc(24px + env(safe-area-inset-bottom));overflow-x:hidden}main{max-width:760px;margin:auto}header{padding:calc(12px + env(safe-area-inset-top)) 16px 12px;color:#fff;background:linear-gradient(120deg,#063b83,#0b6fd8);align-items:center;gap:12px;display:flex}header img{border-radius:12px;width:52px;height:52px}h1{margin:0;font-size:19px}h2{margin:0 0 11px;font-size:16px}small{display:block}nav{z-index:2;background:#eef3f8;grid-template-columns:repeat(3,1fr);gap:6px;padding:9px;display:grid;position:sticky;top:0}button,input,select,.upload{min-height:46px;font:inherit;border-radius:10px}nav button{color:#17345a;background:#fff;border:1px solid #bdd0e5}nav button.on{color:#fff;background:#0757b8;border-color:#0757b8}section{background:#fff;border:1px solid #cfdeed;border-radius:13px;min-width:0;margin:0 9px 10px;padding:14px}input,select{color:#17345a;background:#fff;border:1px solid #b7cadf;width:100%;padding:10px 12px}.two{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.two label>span{color:#61758d;margin:0 0 5px;font-size:12px;font-weight:700;display:block}.results{border:1px solid #c7d7e8;border-radius:10px;margin-top:8px;overflow:hidden}.results button{text-align:left;color:#17345a;background:#fff;border:0;border-bottom:1px solid #d7e2ee;grid-template-columns:90px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:10px;display:grid}.results button:last-child{border-bottom:0}.results span,.item span{overflow-wrap:anywhere}.item{border-bottom:1px solid #d9e4ef;grid-template-columns:minmax(0,1fr) auto 42px;align-items:center;gap:8px;padding:11px 0;display:grid}.item>div{min-width:0}.item span,.item small{margin-top:3px;display:block}.item strong{white-space:nowrap}.item button{color:#9c2424;background:#f8e4e4;border:0;width:42px;padding:0;font-size:22px}.selected-client{background:#edf5ff;border-radius:9px;gap:3px;margin-bottom:8px;padding:10px;display:grid}.selected-client span{color:#637990;font-size:12px}.total{justify-content:space-between;padding:15px 0;font-size:19px;display:flex}.primary,.add button{color:#fff;background:#14804b;border:0;width:100%;padding:10px}.primary:disabled{opacity:.55}.muted{color:#637990}.results .muted{margin:0;padding:13px}.add{gap:7px;margin-bottom:10px;display:grid}.list{overflow:hidden}.list>div{border-bottom:1px solid #dbe5ef;grid-template-columns:100px minmax(0,1fr) auto;gap:7px;padding:8px 2px;display:grid}.list span{overflow-wrap:anywhere}.upload{background:#edf4fb;border:1px solid #aac2dc;justify-content:center;align-items:center;margin-top:9px;display:flex}.upload input{display:none}@media (max-width:520px){header{padding-left:13px;padding-right:13px}header img{width:46px;height:46px}header small{font-size:12px}nav{padding:7px}nav button{min-height:43px;font-size:13px}section{margin:0 7px 9px;padding:13px}.results button{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px}.results button b{font-size:13px}.results button span{grid-area:2/1/auto/-1;font-size:14px;line-height:1.25}.product-results button strong{grid-area:1/2}.item{grid-template-columns:minmax(0,1fr) 42px}.item>strong{grid-column:1;justify-self:end;margin-top:2px}.item>button{grid-area:1/2/3}.list>div{grid-template-columns:1fr}.list>div span{display:block}.total{z-index:1;background:#fff;border-top:1px solid #d9e4ef;position:sticky;bottom:0}}@media print{header,nav,.primary{display:none}section{border:0;margin:0}body{background:#fff}.selected-client{background:#fff;border:1px solid #ddd}.total{position:static}}.three{grid-template-columns:1.25fr .75fr 1fr;gap:8px;margin-top:10px;display:grid}.three label>span{color:#61758d;margin:0 0 5px;font-size:12px;font-weight:700;display:block}.info-grid{grid-template-columns:1fr 2fr 1fr;gap:7px;margin-top:10px;display:grid}.info-grid>div{background:#edf5ff;border-radius:9px;min-width:0;padding:9px}.info-grid span,.summary span{color:#637990;font-size:12px;display:block}.info-grid b{overflow-wrap:anywhere;margin-top:3px;font-size:13px;display:block}.summary{border-top:1px solid #d9e4ef;margin-top:8px}.summary>div{justify-content:space-between;gap:12px;padding:9px 0;display:flex}.summary .total{padding:13px 0}.item small{text-transform:capitalize}@media (max-width:520px){.three{grid-template-columns:1fr 1fr}.three label:first-child{grid-column:1/-1}.info-grid{grid-template-columns:1fr 1fr}.info-grid>div:nth-child(2){grid-area:2/1/auto/-1}.summary>div{align-items:end}.summary span{font-size:13px}}body{color:#123b70;background:#edf4fa}main{max-width:1180px}header{background:linear-gradient(90deg,#064d9f,#0873d8);border-bottom:4px solid #063a75;box-shadow:0 2px 5px #17345a33}header img{border:2px solid #3f93ed;box-shadow:0 2px 6px #002d61}header h1{letter-spacing:.2px;text-transform:uppercase;font-weight:800}nav{background:#edf4fa;grid-template-columns:repeat(3,minmax(105px,150px));justify-content:end}nav button{color:#fff;background:linear-gradient(#7157d1,#5338aa);border-color:#5236a8;min-height:40px;font-weight:700}nav button.on{background:linear-gradient(#1778da,#0757b8);border-color:#0757b8}section{border-color:#c7d7e8;padding:12px;box-shadow:0 2px 5px #17345a18}section>h2{color:#fff;text-transform:uppercase;background:linear-gradient(90deg,#0754ad,#0876d8);border-radius:8px;margin:-1px -1px 10px;padding:9px 13px;font-size:15px}input,select{border-color:#a9c4df;border-radius:6px;min-height:42px}.primary,.add button{background:linear-gradient(#25a65f,#14804b);border:1px solid #0b6b3b;font-weight:800}.results button:hover{background:#edf6ff}.summary{border-top:0;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.summary>div{background:#f8fbff;border:1px solid #bfd2e5;border-top:4px solid #1675d1;border-radius:10px;padding:12px;box-shadow:0 2px 5px #17345a18}.summary>div:nth-child(2){border-top-color:#14a04b}.summary>div:nth-child(2) b{color:#07843d}.summary>div:nth-child(3){background:snow;border-top-color:#e33d43}.summary>div:nth-child(3) b{color:#0757b8}.summary .total{font-size:19px;position:static}.selected-client{border-left:4px solid #0870d0}@media (max-width:520px){header h1{font-size:17px}header small{font-size:11px}nav{grid-template-columns:repeat(3,1fr)}section>h2{font-size:14px}.summary{grid-template-columns:1fr}.summary>div{min-height:58px}.summary>div span{font-size:11px}.summary>div b{font-size:18px}}header .brand{flex:1}header .brand h1{line-height:1.05}.header-date{color:#17345a;background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:12px;min-width:220px;padding:17px 20px;font-size:17px;display:flex}.quote-actions{gap:8px;margin-top:10px;display:flex}.quote-actions button{color:#fff;background:linear-gradient(#25a65f,#14804b);border:0;border-radius:7px;min-height:46px;padding:10px 16px;font-weight:800}.quote-actions button:last-child{background:linear-gradient(#1782df,#0757b8)}.quote-actions button:disabled{opacity:.55}section:first-of-type>h2:before{content:"♟  "}section:nth-of-type(2)>h2:before{content:"+  ";font-size:22px}section:nth-of-type(3)>h2:before{content:"▤  "}@media (max-width:520px){header{align-items:center;min-height:176px}.header-date{width:46%;min-width:0;padding:18px 10px;font-size:15px}.brand h1{font-size:21px}.brand small{margin-top:6px;font-size:13px}.summary{max-width:330px;margin-left:auto}.quote-actions{grid-template-columns:1fr 1fr;display:grid}.quote-actions button{padding:8px;font-size:14px}}.print-sheet{display:none}.product-picker{position:relative}.product-picker input{padding-right:48px}.product-picker>button{color:#0757b8;background:#edf5ff;border:0;border-left:1px solid #c7d7e8;border-radius:0 6px 6px 0;width:46px;min-height:42px;font-size:25px;font-weight:800;position:absolute;top:0;right:0}.dropdown-results{overscroll-behavior:contain;max-height:310px;overflow-y:auto;box-shadow:0 8px 22px #17345a26}.dropdown-results button{cursor:pointer}.dropdown-results button:active{background:#dceeff}@media print{@page{size:Letter;margin:0}html,body{width:8.5in;background:#fff!important}.print-sheet{color:#173b6a;background:#fff;width:8.5in;min-height:11in;padding:.42in .46in;font-family:Arial,sans-serif;display:block!important}.print-sheet *{box-sizing:border-box}.pdf-head{text-align:center;border-bottom:2px solid #0861b9;grid-template-columns:1fr 1.4fr 1fr;align-items:center;padding-bottom:10px;display:grid}.pdf-head h1{color:#075ab3;margin:0;font-size:24pt}.pdf-head b{font-size:9pt}.ewtto{color:#48db12;text-align:left;font-size:30pt;font-weight:900}.ewtto small,.siouwe small{font-size:6pt;display:block}.siouwe{color:#000;background:#ffbd00;border-radius:12px;padding:7px;font-size:23pt;font-weight:900}.siouwe em{color:#174d83;white-space:nowrap;background:#edf5ff;border:1px solid #aac6e2;margin:9px -7px -18px;padding:4px;font-size:8pt;font-style:normal;display:block}.pdf-client{border:1px solid #b8cee4;grid-template-columns:.8fr 2.2fr 1.1fr 1.9fr;margin-top:12px;font-size:9pt;display:grid}.pdf-client>*{border-bottom:1px solid #b8cee4;border-right:1px solid #b8cee4;padding:8px}.pdf-client b{background:#eaf2fa}.print-sheet table{border-collapse:collapse;table-layout:fixed;width:100%;margin-top:10px;font-size:7.5pt}.print-sheet th{color:#fff;background:#0860b9;padding:7px 3px}.print-sheet td{text-align:center;overflow-wrap:anywhere;border:1px solid #b8cee4;padding:6px 4px}.print-sheet td:nth-child(3){text-align:left}.print-sheet tbody tr:nth-child(2n){background:#f0f5fa}.pdf-totals{border:1px solid #b8cee4;grid-template-columns:1fr 1fr;width:40%;margin:11px 0 10px auto;font-size:9pt;display:grid}.pdf-totals>*{border-bottom:1px solid #c8d7e6;padding:7px}.pdf-totals b:nth-of-type(2),.pdf-totals span:nth-of-type(2){color:#078b45;background:#effbf3}.pdf-totals b:nth-of-type(3),.pdf-totals strong{color:#e3363b;font-size:12pt}.pdf-footer{background:#f0f6fb;border:1px solid #d0e1ef;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;padding:12px;font-size:7.5pt;display:grid}.pdf-footer div{grid-template-columns:auto 1fr;gap:3px 8px;display:grid}.pdf-footer span{grid-column:2}main>:not(.print-sheet){display:none!important}}.sketches-button{margin-bottom:14px;background:#6941c6!important}.sketches-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sketches-heading h2{margin-bottom:3px}.sketches-heading p{margin:0}.sketches-heading>button{background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:9px 12px;font-weight:700}.sketch-selector{grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 14px;display:grid}.sketch-selector button{color:#334155;background:#fff;border:1px solid #b8c5d8;border-radius:9px;padding:11px 8px;font-weight:700}.sketch-selector button[aria-pressed=true]{color:#fff;background:#0757c9;border-color:#0757c9}.sketch-phone{background:#f2f5f9;border:7px solid #172033;border-radius:30px;max-width:390px;margin:auto;overflow:hidden;box-shadow:0 18px 42px #0f172a26}.sketch-top{color:#fff;background:linear-gradient(135deg,#0643b9,#0872dc);align-items:center;gap:10px;padding:17px 14px;display:flex}.sketch-top img{background:#fff;border-radius:11px;width:42px;height:42px}.sketch-top strong,.sketch-top small{display:block}.sketch-top small{opacity:.85}.sketch-nav{background:#eaf2ff;grid-template-columns:repeat(3,1fr);gap:5px;padding:8px;display:grid}.sketch-nav span{color:#fff;text-align:center;background:#0757c9;border-radius:7px;padding:10px 3px;font-size:11px;font-weight:700}.sketch-nav span:last-child{background:#078344}.sketch-body{padding:10px}.sketch-card{background:#fff;border:1px solid #d5dde9;border-radius:9px;margin-bottom:9px;padding:12px}.sketch-card>b{color:#0757c9;text-transform:uppercase;margin-bottom:8px;font-size:12px;display:block}.sketch-card>div{color:#68758a;border:1px solid #bac6d5;border-radius:6px;padding:11px 9px;font-size:12px}.sketch-card>small{color:#56647a;background:#f2f5f9;border-radius:6px;margin-top:8px;padding:8px;display:block}.sketch-card p{grid-template-columns:30px 1fr auto;align-items:center;gap:8px;margin:0;padding:8px 0;display:grid}.sketch-card p i{color:#fff;background:#0757c9;border-radius:6px;place-items:center;width:30px;height:30px;font-style:normal;display:grid}.sketch-card p span,.sketch-card p strong{font-size:12px}.sketch-card footer{color:#0757c9;border-top:1px solid #d5dde9;justify-content:space-between;padding-top:9px;font-weight:700;display:flex}.sketch-pdf{color:#fff;background:#0757c9;border:0;border-radius:7px;width:100%;min-height:46px;font-weight:700}.sketch-note{text-align:center;color:#58667c;margin:12px 4px 5px;font-size:12px}.sketch-options-title{color:#26364f;margin:6px 0 8px;font-size:13px}.sketch-designs{grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:16px;display:grid}.sketch-designs button{color:#334155;background:#fff;border:1px solid #b8c5d8;border-radius:9px;min-height:40px;font-weight:800}.sketch-designs button[aria-pressed=true]{color:#0757c9;background:#eaf2ff;border-color:#0757c9;box-shadow:0 0 0 2px #0757c925}.sketch-product p button{color:#fff;background:#e00019;border:0;border-radius:7px;width:29px;height:29px;font-size:20px;font-weight:900}.sketch-card .sketch-controls{border:0;grid-template-columns:repeat(4,1fr);gap:5px;padding:0;display:grid}.sketch-controls label{background:linear-gradient(#fff,#f4f8fd);border:1px solid #d4e0ef;border-radius:9px;min-width:0;padding:6px}.sketch-controls small,.sketch-controls strong{display:block}.sketch-controls small{color:#315a8d;text-transform:uppercase;font-size:7px;font-weight:900}.sketch-controls strong{color:#102a4c;margin-top:4px;font-size:9px}.sketch-card .sketch-calcs{border:0;border-top:1px solid #d5dde9;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px;padding:7px 0 0;display:grid}.sketch-calcs span{color:#315a8d;font-size:7px;font-weight:800}.sketch-calcs b{color:#102a4c;margin-top:3px;font-size:9px;display:block}.sketch-azul .sketch-controls label{background:#0757c9;border-color:#3176cf}.sketch-azul .sketch-controls small,.sketch-azul .sketch-controls strong{color:#fff}.sketch-compacto .sketch-controls{gap:2px}.sketch-compacto .sketch-controls label{box-shadow:none;border-radius:4px;padding:4px 3px}.sketch-compacto .sketch-controls strong{font-size:8px}.sketch-grande .sketch-controls{grid-template-columns:1fr 1fr;gap:8px}.sketch-grande .sketch-controls label{border-radius:12px;padding:10px}.sketch-grande .sketch-controls small{font-size:8px}.sketch-grande .sketch-controls strong{font-size:12px}