:root{color:#1f2937;background:#f3f4f6;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{background:#f3f4f6;min-height:100%;margin:0}body{overflow-x:hidden}button,input,select,textarea{font:inherit}.page{width:min(100%,1720px);margin:0 auto;padding:28px clamp(18px,2.6vw,36px) 40px}.page-header{margin-bottom:22px}.page-header h1{letter-spacing:-.03em;margin:0;font-size:clamp(32px,2.8vw,52px);line-height:1.05}.page-header p{color:#6b7280;margin:8px 0 0;font-size:clamp(16px,1.15vw,22px)}.layout{grid-template-columns:minmax(0,1.7fr) minmax(320px,.9fr);grid-template-areas:"main side""services services";align-items:start;gap:22px;display:grid}.main-column{grid-area:main;min-width:0}.side-column{flex-direction:column;grid-area:side;gap:20px;min-width:0;display:flex}.services-card{grid-area:services}.card,.summary-card{background:#fffffff5;border:1px solid #e2e8f0f2;border-radius:22px;padding:22px;box-shadow:0 12px 32px #0f172a0f}.form-card{padding:24px}.card-heading,.section-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.section-header--services{margin-bottom:14px}.card h2,.card h3,.summary-card h3{margin:0}.card-subtitle{color:#64748b;max-width:760px;margin:6px 0 0;font-size:14px;line-height:1.5}.form-grid{grid-template-columns:repeat(2,minmax(260px,1fr));gap:18px;display:grid}.form-grid--compact{grid-template-columns:repeat(2,minmax(260px,1fr))}.form-grid label,.side-column label{color:#0f172a;flex-direction:column;gap:8px;min-width:0;font-weight:700;display:flex}.full-width{grid-column:1/-1}input,select,textarea{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:12px;width:100%;min-width:0;padding:12px 14px;transition:border-color .18s,box-shadow .18s,background-color .18s}input:focus,select:focus,textarea:focus{border-color:#0f766e;outline:none;box-shadow:0 0 0 4px #0f766e1f}input[readOnly],textarea[readOnly]{background:#f8fafc}textarea{resize:vertical;min-height:112px}.table-wrap{-webkit-overflow-scrolling:touch;margin:0 -4px;padding:0 4px;overflow-x:auto}.quote-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1180px}.quote-table th,.quote-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e5e7eb;padding:12px 10px}.quote-table th{color:#475569;white-space:nowrap;font-size:13px;font-weight:800}.quote-table th:nth-child(2),.quote-table td:nth-child(2){min-width:320px}.quote-table th:nth-child(3),.quote-table td:nth-child(3),.quote-table th:nth-child(6),.quote-table td:nth-child(6),.quote-table th:nth-child(7),.quote-table td:nth-child(7){min-width:130px}.quote-table th:last-child,.quote-table td:last-child{width:110px}.quote-created{opacity:1;transition:opacity .6s,transform .6s;transform:translateY(0)}.quote-created.fade-out{opacity:0;pointer-events:none;transform:translateY(-10px)}.services-footer-actions{justify-content:flex-end;margin-top:18px;display:flex}.action-card-buttons{grid-template-columns:1fr 1fr;gap:12px;display:grid}.inline-field-label{color:#475569;flex-direction:column;gap:6px;font-size:12px;font-weight:700;display:flex}.service-cell{flex-direction:column;gap:10px;display:flex}.service-config-box{background:#f8fafc;border:1px solid #dbe2ea;border-radius:12px;padding:10px 12px}.service-config-box label{color:#475569;flex-direction:column;gap:6px;font-size:12px;font-weight:700;display:flex}.service-config-box--hint{color:#475569;font-size:12px}.summary-card h3{margin-top:0;margin-bottom:16px}.summary-row{border-bottom:1px solid #e5e7eb;justify-content:space-between;gap:12px;padding:10px 0;display:flex}.summary-row.total{border-bottom:none;font-size:18px}.summary-empty{color:#6b7280}.totals-list p{margin:8px 0 0}.primary-btn,.secondary-btn,button{cursor:pointer;border:none;border-radius:12px;padding:13px 18px;font-weight:800;transition:transform .15s,opacity .15s,box-shadow .15s}button:hover,.primary-btn:hover,.secondary-btn:hover{transform:translateY(-1px)}button:disabled,.primary-btn:disabled,.secondary-btn:disabled{cursor:not-allowed;opacity:.65;transform:none}.primary-btn,button{color:#fff;background:#1f7a67;box-shadow:0 10px 20px #1f7a672e}.secondary-btn{color:#0f172a;background:#e5e7eb}.error-box{color:#991b1b;border-left:4px solid #dc2626}.success-box{color:#166534;border-left:4px solid #16a34a}@media (width<=1440px){.layout{grid-template-columns:minmax(0,1.5fr) minmax(300px,.82fr)}.quote-table{min-width:1100px}}@media (width<=1180px){.page{padding:20px 18px 30px}.layout{grid-template-columns:1fr;grid-template-areas:"main""side""services"}}@media (width<=768px){.page{padding:14px}.page-header{margin-bottom:14px}.card,.summary-card{border-radius:16px;padding:16px}.form-grid,.form-grid--compact{grid-template-columns:1fr;gap:14px}.section-header{flex-direction:column;align-items:stretch}.action-card-buttons,.services-footer-actions{flex-direction:column;grid-template-columns:1fr}.section-actions button,.section-header button,.primary-btn,.secondary-btn{width:100%}.summary-row{flex-direction:column;align-items:flex-start;gap:4px}}@media (width<=640px){.page{padding:12px}.quote-table,.quote-table thead,.quote-table tbody,.quote-table th,.quote-table td,.quote-table tr{width:100%;display:block}.quote-table{min-width:0}.quote-table thead{display:none}.quote-table tbody{flex-direction:column;gap:14px;display:flex}.quote-table tr{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:12px;box-shadow:0 4px 16px #0f172a0a}.quote-table td{border-bottom:1px solid #f1f5f9;flex-direction:column;gap:6px;padding:8px 0;display:flex}.quote-table td:last-child{border-bottom:none;padding-bottom:0}.quote-table td:before{text-transform:uppercase;letter-spacing:.03em;color:#6b7280;font-size:12px;font-weight:700}.quote-table td:first-child:before{content:"Empresa"}.quote-table td:nth-child(2):before{content:"Servicio"}.quote-table td:nth-child(3):before{content:"Valor referencia"}.quote-table td:nth-child(4):before{content:"Moneda"}.quote-table td:nth-child(5):before{content:"Cantidad"}.quote-table td:nth-child(6):before{content:"Precio unitario"}.quote-table td:nth-child(7):before{content:"Total línea"}.quote-table td:nth-child(8):before{content:"Acción"}}