@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap');
    *{box-sizing:border-box;margin:0;padding:0}
    body{font-family:'Inter',Arial,sans-serif;background:#F0F2F5;color:#212121;line-height:1.6}
    .lc{max-width:1200px;margin:0 auto;padding:24px 16px}
    .hero{background:linear-gradient(135deg,#003DA5 0%,#0056D2 50%,#003DA5 100%);color:#fff;border-radius:20px;text-align:center;margin-bottom:44px;overflow:hidden;position:relative}
    .hero::before{content:'';position:absolute;top:-60%;left:-30%;width:160%;height:220%;background:radial-gradient(circle,rgba(255,209,0,.10) 0%,transparent 55%);pointer-events:none}
    .hero-ill{width:100%;display:block}
    .hero-c{padding:40px 40px 48px;position:relative;z-index:2}
    .hero h1{font-size:2.6em;font-weight:800;letter-spacing:-.8px;margin:0 0 10px}
    .hero h1 span{color:#FFD100}
    .hero .hs{font-size:1.12em;opacity:.9;margin:0 auto 32px;max-width:720px;line-height:1.55}
    .hero .hst{display:flex;justify-content:center;gap:48px;flex-wrap:wrap;position:relative}
    .hero .hi{text-align:center}
    .hero .hi strong{display:block;font-size:2.4em;color:#FFD100;font-weight:800;line-height:1.1}
    .hero .hi span{font-size:.82em;opacity:.75}
    .ov{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:44px}
    .ovc{background:#fff;border-radius:14px;padding:20px;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.05);border-top:4px solid #ccc;transition:transform .2s}
    .ovc:hover{transform:translateY(-3px)}
    .ovc .oi{margin-bottom:10px;display:flex;justify-content:center;align-items:center;min-height:52px}
    .ovc h3{font-size:.78em;font-weight:600;color:#757575;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}
    .ovc .ovv{font-size:1.6em;font-weight:800}
    .o1{border-top-color:#F5C518}.o1 .ovv{color:#C49B00}
    .o2{border-top-color:#2196F3}.o2 .ovv{color:#1565C0}
    .o3{border-top-color:#4CAF50}.o3 .ovv{color:#2E7D32}
    .o4{border-top-color:#333}.o4 .ovv{color:#333}
    .ph{margin-bottom:40px}
    .phh{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:10px;border-bottom:3px solid #E0E0E0}
    .phb{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4em;font-weight:800;color:#fff;flex-shrink:0}
    .phh h2{font-size:1.35em;font-weight:700;color:#212121}
    .phh h2 small{display:block;font-size:.62em;font-weight:400;color:#757575;margin-top:3px}
    .cg{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
    .cd{background:#fff;border-radius:16px;padding:28px 24px 24px;box-shadow:0 2px 14px rgba(0,0,0,.05);border-left:6px solid #ccc;transition:transform .2s,box-shadow .2s;position:relative;display:flex;flex-direction:column}
    .cd:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.10)}
    .cd .cn{position:absolute;top:10px;right:18px;font-size:2.8em;font-weight:800;opacity:.06;line-height:1}
    .cd .ci{width:80px;height:80px;margin-bottom:14px;flex-shrink:0}
    .cd h3{font-size:1.08em;font-weight:700;margin:0 0 10px;line-height:1.35}
    .cd .cm{display:flex;gap:14px;font-size:.78em;color:#757575;margin-bottom:12px;flex-wrap:wrap}
    .cd .cm span{display:flex;align-items:center;gap:4px}
    .cd .cp{font-size:.88em;color:#555;line-height:1.55;margin-bottom:18px;flex-grow:1}
    .cd .cb{display:inline-block;padding:10px 22px;border-radius:10px;font-size:.85em;font-weight:700;text-decoration:none;text-align:center;transition:background .2s,transform .15s;align-self:flex-start}
    .cd .cb:hover{transform:scale(1.03)}
    .p1 .phb{background:#F5C518}.p1 .cd{border-left-color:#F5C518}.p1 .cb{background:#F5C518;color:#212121}.p1 .cb:hover{background:#DEAD00}
    .p2 .phb{background:#2196F3}.p2 .cd{border-left-color:#2196F3}.p2 .cb{background:#2196F3;color:#fff}.p2 .cb:hover{background:#1976D2}
    .p3 .phb{background:#4CAF50}.p3 .cd{border-left-color:#4CAF50}.p3 .cb{background:#4CAF50;color:#fff}.p3 .cb:hover{background:#388E3C}
    .p4 .phb{background:#333}.p4 .cd{border-left-color:#333}.p4 .cb{background:#333;color:#fff}.p4 .cb:hover{background:#555}
    .mx{background:#fff;border-radius:16px;padding:36px;box-shadow:0 2px 14px rgba(0,0,0,.05);margin-bottom:40px;overflow-x:auto}
    .mx h2{font-size:1.35em;font-weight:700;margin:0 0 8px;color:#003DA5}
    .mx .ms{font-size:.88em;color:#757575;margin-bottom:20px}
    .mx table{width:100%;border-collapse:collapse;font-size:.82em;min-width:800px}
    .mx thead th{background:#003DA5;color:#fff;padding:12px 10px;text-align:center;font-weight:700;font-size:.88em;white-space:nowrap}
    .mx thead th:first-child{text-align:left;border-radius:8px 0 0 0}
    .mx thead th:last-child{border-radius:0 8px 0 0}
    .mx tbody td{padding:10px;text-align:center;border-bottom:1px solid #eee}
    .mx tbody td:first-child{text-align:left;font-weight:600;color:#333}
    .mx tbody tr:hover{background:#F5F7FA}
    .mx tbody tr:nth-child(even){background:#FAFBFC}
    .mx tbody tr:nth-child(even):hover{background:#F0F3F6}
    .ck{color:#4CAF50;font-weight:700;font-size:1.2em}
    .da{color:#BDBDBD}
    .ft{text-align:center;padding:28px 16px;color:#999;font-size:.82em;border-top:2px solid #E0E0E0;margin-top:8px;line-height:1.7}
    .ft strong{color:#003DA5}
    .ft em{color:#757575}
    @media(max-width:900px){.ov{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:768px){.hero .hero-c{padding:28px 20px 32px}.hero h1{font-size:1.8em}.hero .hs{font-size:1em}.hero .hst{gap:24px}.hero .hi strong{font-size:1.8em}.cg{grid-template-columns:1fr}.ov{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:480px){.ov{grid-template-columns:1fr}}
  .mx tbody td:first-child a{color:#003DA5;font-weight:600;text-decoration:none;border-bottom:1px dashed transparent;transition:border-color .2s}
.mx tbody td:first-child a:hover{border-bottom-color:#003DA5;color:#0056D2}

/* Acessibilidade: Skip link e foco visível (WCAG 2.4.1 / 2.4.7) */
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:16px;top:16px;width:auto;height:auto;padding:8px 12px;background:#FFD100;color:#212121;z-index:1000;border-radius:6px;font-weight:700}
:focus-visible{outline:3px solid #FFD100;outline-offset:3px}

/* Ajuste solicitado: banner (hero) com ~1/3 da altura atual, mantendo a ilustração */
.hero{padding:14px 22px 14px;overflow:hidden}
.hero-grid{gap:12px;align-items:center}
.hero h1{margin:0 0 6px;font-size:28px;line-height:1.08}
.hero p{margin:0 0 10px;font-size:14px;line-height:1.35;max-width:70ch}
/* manter os KPIs visíveis, porém compactos */
.kpis{margin-top:10px;gap:14px}
.kpi strong{font-size:24px}
.kpi span{font-size:12px}
/* ilustração de fundo mais baixa (recorte sem distorção) */
.hero-ill{width:100%;display:block;height:115px;max-height:115px}
@media (max-width:640px){
  .hero{padding:12px 14px 12px}
  .hero h1{font-size:24px}
  .hero p{font-size:13px;margin-bottom:8px}
  .kpis{gap:10px}
  .kpi strong{font-size:20px}
  .hero-ill{height:90px;max-height:90px}
}