:root{--navy:#073b55;--teal:#008899;--lime:#95d64c;--ink:#16374a;--bg:#f3f7fa;--line:#d6e1e8}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Arial,sans-serif;color:var(--ink)}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.side{background:var(--navy);color:#fff;padding:20px 13px;position:sticky;top:0;height:100vh}.brand{padding:8px 8px 22px;border-bottom:1px solid #ffffff32}.brand img{width:165px;display:block;background:#fff;padding:7px}.brand small{display:block;margin-top:11px;color:#bde5e6}.nav{display:grid;gap:5px;margin-top:20px}.nav button{border:0;text-align:left;border-radius:8px;padding:12px;background:transparent;color:#e8f6f7;font-weight:700}.nav button.active,.nav button:hover{background:#ffffff21}.main{min-width:0}.top{height:70px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);padding:0 30px;position:sticky;top:0;z-index:5}.top h1{font-size:20px;margin:0}.content{max-width:1250px;margin:auto;padding:28px}.hero,.quote-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.hero h2,.quote-head h2{margin:0}.hero h2{font-size:27px}.hero p,.quote-head p{margin:6px 0;color:#64788a}.btn{border:0;border-radius:7px;padding:11px 14px;font-weight:700}.primary{background:var(--navy);color:#fff}.soft{background:#e1f3f4;color:#006878}.outline{background:#fff;border:1px solid #a8bdcc;color:var(--ink)}.danger{background:#fff0f0;color:#a9222e}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:24px 0}.stat,.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;box-shadow:0 5px 18px #123a5210}.stat span{font-size:12px;color:#607388;font-weight:700}.stat b{display:block;font-size:28px;margin-top:8px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:10px}.list{min-width:810px}.list>div{display:grid;grid-template-columns:145px 1.5fr 1.3fr 105px 110px 175px;gap:11px;padding:14px 16px;align-items:center;border-bottom:1px solid #e7eef3}.list .head{font-size:11px;font-weight:800;background:#f4f8fb;text-transform:uppercase}.actions,.tools{display:flex;gap:9px;flex-wrap:wrap}.mini{padding:6px 8px;font-size:11px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field.full{grid-column:1/-1}.field label{display:block;margin:0 0 6px;font-size:12px;font-weight:700}.field input,.field textarea,.field select{width:100%;border:1px solid #bcd0dd;border-radius:6px;padding:10px;background:#fff}.field textarea{min-height:78px;resize:vertical}.consecutive-box{border:1px solid #aad2d5;background:#edf8f8;border-radius:8px;padding:14px;margin-bottom:18px;display:grid;gap:5px}.consecutive-box span{font-size:11px;font-weight:800;color:#45616c}.consecutive-box b{font-size:23px;color:var(--navy)}.consecutive-box small{color:#59717c}.items-table{display:grid;gap:8px}.items-head,.item-row{display:grid;grid-template-columns:40px minmax(180px,1.6fr) minmax(88px,.7fr) minmax(88px,.7fr) minmax(120px,.9fr) minmax(115px,.9fr) 55px;gap:8px;align-items:end}.items-head{padding:0 7px 8px;color:#45616c;font-size:11px;font-weight:800;text-transform:uppercase}.item-row{border:1px solid var(--line);border-radius:8px;padding:11px 8px;background:#fbfdfe}.item-row .field label,.items-table .item-total label{display:none}.item-row textarea{min-height:42px}.item-number{font-weight:800;text-align:center;padding-bottom:10px}.items-table .item-total{padding:10px;background:#f0f7e8;border-radius:6px;font-weight:800;text-align:right;min-height:41px}.delete-item{align-self:center}.section-title{display:flex;justify-content:space-between;gap:20px;align-items:start}.section-title h2{margin:0 0 9px;font-size:17px}.subtotal-value{display:block;font-size:21px;color:var(--navy)}.calc-options{display:flex;flex-wrap:wrap;gap:8px}.calc-option{border:1px solid #b7cad6;background:#fff;border-radius:6px;padding:8px 10px;font-size:13px;font-weight:700}.calc-option.selected{border-color:var(--teal);background:#e7f7f7;color:#006d77}.calc-fields{margin-top:17px}.totals{margin:18px 0 0 auto;width:min(100%,390px);display:grid;gap:8px}.totals div{display:flex;justify-content:space-between;padding:9px 12px;border-bottom:1px solid var(--line)}.totals .grand{background:var(--lime);font-size:19px;font-weight:800;border-radius:5px}.compare-picker{display:grid;gap:8px}.compare-row{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:7px;background:#fff}.preview{background:#dce7ec;padding:20px;overflow:auto}.paper{width:210mm;min-height:297mm;background:#fff;margin:auto;padding:14mm 15mm;color:#173d51;box-shadow:0 5px 20px #0003}.pdf-header{display:flex;justify-content:space-between;align-items:start;border-bottom:3px solid var(--navy);padding-bottom:8mm}.pdf-header img{width:58mm}.pdf-title{text-align:right}.pdf-title h1{font-size:17px;margin:0}.pdf-table{width:100%;border-collapse:collapse;margin-top:10mm;font-size:10px}.pdf-table th{background:var(--navy);color:#fff;padding:3mm}.pdf-table td{border:1px solid #c8d7df;padding:3mm}.pdf-table td:last-child{text-align:right}.pdf-total{margin:7mm 0 0 auto;width:60%;font-size:11px}.pdf-total div{display:flex;justify-content:space-between;padding:2mm}.pdf-total .grand{background:var(--lime);font-size:15px;font-weight:800}.pdf-conditions{display:grid;grid-template-columns:repeat(4,1fr);gap:5mm;border-top:1px solid var(--lime);margin-top:12mm;padding-top:5mm;font-size:10px;text-align:center}.pdf-payment{margin-top:8mm;font-size:10px}.pdf-company{margin-top:8mm;padding:5mm;background:var(--lime);font-size:10px;line-height:1.5}.menu{display:none}@media(max-width:800px){.shell{display:block}.side{position:fixed;transform:translateX(-100%);transition:.2s;z-index:10;width:260px}.side.open{transform:none}.menu{display:block}.content{padding:19px 14px}.top{padding:0 14px}.hero{align-items:start}.hero h2{font-size:22px}.grid3,.form-grid{grid-template-columns:1fr}.items-head{display:none}.item-row{grid-template-columns:28px 1fr;gap:10px;padding:12px}.item-row .field,.items-table .item-total{grid-column:2}.item-row .field label,.items-table .item-total label{display:block}.item-number{grid-row:1/7;padding-top:25px}.delete-item{grid-column:2;justify-self:start}.section-title{display:grid}.paper{transform:scale(.43);transform-origin:top left;margin-bottom:-160mm}.preview{min-height:710px}.pdf-conditions{grid-template-columns:repeat(2,1fr)}}

/* AJUSTE FINAL COTIZACIÓN / PDF CARTA */
.optional-adjustments{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.optional-box{border:1px solid var(--line);border-radius:8px;padding:13px;background:#fbfdfe}.optional-check{display:flex;gap:8px;align-items:center;font-weight:800}.optional-check input{width:auto}.optional-box .field{margin-top:10px}.advance-row{font-weight:700;background:#f6faf2}.quote-main-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.preview{background:#dce7ec;padding:20px;overflow:auto}.paper-stack{display:grid;gap:18px;justify-content:center}.pdf-page{position:relative;width:215.9mm;height:279.4mm;overflow:hidden;background:#fff;padding:10mm 11mm 12mm;color:#173d51;box-shadow:0 5px 20px #0003;font-family:Arial,sans-serif}.pdf-header{height:29mm;display:grid;grid-template-columns:34mm 1fr 86mm;gap:7mm;align-items:start;border:0;padding:0}.pdf-header img{width:31mm;max-height:24mm;object-fit:contain}.pdf-brand-title{padding-top:3mm;font-size:16px;white-space:nowrap}.pdf-brand-title b{font-size:19px}.pdf-brand-title span{font-size:11px;margin-left:4px}.pdf-title{text-align:right}.pdf-title p{margin:0 0 3mm;font-size:8.5px}.pdf-title h1{font-size:14px;margin:0 0 3mm}.pdf-accent-line{display:grid;grid-template-columns:3fr 1fr;height:2.2mm;margin-bottom:5mm}.pdf-accent-line i:first-child{background:var(--navy)}.pdf-accent-line i:last-child{background:var(--lime)}.pdf-client-block>div{display:grid;grid-template-columns:31mm 1fr;border:1px solid #c8d7df;background:#fff}.pdf-client-block>div b{padding:3mm;background:#edf5f8;font-size:9px}.pdf-client-block>div span{padding:3mm;font-weight:700;font-size:9px}.pdf-client-block>p{font-size:8.5px;margin:3mm 0 6mm}.pdf-client-block em{font-style:normal;margin:0 2mm;color:#6e858f}.pdf-greeting{text-align:center;margin:0 auto 6mm;max-width:185mm;line-height:1.45;font-size:9px}.pdf-greeting p{margin:2mm 0 0}.pdf-continuation{font-size:14px;font-weight:800;margin:0 0 7mm}.pdf-table{width:100%;border-collapse:collapse;margin-top:0;font-size:8px;table-layout:fixed}.pdf-table th{background:var(--navy);color:#fff;padding:2.3mm 1.5mm}.pdf-table th:nth-child(1){width:10mm}.pdf-table th:nth-child(2){width:auto}.pdf-table th:nth-child(3){width:13mm}.pdf-table th:nth-child(4){width:17mm}.pdf-table th:nth-child(5){width:31mm}.pdf-table th:nth-child(6){width:31mm}.pdf-table td{border:1px solid #c8d7df;padding:2.1mm 1.5mm;vertical-align:top;line-height:1.35;word-break:normal}.pdf-table td:nth-child(1),.pdf-table td:nth-child(3){text-align:center}.pdf-table td:nth-child(4),.pdf-table td:nth-child(5),.pdf-table td:nth-child(6){text-align:right}.pdf-total{margin:6mm 0 0 auto;width:52%;font-size:8.5px;border:1px solid #c8d7df}.pdf-total div{display:flex;justify-content:space-between;padding:1.8mm 2mm;border-bottom:1px solid #c8d7df}.pdf-total div:last-child{border-bottom:0}.pdf-total .grand{background:var(--lime);font-size:10px;font-weight:800}.pdf-total .advance-row{background:#fff}.pdf-commercial{margin-top:5mm;font-size:8px}.pdf-commercial h3{font-size:9px;margin:0 0 3mm}.pdf-condition-list{display:grid;grid-template-columns:repeat(4,1fr);gap:5mm}.pdf-condition-list p,.pdf-payment{margin:0 0 3mm}.pdf-company{margin-top:4mm;padding:4mm 6mm;background:var(--lime);font-size:8px;line-height:1.45}.pdf-company p{margin:2mm 0 0}.pdf-page-number{position:absolute;right:11mm;bottom:5mm;font-size:7px;color:#687d87}
@media(max-width:800px){.optional-adjustments,.quote-main-grid{grid-template-columns:1fr}.paper-stack{display:block}.pdf-page{transform:scale(.41);transform-origin:top left;margin:0 0 -162mm}.preview{min-height:720px}}