:root{--red:#ec1725;--ink:#252c33;--muted:#66737e;--line:#cbd4dc77;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#f2f5f8}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 95% 0,#d4e2ef99,transparent 35%),radial-gradient(ellipse at 0 25%,#f7dfe155,transparent 25%),#f2f5f8;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}a{color:inherit}h1,h2,p{margin-top:0}.glass{background:radial-gradient(ellipse at 0 0,#ffffffed,transparent 65%),linear-gradient(145deg,#ffffffb0,#eaf0f5b3);border:1px solid #fff;border-radius:28px;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 1px #64788f20,0 12px 36px #25384b0b,0 0 0 1px #7d91a51a;backdrop-filter:blur(22px) saturate(1.5);-webkit-backdrop-filter:blur(22px) saturate(1.5)}.topbar{margin:20px auto;max-width:1380px;padding:19px 28px;display:flex;align-items:center;gap:32px;border-radius:24px}.topbar img{display:block;width:190px;height:45px;object-fit:contain}.workspace{font-size:13px;color:var(--muted);display:flex;gap:10px;align-items:center}.workspace i{width:7px;height:7px;border-radius:50%;background:var(--red)}.header-actions{display:flex;gap:10px;margin-left:auto}.pill{padding:12px 18px;border-radius:999px;border:1px solid #ffffffdd;background:radial-gradient(ellipse at 50% 0,#fff,transparent 75%),linear-gradient(150deg,#ffffffb0,#dce5eea6);color:var(--ink);box-shadow:inset 0 1px 0 #fff,0 3px 9px #344b6010,0 0 0 1px #8096aa25;display:inline-flex;justify-content:center;gap:14px;align-items:center;font-size:13px;font-weight:600;transition:transform .2s,box-shadow .2s}.pill:hover{transform:translateY(-2px);box-shadow:0 8px 18px #344b6020}.pill.primary{color:#b51b28;background:radial-gradient(ellipse at 50% 0,#fff,transparent 68%),linear-gradient(145deg,#fff5f6,#eccfd5b0);box-shadow:inset 0 1px 0 #fff,0 3px 15px #d2192920,0 0 0 1px #d34b592a}.full{width:100%;margin-top:14px}main{max-width:1300px;margin:0 auto;padding:30px 24px 0}.hero{display:grid;grid-template-columns:1fr 310px;gap:50px;align-items:center;margin:25px 0 42px}.eyebrow{font-size:10px;letter-spacing:.21em;font-weight:700;color:var(--red);margin-bottom:18px}h1{font-size:clamp(34px,4vw,55px);line-height:1.05;letter-spacing:-.05em;margin-bottom:18px}h1 span{color:#77838e}.lead{font-size:14px;color:var(--muted);line-height:1.6;margin:0}.hero-note{padding:22px;border-radius:24px;font-size:12px}.hero-note strong{font-size:14px;display:block;margin:12px 0 8px}.hero-icon{color:var(--red);font-size:24px}.hero-note p{line-height:1.6;color:var(--muted)}.badge{font-size:10px;background:#ffffffad;padding:6px 10px;border-radius:20px;border:1px solid #fff;color:var(--muted)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:26px;align-items:start}.left{display:grid;gap:24px;min-width:0}.panel{padding:27px}.panel-head{display:flex;gap:14px;margin-bottom:24px;align-items:start}.step{font-size:12px;color:var(--red);border:1px solid #d9667040;background:#fff9;padding:9px;border-radius:12px}.panel h2{font-size:20px;margin-bottom:7px;letter-spacing:-.025em}.panel-head p,.muted{font-size:12px;line-height:1.6;color:var(--muted);margin-bottom:0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{font-size:12px;font-weight:600;display:block;color:#536270}.wide{grid-column:1/-1}input,select,textarea{display:block;width:100%;margin-top:8px;border-radius:13px;border:1px solid #c4d0db9c;background:#ffffffa6;padding:12px 14px;color:var(--ink);font-size:13px;box-shadow:inset 0 1px 3px #344b6007}input:focus,select:focus,textarea:focus{outline:2px solid #dc64734a;border-color:#d25160}small{font-size:10px;font-weight:normal;color:var(--muted);line-height:1.5;display:block;margin-top:8px}.form-end{display:flex;justify-content:space-between;align-items:center;margin-top:22px;gap:18px}.form-end span{font-size:12px;color:var(--muted)}.form-end button span{font-size:20px;color:var(--red)}#configuration-warnings{white-space:pre-line;margin-top:16px}#diagram{width:100%;height:130px;display:none;margin-top:18px;border-radius:18px;background:linear-gradient(125deg,#fff7,#e3ebf488)}.concept-bar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.concept-bar select{padding:8px 11px}.concept{display:grid;grid-template-columns:minmax(0,1fr) 78px 74px 108px 35px;gap:9px;align-items:end;padding:16px 0;border-top:1px solid var(--line)}.concept textarea{resize:vertical;min-height:65px;margin-top:6px;padding:10px;font-size:12px}.concept input{padding:11px 8px}.remove{border:0;border-radius:50%;width:32px;height:32px;background:#ffffff8a;color:#b32b38;margin-bottom:8px}.line-total{grid-column:1/-1;text-align:right;font-size:12px;color:var(--muted);margin:0}.validity{display:flex;align-items:center;gap:10px;margin-top:20px}.validity input{width:75px;margin:0}.summary{padding:28px;position:sticky;top:24px}.summary h2{font-size:23px;line-height:1.2;letter-spacing:-.025em}.summary-settings{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.summary dl{margin:24px 0;display:grid;gap:16px;font-size:12px}.summary dl>div{display:flex;justify-content:space-between;gap:15px}.summary dt{color:var(--muted)}.summary dd{margin:0;font-weight:600;white-space:nowrap}.total{padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.total span{font-size:12px;color:var(--muted);display:block}.total strong{font-size:35px;letter-spacing:-.045em;display:block;margin-top:10px}.status{font-size:12px;line-height:1.6;color:#9a4b1e;margin:18px 0}.aside-foot{color:var(--muted);line-height:1.8;font-size:11px;padding:25px}.aside-foot span{font-weight:bold;color:#97a2ac}aside{align-self:stretch}footer{max-width:1300px;margin:38px auto 0;padding:25px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}dialog{padding:0;border:1px solid #fff;border-radius:24px;width:min(940px,95vw);max-height:90vh;box-shadow:0 40px 100px #182e4e44;background:#f6f8fb}dialog::backdrop{background:#25384b55;backdrop-filter:blur(8px)}.preview-head{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;border-bottom:1px solid #dce3e9;position:sticky;top:0;background:#f6f8bfee;z-index:1}.sheet{background:white;padding:42px;color:#252c33;font-size:12px;line-height:1.6}.sheet-logo{width:190px;height:45px;object-fit:contain}.sheet header{display:flex;justify-content:space-between;align-items:start;margin-bottom:30px}.sheet h2{font-size:26px;margin:0 0 7px}.sheet .client-block{padding:18px;background:#f4f6f8;border-radius:12px;margin-bottom:24px}.sheet table{width:100%;border-collapse:collapse}.sheet th{background:#f0f3f6;color:#4f5c68;text-align:left}.sheet th,.sheet td{padding:11px;border-bottom:1px solid #e5e9ed;vertical-align:top}.sheet td:first-child{white-space:pre-line}.sheet .money{text-align:right;white-space:nowrap}.sheet .sheet-totals{margin:24px 0 24px auto;width:300px;max-width:100%}.sheet .sheet-totals p{display:flex;justify-content:space-between;margin:8px 0}.sheet .grand{font-size:21px;font-weight:700;border-top:2px solid #e91728;padding-top:12px}.sheet .notes{white-space:pre-wrap;overflow-wrap:anywhere}.sheet-footer{color:#697680;border-top:1px solid #e2e6eb;margin-top:30px;padding-top:12px}.draft{color:#a14b21;font-weight:700}
@media(max-width:1000px){.layout{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.panel{padding:22px}.concept{grid-template-columns:minmax(0,1fr) 65px 60px 88px 30px;gap:6px}.topbar{margin:12px 16px}.workspace{display:none}.hero{gap:24px}.summary{padding:22px}}
@media(max-width:760px){main{padding:12px 16px}.topbar{padding:14px 16px;gap:12px;flex-wrap:wrap}.topbar img{width:155px;height:35px}.header-actions{gap:8px}.header-actions .pill{padding:10px;font-size:11px}.hero{display:block;margin:25px 0}.hero-note{margin-top:24px;display:none}h1{font-size:38px}.layout{grid-template-columns:1fr}.panel{border-radius:23px;padding:20px}.fields{gap:15px}.concept{grid-template-columns:1fr 1fr 1fr 35px;gap:10px}.concept label:first-child{grid-column:1/-1}.concept label{font-size:11px}.line-total{margin:0}.form-end{align-items:start;flex-direction:column}.form-end .pill{width:100%}.concept-bar{align-items:end}.concept-bar .pill{padding:10px}.summary{position:static}.aside-foot{display:none}.sheet{padding:20px}.sheet header{gap:15px}.sheet h2{font-size:20px}.sheet-logo{width:120px}.sheet td,.sheet th{padding:7px;font-size:10px}footer{gap:15px;font-size:10px}.preview-head{padding:16px}.validity{flex-wrap:wrap}}
@media print{@page{size:A4;margin:14mm}body{background:white}body>*{display:none!important}body>#document{display:block!important}.sheet{padding:0;font-size:10pt}.sheet header{display:flex}.sheet-logo{width:170px}.sheet th{background:#f0f3f6!important;print-color-adjust:exact}.sheet tr{break-inside:avoid}.sheet thead{display:table-header-group}.sheet-totals,.client-block{break-inside:avoid}.sheet-footer{font-size:9pt}.sheet .notes{font-size:10pt}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

[hidden]{display:none!important}.brandmark{display:block;position:relative;width:190px;flex:none}.brandmark img,.topbar .brandmark img{width:100%;height:auto;display:block}.brandmark i{position:absolute;left:61%;top:.7%;width:3.1%;height:20.8%;background:#ec1725}.sheet .brandmark{width:190px}.sheet-logo{height:auto}@media(max-width:760px){.topbar .brandmark{width:155px}.sheet .brandmark{width:120px}}@media print{.sheet .brandmark{width:170px}.sheet{font-size:9pt}.sheet th,.sheet td{padding:8px}.sheet header{margin-bottom:20px}.sheet .client-block{padding:12px}.sheet .sheet-totals{margin-top:16px;margin-bottom:16px}.sheet .notes{font-size:9pt}}
/* Herraidea identity: black surfaces, red accents and glass controls. */
:root{font-family:Archivo,Arial,sans-serif;--tinta:#0b0d10;--rojo:#fa1418;--rojo-marca:#f10001}h1,h2{font-family:Archivo,Arial,sans-serif}.eyebrow,.step,.badge{font-family:'Archivo Narrow',Arial,sans-serif}.hero{padding:38px 36px;border-radius:30px;background:radial-gradient(ellipse at 10% 90%,#fa141830,transparent 58%),linear-gradient(135deg,#171a20,#0b0d10);color:white;box-shadow:0 18px 44px #13202e14}.hero h1 span{color:#fb3a45}.hero .lead{color:#bcc3cb}.hero .eyebrow{color:#ff5963}.hero-note{background:linear-gradient(135deg,#ffffff19,#ffffff06);border-color:#ffffff24;box-shadow:inset 0 1px 0 #ffffff25,0 10px 35px #0003}.hero-note p{color:#b8c1cb}.hero-note .badge{background:#ffffff0d;color:#d8dee5;border-color:#ffffff25}.summary{background:radial-gradient(ellipse at 110% 0,#cb253335,transparent 52%),linear-gradient(145deg,#22272d,#101318);color:#fff;border-color:#ffffff30;box-shadow:inset 0 1px 0 #ffffff22,0 14px 38px #101a2926}.summary .eyebrow{color:#ff6872}.summary label,.summary .muted,.summary dt,.summary .total span,.summary .total small{color:#b8c3ce}.summary input{background:#ffffff0d;color:#fff;border-color:#ffffff28}.summary dl dd{color:#fff}.summary .total{border-color:#ffffff22;background:linear-gradient(120deg,#f5192622,transparent);padding-left:14px;border-left:3px solid #f31927;border-radius:10px}.summary .total strong{color:#fff}.summary .status{color:#efbfc3}.summary .pill.primary{background:linear-gradient(145deg,#f73946,#d81725);color:white;border-color:#fa8b94;box-shadow:inset 0 1px 0 #ffffff59,0 8px 20px #eb102632}.panel-head .step{background:#171a20;color:#fff;border-color:#171a20}.panel:nth-child(3){border-top:3px solid #ef2332}.sheet{font-family:Archivo,Arial,sans-serif;--tinta:#0b0d10;--rojo:#fa1418;--marca:#f10001;--gris:#4b5158;--suave:#8a9199;--linea:#e3e6e9;--papel:#f5f6f7}.sheet .membrete{gap:20px}.sheet .lema{white-space:normal;max-width:250px}.sheet .titulo h1{font-size:28px}.sheet .titulo .folio{font-size:11px}.sheet .titulo .folio>div{display:contents}.sheet .membrete::before{left:-20px;top:-20px;width:4px;height:58px}.sheet .totales .total{border-radius:0}.sheet .quote-notes{margin-top:20px}.sheet .quote-notes h3{color:#e91728;font-family:'Archivo Narrow';letter-spacing:.15em;text-transform:uppercase;font-size:11px}.sheet .contacto{padding:12px;font-size:10px;margin-top:25px}.sheet .firmas{margin-top:40px}.sheet th{background:#0b0d10;color:#fff}.sheet .cierre{gap:20px}.sheet .letra{font-size:10px}.sheet td{overflow-wrap:anywhere}.carga{--tinta:#0b0d10;--rojo:#fa1418;--rojo-marca:#f10001;font-family:Archivo,Arial,sans-serif}
@media(max-width:760px){.hero{padding:27px 24px;border-radius:24px}.hero h1{font-size:33px}.sheet .datos{grid-template-columns:1fr 1fr;gap:14px}.sheet .cierre{grid-template-columns:1fr}.sheet .totales{max-width:300px;margin-left:auto}.sheet .membrete{gap:10px}.sheet .titulo h1{font-size:20px}.sheet .folio{gap:4px 10px}.sheet .lema{font-size:8px}.sheet .firmas{gap:20px}.sheet .contacto{flex-wrap:wrap}.sheet .brandmark{width:115px}}
@media print{@page{size:letter;margin:15mm 15mm 18mm}.carga{display:none!important}.sheet .membrete{margin-bottom:16px}.sheet .datos{margin:15px 0;gap:16px}.sheet .titulo h1{font-size:22pt}.sheet .cierre{grid-template-columns:1fr 78mm;gap:20px;break-inside:avoid}.sheet .contacto{print-color-adjust:exact;color:#fff}.sheet .lema{max-width:250px}.sheet .quote-notes{margin-top:16px}.sheet .brandmark{width:200px}.sheet .firmas{margin-top:35px}.sheet .totales .total{background:#0b0d10;color:#fff;border:none}.sheet .totales .total span{color:#fff}.sheet tr{break-inside:avoid}}

.download-end{max-width:1252px;margin:28px auto;padding:28px;display:flex;align-items:center;gap:18px}.download-end>div{margin-right:auto}.download-end h2{font-size:20px}.download-end p{font-size:12px;color:#66737e;margin-bottom:0}.sheet .brandmark{width:270px}.sheet .lema{max-width:300px}@media(max-width:760px){.download-end{margin:24px;flex-direction:column;align-items:stretch}.sheet .membrete{grid-template-columns:1fr}.sheet .brandmark{width:230px}.sheet .titulo{text-align:left}.sheet .folio{justify-content:start}}@media print{.sheet .membrete{display:grid;grid-template-columns:1fr auto}.sheet .brandmark{width:270px}.sheet .titulo{text-align:right}.sheet .folio{justify-content:end}}
