main[data-astro-cid-ubge5f46]{justify-content:center;align-items:flex-start;min-height:100dvh;display:flex;&>.left[data-astro-cid-ubge5f46]{width:50%;max-width:800px;padding:40px}&>.right[data-astro-cid-ubge5f46]{flex-grow:1;width:50%;max-width:1200px;height:calc(100dvh - 20px);padding:10px;position:sticky;top:0}& .preview-title{text-transform:uppercase;letter-spacing:.09em;z-index:50;font-size:10px;font-weight:500;position:absolute;top:30px;left:40px}& .preview{background-color:#f3f2f16e;background-image:radial-gradient(#5b3b182b 1px,#306dff00 1px);background-size:5px 5px;border-radius:10px;flex-direction:column;align-items:center;width:calc(100% - 20px);height:100%;padding:70px 20px;display:flex;position:absolute;overflow-y:auto;box-shadow:0 0 0 1px #00000026;& .template-active{zoom:min(calc(var(--vw) / 1440), 1)}}@media (width<=900px){flex-direction:column;padding-bottom:10px;&>.right[data-astro-cid-ubge5f46]{width:100%;height:auto}& .preview{width:100%;position:relative;& .template-active{zoom:min(calc(var(--vw) / 750), 1)}}&>.left[data-astro-cid-ubge5f46]{border-radius:0;width:100%;margin:0;padding:20px;position:relative}}}#items-container[data-astro-cid-ubge5f46]{@media (width<=1150px){& .item__productos{border-bottom:1px solid var(--border);flex-wrap:wrap;margin-bottom:10px;padding-bottom:20px}& .form-field--qty{width:19%}& .form-field--desc{width:76%}& .form-field--price{width:84%}}}fieldset[data-astro-cid-ubge5f46]:first-child{margin-top:0}.empresa__content[data-astro-cid-ubge5f46],.cliente__content[data-astro-cid-ubge5f46]{flex-wrap:wrap;gap:10px;display:flex;& .form-field{width:calc(50% - 5px)}}.items__list[data-astro-cid-ubge5f46]{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.template-selector-group[data-astro-cid-ubge5f46]{@media (width<=600px){grid-template-columns:repeat(2,1fr)}}.item__productos{align-items:flex-end;gap:8px;display:flex;& .form-field{margin:0}& .form-field--qty{flex-shrink:0;width:80px}& .form-field--desc{flex-grow:1}& .form-field--price{flex-shrink:0;width:110px}& .items-actions{margin-top:6px}}.template-badge-color[data-astro-cid-ubge5f46]{border-radius:50%;flex-shrink:0;width:12px;height:12px}.template-badge-color--classic[data-astro-cid-ubge5f46]{background:#155ea2}.template-badge-color--modern[data-astro-cid-ubge5f46]{background:#0f172a}.template-badge-color--corporate[data-astro-cid-ubge5f46]{background:#000}.template-badge-color--elegant[data-astro-cid-ubge5f46]{background:#7f1d1d}.template-badge-color--compact[data-astro-cid-ubge5f46]{background:#15803d}.cuentita-copy[data-astro-cid-ubge5f46]{color:#000;text-align:center;margin-top:10px;font-size:14px;& a{color:#000}& span{margin-left:4px;font-weight:500;&:before{content:"";background:var(--cuentita);vertical-align:text-bottom;border-radius:50%;width:15px;height:15px;margin-right:4px;display:inline-block}}}.template__1[data-astro-cid-ubge5f46]{--color-blue:#155ea2;--color-accent:#e5ecf4;width:100%;max-width:600px;color:var(--color-blue);box-sizing:border-box;background:#fff;border-radius:3px;padding:40px;box-shadow:0 5px 15px #00000042,0 0 0 1px #0000001c;& .no-valido{text-align:center;max-width:110px;font-size:12px;font-weight:600;& .icon{border:3px solid var(--color-blue);border-radius:5px;margin-bottom:10px;padding:0 8px 7px;font-size:40px;line-height:.7;display:inline-flex}margin:-20px auto 5px}& .row__1{border-bottom:3px solid var(--color-blue);margin-bottom:10px;padding-bottom:10px;display:flex;& .left,& .right{width:50%}& .left{flex-direction:column;justify-content:center;align-items:flex-start;display:flex;& .preview-user-logo-img{object-fit:contain;object-position:left center;max-width:170px;height:auto;max-height:55px;margin-bottom:4px;display:none}& h1.title{letter-spacing:-.01em;text-transform:uppercase;word-break:break-word;margin:0 0 2px;font-size:20px;font-weight:800;line-height:1.15}& p{opacity:.9;margin:0;font-size:11px;line-height:1.35}}& .right{text-align:right;& .preview-folio-wrapper{margin-bottom:4px;font-size:11px}}& h2{margin:0;font-size:26.2px}& .fecha{justify-content:flex-end;align-items:center;gap:5px;display:flex}& .day,& .month,& .year{border:2px solid var(--color-blue);border-radius:5px;justify-content:center;align-items:flex-end;width:47px;height:48px;padding:1px;font-size:12px;font-weight:500;display:flex;position:relative;& div{font-size:21px;font-weight:500;position:absolute;top:5px}}}& .row__2{flex-direction:column;gap:10px;display:flex;& .cliente,& .datos{gap:5px;display:flex;& div{border-bottom:1px solid var(--color-blue);flex-grow:1;min-height:1.2em;padding-left:4px}}}& .row__3{border-top:2px solid var(--color-blue);border-bottom:2px solid var(--color-blue);margin-top:15px;& table{border-collapse:collapse;border-width:1px;width:100%;& th,& td{border:1px solid var(--color-blue);box-sizing:border-box;height:1.8em;padding:2px 6px;&:first-child{background-color:var(--color-accent);text-align:center;border-left:0;width:10%}&:nth-child(2){width:65%}&:nth-child(3){background-color:var(--color-accent);text-align:center;font-variant-numeric:tabular-nums;border-right:0;width:25%}}& tfoot{& td:first-child{text-transform:uppercase;text-align:right;padding:10px 8px 10px 0;font-size:15px;font-weight:600}& td:last-child{text-align:right;font-variant-numeric:tabular-nums;border-right:0;padding-right:8px;font-size:15px;font-weight:600}}}}& .row__foot{text-align:center;margin-top:10px;font-size:12px}}.template__2[data-astro-cid-ubge5f46]{color:#1e293b;box-sizing:border-box;background:#fff;border-radius:6px;width:100%;max-width:600px;padding:40px;font-family:inherit;box-shadow:0 5px 15px #00000026,0 0 0 1px #00000014;& .no-valido{text-align:center;letter-spacing:.08em;opacity:.7;margin:-20px auto 15px;font-size:11px;font-weight:500}& .modern__header{border-bottom:2px solid #0f172a;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:18px;display:flex}& .modern__brand{flex:1;& .modern__title{letter-spacing:-.02em;color:#0f172a;text-transform:uppercase;margin:0 0 4px;font-size:22px;font-weight:800}& .modern__logo{object-fit:contain;object-position:left center;max-width:180px;max-height:55px;margin-bottom:6px;display:none}& .modern__contact p{color:#64748b;margin:0;font-size:11px;line-height:1.35}}& .modern__meta{text-align:right;& .modern__meta-title{letter-spacing:.05em;color:#0f172a;margin:0 0 6px;font-size:20px;font-weight:800}& .modern__meta-folio,& .modern__meta-date{color:#475569;font-size:12px;font-weight:500;& .meta-label{color:#94a3b8;margin-right:4px}}}& .modern__client-box{background:#f8fafc;border-left:3px solid #0f172a;border-radius:4px;margin-bottom:20px;padding:12px 16px;& .modern__section-label{letter-spacing:.08em;color:#94a3b8;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:700}& .modern__client-name{color:#0f172a;min-height:1.2em;font-size:14px;font-weight:700}& .modern__client-info{color:#64748b;margin-top:2px;font-size:11px}}& .modern__table-container{margin-bottom:20px;& table.modern__table{border-collapse:collapse;width:100%;& th{color:#fff;letter-spacing:.05em;text-transform:uppercase;background:#0f172a;padding:8px 10px;font-size:10px;font-weight:600;&.th-qty{text-align:center;border-top-left-radius:4px;border-bottom-left-radius:4px;width:10%}&.th-desc{text-align:left;width:55%}&.th-price{text-align:right;width:17%}&.th-total{text-align:right;border-top-right-radius:4px;border-bottom-right-radius:4px;width:18%}}& td{box-sizing:border-box;border-bottom:1px solid #e2e8f0;padding:8px 10px;font-size:12px;&:first-child{text-align:center;color:#64748b}&:nth-child(2){text-align:left;font-weight:500}&:nth-child(3){text-align:right;color:#64748b;font-variant-numeric:tabular-nums}&:nth-child(4){text-align:right;color:#0f172a;font-variant-numeric:tabular-nums;font-weight:600}}}}& .modern__bottom{justify-content:space-between;align-items:flex-start;gap:20px;margin-top:10px;display:flex;& .modern__notes-box{background:#f8fafc;border-radius:4px;flex:1;min-height:50px;padding:10px 14px;& .modern__section-label{letter-spacing:.08em;color:#94a3b8;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:700}& p{color:#475569;margin:0;font-size:11px;line-height:1.35}}& .modern__totals-card{color:#fff;text-align:right;background:#0f172a;border-radius:6px;min-width:170px;padding:12px 18px;& .totals-label{letter-spacing:.08em;color:#94a3b8;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:700}& .totals-value{font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}}}& .modern__footer{text-align:center;color:#94a3b8;border-top:1px dashed #e2e8f0;margin-top:24px;padding-top:12px;font-size:10px}}.template__3[data-astro-cid-ubge5f46]{box-sizing:border-box;background:#fff;border-radius:4px;width:100%;max-width:600px;padding:32px;box-shadow:0 5px 15px #00000026,0 0 0 1px #00000014;& .no-valido{text-align:center;border-top:1px solid #000;width:100%;margin:10px auto -15px;padding:5px;font-weight:900;display:flex}& .corporate__header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}& .corporate__brand{text-align:center;flex:1;min-width:0;padding:10px;& .corporate__logo{object-fit:contain;object-position:left center;max-width:170px;max-height:52px;margin-bottom:5px}& .corporate__title{letter-spacing:.02em;text-transform:uppercase;overflow-wrap:anywhere;margin:0 0 5px;font-size:21px;font-weight:800}& .preview-user-name-wrapper{margin:0 0 4px;font-size:11px}}& .corporate__contact{& p{margin:0;font-size:10px;line-height:1.4}}& .corporate__meta{text-align:right;border-left:2px solid #000;flex-shrink:0;min-width:145px;padding:15px 15px 15px 50px;font-size:11px;line-height:1.6;& .corporate__label{letter-spacing:.04em;margin-bottom:4px;font-size:18px;font-weight:800}& .corporate__folio{font-weight:600}}& .corporate__client{border:2px solid #000;border-radius:8px;margin-bottom:18px;padding:11px 14px;& .corporate__section-label{margin-bottom:6px;font-size:14px;&:last-child{margin-bottom:0}}}& .corporate__table{border-collapse:collapse;table-layout:fixed;border:2px solid #000;width:100%;margin-bottom:18px;& th{text-align:left;text-transform:uppercase;border-bottom:2px solid #000;border-right:2px solid #000;padding:4px 5px;font-size:13px;font-weight:600;&:first-child{text-align:center;border-top-left-radius:3px;width:12%}&:nth-child(2){width:48%}&:nth-child(3){text-align:right;width:18%}&:last-child{text-align:right;border-top-right-radius:3px;width:22%}}& td{overflow-wrap:anywhere;border-bottom:1px solid #000;border-right:2px solid #000;height:2em;padding:5px 7px;font-size:13px;&:first-child{text-align:center}&:nth-child(3),&:last-child{text-align:right;font-variant-numeric:tabular-nums}&:last-child{font-weight:700}}}& .corporate__summary{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}& .corporate__note{color:#000;overflow-wrap:anywhere;flex:1;align-self:center;font-size:10px}& .corporate__total{color:#000;border:2px solid #000;border-radius:3px;flex-shrink:0;align-items:center;min-width:145px;display:flex;&>div[data-astro-cid-ubge5f46]{letter-spacing:.08em;text-transform:uppercase;border-right:2px solid #000;align-items:center;padding:14px 12px;font-size:13px;font-weight:700;display:flex}& strong{font-variant-numeric:tabular-nums;padding:11px 14px;font-size:17px;display:block}}}.template__4[data-astro-cid-ubge5f46]{background:#fffdfb;border-radius:2px;width:100%;max-width:300px;padding:20px;box-shadow:0 5px 15px #00000026,0 0 0 1px #00000014;& .no-valido{color:#6b2737;letter-spacing:.08em;text-align:center;border-top:1px solid #eadde0;margin:8px 0 10px;padding-top:7px;font-size:9px;font-weight:700}& .elegant__header{gap:20px}& .elegant__identity{flex:1;min-width:0;& .elegant__logo{object-fit:contain;object-position:left center;max-width:170px;max-height:52px;margin-bottom:5px}& .elegant__title{color:#000;letter-spacing:.04em;text-transform:uppercase;overflow-wrap:anywhere;margin:0 0 5px;font-size:22px;font-weight:700}& .preview-user-name-wrapper{color:#8b5e68;margin:0 0 4px;font-size:11px}}& .elegant__contact{& p{color:#8b7378;margin:0;font-size:10px;line-height:1.4}}& .elegant__meta{color:#000;border-top:1px solid #dcdcdc;flex-shrink:0;margin-top:5px;padding-top:5px;& h2{color:#000;letter-spacing:.08em;margin:0 0 8px;font-size:20px;font-weight:700}& .elegant__folio,& .elegant__date{color:#8b7378;font-size:11px;line-height:1.5}& .elegant__folio{color:#000;font-weight:700}}& .elegant__divider{background:#dcdcdc;height:1px;margin:5px 0}& .elegant__client{border-bottom:1px solid #dcdcdc;padding-bottom:5px;& .elegant__section-label{color:#a47780;letter-spacing:.14em;text-transform:uppercase;margin-bottom:5px;font-size:9px}& .elegant__client-name{color:#4a2630;min-height:1.2em;font-size:15px;font-weight:700}& .elegant__client-info{color:#8b7378;margin-top:4px;font-family:inherit;font-size:10px}}& .elegant__table{border-collapse:collapse;table-layout:fixed;width:100%;margin:0 0 5px;& td{color:#73535b;overflow-wrap:anywhere;border-bottom:1px solid #eadde0;font-size:11px;&:first-child{color:#a47780;text-align:center;width:25px}&:nth-child(2){color:#4a2630}&:nth-child(3){display:none}&:nth-child(3),&:last-child{text-align:right;font-variant-numeric:tabular-nums}&:last-child{color:#6b2737;font-weight:700}}}& .elegant__summary{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}& .elegant__note{color:#8b7378;overflow-wrap:anywhere;flex:1;min-height:20px;font-size:10px;line-height:1.45}& .elegant__total{color:#6b2737;text-align:right;flex-shrink:0;min-width:145px;&>span[data-astro-cid-ubge5f46]{color:#a47780;letter-spacing:.14em;text-transform:uppercase;font-size:9px;display:block}& strong{font-variant-numeric:tabular-nums;margin-top:3px;font-size:19px;font-weight:700;display:block}}}.template__5[data-astro-cid-ubge5f46]{color:#14532d;box-sizing:border-box;background:#fff;border-radius:8px;width:100%;max-width:600px;padding:28px;box-shadow:0 5px 15px #00000026,0 0 0 1px #00000014;& .no-valido{color:#15803d;letter-spacing:.08em;text-align:center;text-transform:uppercase;border-top:1px solid #bbf7d0;border-bottom:1px solid #bbf7d0;margin:0 0 14px;padding:6px 0;font-size:9px;font-weight:800}& .compact__header{background:#f0fdf4;border-bottom:3px solid #15803d;border-radius:8px 8px 0 0;justify-content:space-between;align-items:flex-start;gap:18px;margin:-28px -28px 20px;padding:14px 16px;display:flex}& .compact__identity{flex:1;min-width:0;& .compact__logo{object-fit:contain;object-position:left center;max-width:150px;max-height:45px;margin-bottom:4px}& .compact__title{color:#166534;text-transform:uppercase;overflow-wrap:anywhere;margin:0 0 4px;font-size:19px;font-weight:800}& .preview-user-name-wrapper{color:#16a34a;margin:0 0 3px;font-size:10px}}& .compact__contact{& p{color:#166534;margin:0;font-size:9px;line-height:1.35}}& .compact__meta{color:#14532d;text-align:right;flex-shrink:0;min-width:125px;& .compact__heading{color:#15803d;letter-spacing:.03em;margin-bottom:5px;font-size:17px;font-weight:800}& .compact__folio,& .compact__date{font-size:10px;line-height:1.5}& .compact__folio{font-weight:700}}& .compact__client{background:#dcfce7;border-radius:4px;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:14px;padding:9px 11px;display:flex;& .compact__label{color:#16a34a;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px;font-size:8px;font-weight:800;display:block}& .compact__client-name{color:#14532d;min-height:1.2em;font-size:13px;font-weight:700;display:block}& .compact__client-info{color:#166534;text-align:right;overflow-wrap:anywhere;max-width:52%;font-size:9px;line-height:1.35}}& .compact__table{border-collapse:separate;border-spacing:0;table-layout:fixed;border:1px solid #bbf7d0;border-radius:4px;width:100%;margin-bottom:16px;overflow:hidden;& th{color:#fff;text-align:left;text-transform:uppercase;background:#15803d;padding:7px 6px;font-size:9px;font-weight:700;&:first-child{text-align:center;width:12%}&:nth-child(2){width:48%}&:nth-child(3){text-align:right;width:18%}&:last-child{text-align:right;width:22%}}& td{color:#166534;overflow-wrap:anywhere;border-bottom:1px solid #dcfce7;padding:7px 6px;font-size:10px;&:first-child{text-align:center}&:nth-child(2){color:#14532d}&:nth-child(3),&:last-child{text-align:right;font-variant-numeric:tabular-nums}&:last-child{color:#16a34a;font-weight:700}}& tr:last-child td{border-bottom:0}}& .compact__footer{justify-content:space-between;align-items:center;gap:15px;display:flex}& .compact__note{color:#166534;overflow-wrap:anywhere;flex:1;min-height:18px;font-size:9px;line-height:1.4}& .compact__total{color:#14532d;flex-shrink:0;align-items:baseline;gap:8px;display:flex;&>span[data-astro-cid-ubge5f46]{text-transform:uppercase;font-size:10px;font-weight:800}& strong{font-variant-numeric:tabular-nums;font-size:18px}}}.form-actions[data-astro-cid-ubge5f46]{flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px;display:flex}.section-head[data-astro-cid-ubge5f46]{border:1px solid var(--border);background-color:#faf9f9;border-radius:10px;margin-bottom:20px;padding:25px 30px;& h1{margin-top:0;margin-bottom:10px;font-size:20px;font-weight:600;line-height:1}& p{opacity:.8}& ul{flex-wrap:wrap;gap:5px;margin:0;padding:0;list-style:none;display:flex;& li{color:#155ea2;background:#e5ecf4;border-radius:5px;padding:3px 6px;font-weight:500}}@media (width<=600px){padding:20px;& ul{flex-wrap:wrap}}}.section-faq[data-astro-cid-ubge5f46]{border:1px solid var(--border);background-color:#faf9f9;border-radius:10px;margin-top:40px;padding:25px 30px;& h2{margin-top:0;font-size:20px;font-weight:600}& .faq__list{flex-direction:column;gap:8px;display:flex}& .faq__item{color:#155ea2;background:#e5ecf4;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;&:hover{border-color:#d1d5db}&[open]{border-color:#d1d5db;box-shadow:0 4px 16px #0000000d}& summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:10px 14px;font-weight:600;line-height:1.4;list-style:none;display:flex;&::-webkit-details-marker{display:none}&:after{content:"+";color:#6b7280;flex-shrink:0;font-size:24px;font-weight:400;line-height:1;transition:transform .2s}}&[open] summary[data-astro-cid-ubge5f46]:after{content:"−"}& p{margin:0;padding:0 24px 20px;font-size:13px;line-height:1.7}}}.only-print[data-astro-cid-ubge5f46]{display:none}.pdf-generating{& .only-print{display:block!important}}@media print{.only-print[data-astro-cid-ubge5f46]{display:block}@page{size:auto;margin:10mm}body{background:#fff!important;font-size:12px!important}main[data-astro-cid-ubge5f46]>.left[data-astro-cid-ubge5f46]{display:none!important}main[data-astro-cid-ubge5f46]{height:auto!important;min-height:auto!important;margin:0!important;padding:0!important;display:block!important}.preview-title[data-astro-cid-ubge5f46]{display:none}.preview[data-astro-cid-ubge5f46]{width:100%!important;max-width:100%!important;box-shadow:none!important;background:0 0!important;border-radius:0!important;height:auto!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.budget-template[data-astro-cid-ubge5f46]:not(.template-active){display:none!important}.budget-template[data-astro-cid-ubge5f46].template-active{page-break-inside:avoid;width:100%!important;max-width:100%!important;box-shadow:none!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;border-radius:0!important;margin:0!important;padding:0!important;display:block!important}}