:root{--navy:#14284b;--red:#d7263d;--bg:#ffffff;--soft:#f1f4f9;--ink:#1b1f24;--mut:#5b6573}
*{box-sizing:border-box}body{margin:0;font:17px/1.6 Georgia,"Times New Roman",serif;color:var(--ink);background:var(--bg)}
h1,h2,h3,.brand,nav,.btn,label,.kpis,.t,.bars,.note,.crumbs,.tiles,input,select{font-family:"Helvetica Neue",Arial,sans-serif}
.in{max-width:980px;margin:0 auto;padding:0 20px}.bar{background:var(--navy)}.bar .in{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:14px 20px}
.brand{color:#fff;text-decoration:none;font-weight:700;font-size:1.25rem}.brand em{color:#ff8a98;font-style:normal}nav a{color:#dfe6f3;margin-left:16px;text-decoration:none;font-size:.95rem}
a{color:#1d4f9a}h1{font-size:2rem;line-height:1.2;color:var(--navy)}h2{color:var(--navy);margin-top:1.6em}
.hero{padding:18px 0}.cols2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px}
.box{background:var(--soft);border-radius:12px;padding:18px}.box label{display:block;font-size:.85rem;color:var(--mut);margin-top:8px}
input,select{width:100%;font-size:1rem;padding:10px;border:1px solid #c7cfdb;border-radius:8px;margin:4px 0 10px;background:#fff}
.btn{background:var(--red);color:#fff;border:0;border-radius:8px;padding:10px 16px;font-size:1rem;cursor:pointer}.btn:disabled{opacity:.5}
.kpis{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.kpis div{border:2px solid var(--navy);border-radius:10px;padding:10px 16px}.kpis b{display:block;font-size:1.6rem;color:var(--red)}.kpis span{font-size:.85rem;color:var(--mut)}
.bars .row{display:grid;grid-template-columns:150px 1fr 40px;align-items:center;gap:8px;margin:3px 0;font-size:.85rem}.bars .b{height:14px;background:var(--navy);border-radius:3px;min-width:2px}.bars.red .b{background:var(--red)}.bars.wide .row{grid-template-columns:240px 1fr 70px}.bars .v{text-align:right}
.t{width:100%;border-collapse:collapse;font-size:.92rem}.t th{background:var(--navy);color:#fff;text-align:left;padding:7px}.t td{border-bottom:1px solid #e3e8ef;padding:7px}
.rc{border-left:4px solid var(--red);background:var(--soft);padding:10px 14px;margin:12px 0;border-radius:0 8px 8px 0}.rc header{font-family:Arial,sans-serif;font-size:.9rem;font-weight:700}.rc .cmp{font-family:Arial,sans-serif;font-size:.85rem;color:var(--mut);margin:.2em 0}
.flag{background:var(--red);color:#fff;border-radius:4px;padding:1px 6px;font-size:.75rem}.flag.amber{background:#9a5a00}
.note{font-size:.88rem;color:var(--mut)}.err{color:var(--red)}.crumbs{font-size:.9rem;margin-top:16px}
.tiles{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.tiles li{border:1px solid #dde3ec;border-radius:10px;padding:10px}.tiles span{display:block;font-size:.82rem;color:var(--mut)}
.txt{max-width:700px}.ft{margin-top:48px;border-top:4px solid var(--red);background:var(--soft);font-size:.88rem;padding:12px 0}
@media(max-width:600px){.bars .row{grid-template-columns:100px 1fr 34px}.bars.wide .row{grid-template-columns:130px 1fr 50px}nav a{margin-left:10px}}