:root{--red:#ae0710;--navy:#082e50;--green:#217346;--line:#cbd8d0;--ink:#1f2e3b}*{box-sizing:border-box}body{color:var(--ink);background:#f3f6f7;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}.topbar{border-bottom:3px solid var(--red);background:#fff;align-items:center;gap:20px;height:72px;padding:0 4vw;display:flex}.topbar img{object-fit:contain;width:150px;height:44px}.topbar span{color:#6b7780;font-size:10px}.topbar h1{color:var(--navy);margin:2px 0;font-size:22px}.topbar a{color:var(--navy);margin-left:auto;font-size:12px;text-decoration:none}.hero{background:linear-gradient(120deg,#fff,#e8f2ed);border-bottom:1px solid #cfddd5;justify-content:space-between;align-items:center;padding:28px max(4vw,30px);display:flex}.eyebrow{color:var(--red);letter-spacing:.14em;margin:0;font-size:10px;font-weight:800}.hero h2{color:var(--navy);margin:6px 0;font-size:30px}.hero p:last-child{color:#62717c;margin:0;font-size:13px}.sync{background:#fff;border:1px solid #bcd5c6;border-radius:5px;padding:10px 14px;font-size:11px}.sync i{background:#31a56a;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.layout{grid-template-columns:minmax(0,1fr) 310px;gap:24px;max-width:1580px;margin:26px auto;padding:0 24px;display:grid}.workspace-card,aside{background:#fff;border:1px solid #d7e0e4}.tabs{border-bottom:1px solid #dce4e7;display:flex}.tabs button{color:#61717d;background:#f6f8f9;border:0;border-right:1px solid #e2e8ea;padding:16px 24px;font-weight:700}.tabs button.active{color:var(--red);box-shadow:inset 0 -3px var(--red);background:#fff}.document-head{justify-content:space-between;align-items:center;gap:20px;padding:22px;display:flex}.document-head h3{color:var(--navy);margin:4px 0}.meta-fields{gap:8px;display:flex}.meta-fields label{color:#6f7e87;font-size:9px}.meta-fields input{border:1px solid #cfdadc;border-radius:3px;width:92px;margin-top:4px;padding:8px;display:block}.matrix-wrap{border:1px solid #72927d;margin:0 18px 24px;overflow:auto}.matrix-title{text-align:center;color:#15492f;background:#fff;padding:18px;font-size:18px}.matrix-title b{float:right}.matrix-band{color:#fff;background:var(--green);padding:12px 16px;font-weight:800}.matrix{border-collapse:collapse;width:100%;min-width:1320px;font-size:11px}.matrix th{color:#fff;background:#397e56;border:1px solid #275f3f;padding:10px 6px}.matrix th.objective{width:180px}.matrix th.indicator{width:330px}.matrix td{border:1px solid #88a996;height:48px}.objective-cell{vertical-align:top;background:#dcefe2;padding:12px;font-weight:700}.indicator-cell{background:#e9f5ed;padding:8px}.average{text-align:center;background:#cce5d5;font-weight:800}.matrix td input{text-align:center;background:#f2fbf5;border:1px solid #8cb39a;width:68px;height:32px}.matrix td input:focus{outline:2px solid var(--green);background:#fff}.matrix-note{color:#50645a;background:#f1f7f3;margin:0;padding:12px 16px;font-size:11px}.dashboard{padding:12px 22px 28px}.kpis{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.kpis article{border-left:5px solid var(--green);background:#eef8f1;padding:22px}.kpis b{color:var(--navy);font-size:27px;display:block}.kpis span{color:#687a70;font-size:11px}.empty{text-align:center;background:#fafcfb;border:1px dashed #9ab4a4;place-content:center;min-height:310px;margin-top:16px;display:grid}.empty p{color:#68766e;max-width:550px;line-height:1.6}.legacy{padding:0 18px 24px}.legacy-note{background:#edf6f0;align-items:center;gap:15px;padding:12px;display:flex}.legacy-note span{color:#68776e;font-size:11px}.legacy-note a{color:var(--green);margin-left:auto;font-size:11px;font-weight:700}.legacy iframe{border:1px solid #cbd8d0;width:100%;height:650px}aside{padding:24px}aside>h3{color:var(--navy);margin:5px 0 18px}.record{text-align:left;background:#fff;border:1px solid #d9e2e5;align-items:center;gap:12px;width:100%;margin-bottom:10px;padding:14px;display:flex}.record.selected{background:#edf8f1;border-color:#3a8b5b}.record>span{color:#fff;background:var(--green);place-items:center;width:40px;height:40px;font-weight:800;display:grid}.record b,.record small{display:block}.record b{color:var(--navy);font-size:12px}.record small{color:#75828a;margin-top:5px;font-size:10px}.connections{border-top:4px solid var(--green);background:#f2f7f4;margin-top:25px;padding:16px}.connections h4{margin:5px 0 14px}.connections>div{border-bottom:1px solid #d6e3da;padding:9px 0;font-size:11px}.connections small{color:#78867d;margin:4px 0 0 16px;display:block}.connections i{background:#d49c2d;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.connections i.ok{background:#2e9d60}.connections>p:last-child{color:#6b786f;font-size:10px;line-height:1.5}@media (width<=1000px){.layout{grid-template-columns:1fr}.document-head{flex-direction:column;align-items:flex-start}.topbar a{display:none}}@media (width<=680px){.meta-fields{flex-wrap:wrap}.kpis{grid-template-columns:1fr}.hero{flex-direction:column;align-items:flex-start;gap:20px}}:root{--upload-panel:#f1f8f4}.upload-panel{background:var(--upload-panel);border:1px solid #bcd5c6;align-items:center;gap:14px;margin:0 0 16px;padding:16px;display:flex}.upload-panel>div{flex:1;min-width:0}.upload-panel strong,.upload-panel p,.upload-panel small{display:block}.upload-panel strong{color:#082e50}.upload-panel p{color:#5f7167;margin:5px 0;font-size:11px}.upload-panel small{color:#217346;font-weight:700}.upload-button,.preview-button{white-space:nowrap;cursor:pointer;border-radius:4px;padding:10px 14px;font-size:11px;font-weight:800}.upload-button{color:#fff;background:#217346}.upload-button.disabled{opacity:.65;cursor:wait}.upload-button input{display:none}.preview-button{color:#217346;background:#fff;border:1px solid #217346;text-decoration:none}.upload-status{color:#315d43;background:#edf7f0;border-left:4px solid #217346;margin:0 22px 22px;padding:11px 14px;font-size:11px}.dashboard-frame{background:#fff;border:1px solid #cbd8d0;width:100%;height:700px;margin-top:16px}@media (width<=680px){.upload-panel{flex-direction:column;align-items:stretch}.upload-button,.preview-button{text-align:center}}.source-tag,.average small{margin-top:5px;font-size:8px;line-height:1.25;display:block}.source-tag{color:#527162;font-weight:700}.average b{display:block}.average.excelente{color:#145b2b;background:#b9dfc4}.average.cumple{color:#1c6335;background:#cce5d5}.average.alerta{color:#7a5700;background:#fff0bd}.average.crítico{color:#8b1111;background:#f6cccc}.average.manual{color:#52636d;background:#e6edf1}.matrix-title{text-align:left;justify-content:space-between;align-items:center;gap:18px;padding:14px 18px;display:flex}.matrix-title>span{text-align:center;flex:1}.matrix-title b{float:none;white-space:nowrap}.year-filter{color:#496659;align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.year-filter select{color:#15492f;background:#f2fbf5;border:1px solid #72927d;border-radius:4px;padding:7px 26px 7px 9px;font-weight:800}