:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:#f4f5fa;background:#111733;margin:0;font:15px/1.5 system-ui,sans-serif}.app{max-width:1200px;margin:0 auto;padding:24px}header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}h1{margin:0;font-size:22px}h1 em{color:#6de9a9;font-style:normal;font-weight:400}nav button{color:#cfd2e4;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;margin-left:8px;padding:8px 14px;font-size:14px}nav button.on{color:#111733;background:#6de9a9;border-color:#6de9a9;font-weight:600}.grid{grid-template-columns:380px 1fr;align-items:start;gap:24px;display:grid}.form,.preview{background:#151c3b8c;border:1px solid #ffffff14;border-radius:14px;padding:20px}h2{text-transform:uppercase;letter-spacing:.08em;color:#8b92b8;margin:18px 0 10px;font-size:13px}h2:first-child{margin-top:0}.campo{margin-bottom:12px;display:block}.campo span{color:#8b92b8;margin-bottom:4px;font-size:12px;display:block}.campo input,.campo textarea,.campo select{color:#f4f5fa;width:100%;font:inherit;background:#ffffff0d;border:1px solid #ffffff24;border-radius:8px;padding:8px 10px}.fila{grid-template-columns:1fr 1fr;gap:12px;display:grid}.primario{color:#111733;cursor:pointer;background:#6de9a9;border:0;border-radius:10px;width:100%;margin-top:8px;padding:12px;font-size:15px;font-weight:700}.ok{color:#6de9a9;font-size:13px}.preview pre{white-space:pre-wrap;color:#d8dbea;font:13px/1.6 ui-monospace,monospace}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #ffffff14;padding:10px 12px}th{color:#8b92b8;text-transform:uppercase;font-size:12px}footer{color:#8b92b8;margin-top:24px;font-size:12px}@media print{body{color:#000;background:#fff}.no-print{display:none!important}.preview{background:#fff;border:0;padding:0;position:absolute;inset:0}.preview pre{color:#000;font:12px/1.7 Times New Roman,serif}}.fases{margin:12px 0}.fase{align-items:center;gap:10px;padding:8px 0;font-size:14px;display:flex}.fase .punto{background:#444a6e;border-radius:50%;width:10px;height:10px}.fase.completado .punto{background:#6de9a9}.fase.en_curso .punto{background:#ffc44d}.fase em{color:#8b92b8;margin-left:auto;font-size:12px;font-style:normal}.mini{color:#cfd2e4;background:#00000040;border-radius:8px;max-height:260px;padding:10px;font-size:11px;overflow:auto}details summary{cursor:pointer;color:#6de9a9;margin-bottom:10px}.salir{color:#cfd2e4;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;padding:8px 14px;font-size:13px}.grid-cliente{max-width:640px;margin:0 auto;grid-template-columns:1fr!important}