@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{--ink: #16231c;--muted: #68756d;--green-950: #102d20;--green-800: #195437;--green-700: #1f6a43;--green-100: #e8f2eb;--lime: #b7dc69;--paper: #ffffff;--canvas: #eff2ee;--line: #dce3dd;--soft: #f7f8f6;--shadow: 0 22px 70px rgba(23, 47, 34, .13);font-family:DM Sans,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--canvas)}button,input,textarea{font:inherit}button{cursor:pointer}.app-header{position:sticky;top:0;z-index:20;min-height:72px;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#102d20f5;color:#fff;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--lime);color:var(--green-950)}.brand-mark svg{width:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}.brand>span:last-child{display:flex;align-items:baseline;gap:5px;font-family:Manrope,sans-serif;font-size:1.05rem}.brand em{color:var(--lime);font-style:normal;font-weight:600}.header-actions{display:flex;align-items:center;gap:22px}.save-state{font-size:.82rem;color:#d4e4d9}.save-state i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px #b7dc6924}.text-button{padding:8px 0;border:0;background:transparent;color:#fff;font-size:.88rem;font-weight:600;border-bottom:1px solid rgba(255,255,255,.3)}.text-button:hover{color:var(--lime)}.workspace{max-width:1520px;margin:0 auto;padding:44px 3vw 96px;display:grid;grid-template-columns:minmax(520px,.87fr) minmax(620px,1.13fr);gap:clamp(32px,4vw,68px);align-items:start}.form-panel{min-width:0}.panel-intro{margin-bottom:34px}.eyebrow{margin:0 0 8px;color:var(--green-700);font-size:.74rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.panel-intro h1,.preview-heading h2{margin:0;font-family:Manrope,sans-serif;letter-spacing:-.035em}.panel-intro h1{font-size:clamp(2.1rem,3.2vw,3.4rem);line-height:1.03}.panel-intro>p:last-child{max-width:570px;margin:13px 0 0;color:var(--muted);font-size:1rem;line-height:1.6}#client-form{display:grid;gap:18px}.form-section{margin:0;padding:24px;border:1px solid var(--line);border-radius:16px;background:#ffffffc7;box-shadow:0 5px 22px #193a2809}.form-section legend{padding:0 8px 0 0;display:flex;align-items:center;gap:10px;color:var(--green-800);font-family:Manrope,sans-serif;font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.form-section legend span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:var(--green-950);color:#fff;font-size:.7rem;letter-spacing:0}.fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}.field-group.wide{grid-column:1 / -1}.field-group label{display:block;margin:0 0 8px;color:#3e4c44;font-size:.79rem;font-weight:700;letter-spacing:.04em}.field-group input,.field-group textarea{width:100%;padding:13px 14px;border:1px solid #ccd5ce;border-radius:9px;outline:none;background:#fff;color:var(--ink);font-size:1rem;transition:border-color .18s,box-shadow .18s}.field-group input::placeholder,.field-group textarea::placeholder{color:#98a39c}.field-group input:focus,.field-group textarea:focus{border-color:var(--green-700);box-shadow:0 0 0 4px #1f6a431a}.field-group textarea{resize:vertical;min-height:118px;line-height:1.55}.site-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.site-option{position:relative;cursor:pointer}.site-option input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.site-card{position:relative;min-height:118px;padding:10px 8px 9px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:6px;overflow:hidden;border:1px solid #d7ddd8;border-radius:11px;background:#fff;transition:border-color .18s,box-shadow .18s,transform .18s}.site-card img{width:70px;height:72px;object-fit:contain;mix-blend-mode:multiply}.site-card strong{font-size:.76rem;font-weight:700}.site-card .check{position:absolute;top:7px;right:7px;width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:var(--green-700);color:#fff;font-size:.67rem;opacity:0;transform:scale(.7);transition:.18s}.site-option:hover .site-card{transform:translateY(-2px);border-color:#aebbb1}.site-option input:focus-visible+.site-card{outline:3px solid rgba(31,106,67,.2);outline-offset:2px}.site-option input:checked+.site-card{border-color:var(--green-700);box-shadow:inset 0 0 0 1px var(--green-700),0 8px 20px #1f6a431a}.site-option input:checked+.site-card .check{opacity:1;transform:scale(1)}.preview-panel{position:sticky;top:94px;min-width:0}.preview-heading{min-height:54px;margin-bottom:16px;display:flex;align-items:end;justify-content:space-between;gap:18px}.preview-heading h2{font-size:1.45rem}.page-count{margin-bottom:3px;color:var(--muted);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.paper-wrap{padding:clamp(16px,2.2vw,30px);border-radius:18px 18px 0 0;background:#dfe4df;box-shadow:inset 0 1px #ffffff80}.paper{position:relative;width:100%;aspect-ratio:210 / 297;min-height:790px;padding:clamp(36px,4vw,60px) clamp(34px,4.3vw,64px) 34px;overflow:hidden;background:var(--paper);box-shadow:var(--shadow)}.paper-accent{position:absolute;inset:0 0 auto;height:10px;background:var(--green-700)}.document-header{display:grid;grid-template-columns:116px minmax(0,1fr) 108px;gap:24px;align-items:center;padding-bottom:26px;border-bottom:1px solid var(--line)}.document-logo-wrap{width:116px;height:116px;display:grid;place-items:center}.document-logo-wrap img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.document-heading p{margin:0 0 4px;color:var(--muted);font-size:.62rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.document-heading h3{margin:0 0 6px;font-family:Manrope,sans-serif;font-size:clamp(1.15rem,2vw,1.65rem);line-height:1.12;letter-spacing:-.025em;text-transform:uppercase}.document-heading span{color:var(--green-700);font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.tariff-box{min-height:75px;padding:14px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #bcc8bf;border-radius:8px;text-align:center}.tariff-box small{color:var(--muted);font-size:.55rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.tariff-box strong{margin-top:6px;font-family:Manrope,sans-serif;font-size:1rem;overflow-wrap:anywhere}.document-section{margin-top:28px}.section-title{margin-bottom:17px;display:flex;align-items:center;gap:9px;color:var(--green-700)}.section-title:after{content:"";height:1px;flex:1;background:var(--line)}.section-title span{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:var(--green-700);color:#fff;font-size:.52rem;font-weight:800}.section-title h4{margin:0;font-family:Manrope,sans-serif;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}.document-grid{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.document-row{min-width:0;min-height:55px;padding:10px 12px;border-radius:5px;background:var(--soft)}.document-row dt{margin:0 0 5px;color:#748078;font-size:.5rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.document-row dd{margin:0;font-size:.72rem;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.document-wide{grid-column:1 / -1}.additional-section [data-output=adicionales]{min-height:77px;margin:0;padding:13px 15px;border-left:3px solid var(--green-700);background:var(--soft);font-size:.71rem;line-height:1.55;white-space:pre-wrap}.document-footer{position:absolute;left:clamp(34px,4.3vw,64px);right:clamp(34px,4.3vw,64px);bottom:27px;padding-top:12px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);color:#718077;font-size:.48rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.preview-toolbar{padding:14px;display:grid;grid-template-columns:.82fr 1.05fr 1.13fr;gap:10px;border-radius:0 0 18px 18px;background:var(--green-950)}.action-button{min-height:48px;padding:11px 14px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:9px;font-size:.86rem;font-weight:700;transition:transform .18s,background .18s,border-color .18s}.action-button:hover{transform:translateY(-1px)}.action-button svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.action-button.secondary{border-color:#ffffff29;background:#ffffff12;color:#fff}.action-button.secondary:hover{background:#ffffff21}.action-button.primary{background:var(--lime);color:var(--green-950)}.action-button.primary:hover{background:#c5e585}.mobile-preview-button{display:none}.toast{position:fixed;left:50%;bottom:28px;z-index:50;max-width:calc(100vw - 32px);padding:12px 18px;border-radius:9px;background:var(--green-950);color:#fff;box-shadow:0 12px 32px #0000003d;font-size:.88rem;font-weight:700;opacity:0;transform:translate(-50%,14px);pointer-events:none;transition:.2s}.toast.visible{opacity:1;transform:translate(-50%)}@media (max-width: 1180px){.workspace{grid-template-columns:minmax(450px,.9fr) minmax(520px,1.1fr);gap:28px}.site-grid{grid-template-columns:repeat(2,1fr)}.site-card{min-height:104px;flex-direction:row;justify-content:flex-start;text-align:left}.site-card img{width:64px;height:64px}.paper{min-height:735px}.document-header{grid-template-columns:92px minmax(0,1fr) 90px;gap:16px}.document-logo-wrap{width:92px;height:92px}}@media (max-width: 930px){.workspace{max-width:760px;grid-template-columns:1fr;padding-top:34px}.preview-panel{position:static;scroll-margin-top:84px}.mobile-preview-button{width:100%;min-height:52px;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:11px;background:var(--green-950);color:#fff;font-weight:700}.paper{min-height:0}}@media (max-width: 620px){.app-header{min-height:64px;padding:0 16px}.save-state{display:none}.brand>span:last-child{font-size:.94rem}.workspace{padding:27px 14px 70px}.panel-intro{margin-bottom:26px}.panel-intro h1{font-size:2.15rem}.form-section{padding:19px 16px;border-radius:13px}.site-grid{grid-template-columns:1fr 1fr}.site-card{min-height:96px;padding:8px;flex-direction:column;justify-content:space-between;text-align:center}.site-card img{width:56px;height:56px}.fields-grid{grid-template-columns:1fr}.field-group.wide{grid-column:auto}.preview-heading{align-items:center}.page-count{display:none}.paper-wrap{margin:0 -14px;padding:9px;border-radius:0;overflow-x:auto}.paper{width:650px;min-height:920px;padding:48px 50px 30px}.document-footer{left:50px;right:50px}.preview-toolbar{margin:0 -14px;grid-template-columns:1fr 1fr;border-radius:0}.action-button.primary{grid-column:1 / -1;grid-row:1}}@media print{@page{size:A4;margin:0}body{background:#fff}.app-header,.form-panel,.preview-heading,.preview-toolbar,.toast{display:none!important}.workspace{display:block;max-width:none;margin:0;padding:0}.preview-panel{position:static}.paper-wrap{padding:0;background:#fff}.paper{width:210mm;min-height:297mm;margin:0;padding:17mm 16mm 14mm;box-shadow:none;print-color-adjust:exact;-webkit-print-color-adjust:exact}.document-footer{left:16mm;right:16mm;bottom:12mm}}