
    :root {
      --bg:#eef4fc; --surface:#f4f8fe; --card:#ffffff; --text:#0c1d3a; --text-2:#2a4570; --muted:#6685aa;
      --line:#c5d8f0; --line-soft:#ddeaf8;
      --blue:#1a56a8; --blue-mid:#2575cc; --blue-light:#4a90d9; --blue-soft:#d0e6f8; --blue-pale:#eaf3fd;
      --sky:#38b6e8; --sky-soft:#d0f0fb; --sky-pale:#eaf9fe;
      --green:#157a50; --green-mid:#1d9e68; --green-soft:#c5eed9; --green-pale:#eafaf2;
      --gold:#7a5500; --gold-soft:#fef4cc; --red:#8f1c1c; --red-soft:#fce8e8;
      
      --yellow:#7a5500; --yellow-soft:#fef4cc;
      --shadow-sm:0 1px 4px rgba(10,35,80,.06),0 4px 16px rgba(10,35,80,.06);
      --shadow:0 2px 12px rgba(10,35,80,.09),0 8px 32px rgba(10,35,80,.08);
      --shadow-lg:0 8px 40px rgba(10,35,80,.15),0 2px 8px rgba(10,35,80,.06);
      --radius:18px; --radius-sm:11px; --radius-xs:7px;
      --font-head:'Lora',Georgia,serif;
      --font-body:'Sora',system-ui,sans-serif;
      --font-mono:'JetBrains Mono',monospace;
    }
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    body{
      font-family:var(--font-body);
      background:linear-gradient(160deg,#d8eaff 0%,#eef4fc 38%,#e4f3fb 68%,#f0f6ff 100%) fixed;
      color:var(--text);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;
    }
    body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;
      background:
        radial-gradient(ellipse 90% 70% at 0% -5%,rgba(37,117,204,.20) 0%,transparent 50%),
        radial-gradient(ellipse 70% 60% at 100% 110%,rgba(56,182,232,.16) 0%,transparent 50%),
        radial-gradient(ellipse 40% 30% at 82% 8%,rgba(100,200,240,.10) 0%,transparent 50%);
    }
    body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;
      background-image:radial-gradient(circle 1px at 1px 1px,rgba(37,117,204,.06) 1px,transparent 0);
      background-size:38px 38px;
    }
    body.view-exec .exec-only{display:block!important}body.view-exec .full-only{display:none!important}
    body.view-full .exec-only{display:none!important}body.view-full .full-only{display:block!important}
    .exec-only{display:none}.full-only{display:block}
    .wrap{max-width:1320px;margin:0 auto;padding:26px 20px 64px;position:relative;z-index:1}

    
    .topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:26px;flex-wrap:wrap;
      position:sticky;top:0;z-index:200;
      background:rgba(238,244,252,.90);backdrop-filter:blur(18px) saturate(1.6);
      -webkit-backdrop-filter:blur(18px) saturate(1.6);
      border-bottom:1px solid var(--line-soft);
      margin-left:-20px;margin-right:-20px;padding:12px 20px;margin-top:-26px;margin-bottom:20px;
    }
    .topbar-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
    .topbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
    .back{display:inline-flex;align-items:center;gap:8px;padding:8px 16px 8px 11px;border-radius:999px;
      background:rgba(255,255,255,.8);border:1px solid var(--line);text-decoration:none;
      color:var(--text-2);font-weight:600;font-size:.84rem;
      transition:all .2s ease;}
    .back:hover{background:var(--blue-pale);border-color:var(--blue-soft);color:var(--blue);transform:translateY(-1px)}
    .back-arrow{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;
      background:var(--blue-soft);color:var(--blue);font-size:.75rem;font-weight:700;flex-shrink:0}
    .view-switcher{display:inline-flex;background:rgba(255,255,255,.7);border:1px solid var(--line-soft);
      border-radius:999px;padding:4px;gap:3px;}
    .view-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 15px;border-radius:999px;border:none;
      background:transparent;font-family:var(--font-body);font-size:.8rem;font-weight:600;
      color:var(--muted);cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap;}
    .view-btn:hover{color:var(--blue-mid);background:rgba(37,117,204,.08)}
    .view-btn.active{background:linear-gradient(135deg,var(--blue-mid),var(--blue-light));color:#fff;
      box-shadow:0 2px 10px rgba(37,117,204,.35);}
    .view-btn svg{width:13px;height:13px;flex-shrink:0}

    .month-pills{display:flex;gap:5px;align-items:center;background:rgba(255,255,255,.68);border:1px solid var(--line-soft);border-radius:999px;padding:4px 6px;box-shadow:0 1px 10px rgba(10,35,80,.05)}
    .month-pill{padding:6px 14px;border-radius:999px;border:none;cursor:pointer;font-family:var(--font-body);font-size:.78rem;font-weight:700;color:var(--muted);background:transparent;transition:all .2s ease;letter-spacing:.02em}
    .month-pill:hover:not(:disabled){color:var(--blue-mid);background:var(--blue-pale)}
    .month-pill.active{background:#ffffff;color:#1a3a6b;box-shadow:0 2px 10px rgba(26,86,168,.28);border:2px solid var(--blue-mid);font-weight:800}
    .month-pill:disabled{opacity:.34;cursor:default}
    .present-btn{background:linear-gradient(135deg,var(--green-mid),var(--green));color:#fff;box-shadow:0 8px 24px rgba(21,122,80,.18)}
    .present-btn:hover{color:#fff;background:linear-gradient(135deg,var(--green),#0f6a44);transform:translateY(-1px)}
    .present-btn svg{width:14px;height:14px}

    
    .card{background:var(--card);border:1.5px solid var(--line-soft);border-radius:var(--radius);
      box-shadow:var(--shadow-sm);
      transition:transform .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s ease,border-color .2s;}
    .card:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(10,35,80,.16),0 4px 12px rgba(10,35,80,.08);border-color:var(--blue-soft)}

    
    .hero{display:grid;grid-template-columns:1.65fr 1fr;gap:16px;margin-bottom:18px}
    .hero-main{padding:30px 34px 26px;
      background:linear-gradient(135deg,#ffffff 0%,#edf5ff 55%,#dceeff 100%);
      position:relative;overflow:hidden;}
    .hero-main::before{content:'';position:absolute;right:-70px;top:-70px;width:300px;height:300px;border-radius:50%;
      background:radial-gradient(circle,rgba(56,182,232,.15) 0%,rgba(37,117,204,.07) 50%,transparent 70%);pointer-events:none;}
    .hero-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:.68rem;font-weight:700;letter-spacing:.11em;
      text-transform:uppercase;color:var(--blue-mid);margin-bottom:8px}
    .hero-eyebrow::before{content:'';display:inline-block;width:14px;height:2px;
      background:linear-gradient(90deg,var(--sky),var(--blue-mid));border-radius:2px}
    .hero-main h1{font-family:var(--font-head);font-size:2.4rem;font-weight:600;line-height:1.1;
      background:linear-gradient(135deg,var(--text) 40%,var(--blue-mid) 100%);
      -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
      letter-spacing:-.02em;margin-bottom:10px}
    .hero-main p{color:var(--text-2);max-width:620px;line-height:1.72;font-size:.92rem}
    .hero-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}
    .hero-stat{padding:12px 14px;border-radius:var(--radius-sm);
      background:rgba(255,255,255,.7);border:1.5px solid var(--line-soft);transition:transform .2s,background .2s;cursor:default}
    .hero-stat:hover{transform:translateY(-2px);background:var(--blue-pale)}
    .hero-stat small{display:block;color:var(--muted);margin-bottom:4px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}
    .hero-stat strong{font-family:var(--font-mono);font-size:.96rem;font-weight:500;color:var(--text)}
    .hero-side{padding:22px 20px;display:flex;flex-direction:column;
      background:linear-gradient(160deg,#eaf6fe 0%,#d8ecfc 50%,#e4f4fd 100%);}
    .hero-side-label{font-size:.67rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
    .status-badge{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:var(--radius-sm);
      font-weight:700;font-size:.86rem;margin-bottom:14px;border:1.5px solid transparent}
    .status-badge::before{content:'●';font-size:.55em}
    .status-green{background:var(--green-soft);color:var(--green);border-color:rgba(21,122,80,.2)}
    .status-yellow{background:var(--gold-soft);color:var(--gold);border-color:rgba(122,85,0,.18)}
    .status-red{background:var(--red-soft);color:var(--red);border-color:rgba(143,28,28,.18)}
    .status-muted{background:var(--surface);color:var(--muted);border-color:var(--line)}
    .mini-list{display:grid;gap:7px}
    .mini-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;
      border-radius:var(--radius-sm);background:rgba(255,255,255,.6);border:1.5px solid var(--line-soft);transition:background .2s}
    .mini-item:hover{background:rgba(255,255,255,.9)}
    .mini-item .muted{font-size:.82rem}
    .mini-item strong{font-family:var(--font-mono);font-size:.88rem;color:var(--blue-mid)}

    
    .intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:16px;margin-bottom:20px}
    .intro-copy p{margin:0 0 12px;color:var(--muted);line-height:1.8;font-size:.80rem;text-align:justify;hyphens:auto}
    .intro-copy p:last-child{margin-bottom:0}
    .intro-copy strong{color:var(--blue-mid)}
    .annual-goals-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
    .goal-card{padding:12px 14px;border-radius:var(--radius-sm);background:var(--surface);
      border:1.5px solid var(--line-soft);transition:background .2s,transform .2s}
    .goal-card:hover{background:var(--blue-pale);transform:translateY(-1px)}
    .goal-card small{display:block;color:var(--muted);margin-bottom:3px;font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}
    .goal-card strong{display:block;font-size:.93rem;line-height:1.35;margin-bottom:3px;color:var(--text)}
    .goal-card .goal-meta{font-size:.8rem;color:var(--muted);margin-bottom:7px;font-family:var(--font-mono)}
    .goal-card .goal-progress{font-size:.81rem;font-weight:700}
    .goal-note{margin-top:12px;color:var(--muted);font-size:.78rem;line-height:1.65;padding-top:12px;border-top:1px dashed var(--line)}

    
    .toolbar{display:grid;grid-template-columns:1.05fr 1fr 1fr 1fr;gap:12px;margin-bottom:20px}
    .filter{padding:12px 14px}
    .filter label{display:block;font-size:.67rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.09em;margin-bottom:7px}
    .filter select,.filter .pill{width:100%;padding:9px 12px;border:1.5px solid var(--line);border-radius:var(--radius-xs);
      background:var(--surface);font-size:.87rem;font-family:var(--font-body);color:var(--text);outline:none;
      transition:border-color .2s,box-shadow .2s;appearance:none;
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%236685aa' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
      background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}
    .filter select:focus{border-color:var(--blue-mid);box-shadow:0 0 0 3px rgba(37,117,204,.12)}
    .pill{display:flex;align-items:center;font-weight:700;background-image:none;
      color:var(--blue-mid);background:var(--blue-pale);border-color:var(--blue-soft);font-family:var(--font-mono);font-size:.84rem}

    
    .section{margin-bottom:18px}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:0 0 13px;
      padding-bottom:10px;border-bottom:1px solid var(--line-soft)}
    .section-head h2{font-family:var(--font-head);font-size:1.22rem;font-weight:600;color:var(--text);letter-spacing:-.01em}
    .section-head p{margin:3px 0 0;color:var(--muted);font-size:.84rem}
    .section-divider{display:flex;align-items:center;gap:13px;margin:28px 0 16px;
      color:var(--blue-mid);font-size:.67rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
    .section-divider::before,.section-divider::after{content:'';flex:1;height:1.5px;
      background:linear-gradient(90deg,transparent,var(--line),transparent)}

    
    .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
    .kpi{padding:18px 16px 16px;position:relative;overflow:hidden;
      transition:box-shadow .2s,transform .25s;border-top:3px solid var(--line-soft)}
    .kpi:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(10,35,80,.16);border-top-color:var(--blue-mid)}
    .kpi-top{display:flex;justify-content:space-between;gap:8px;align-items:start;margin-bottom:10px}
    .kpi-label{font-weight:700;font-size:.67rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:5px;line-height:1.3}
    .kpi-value{font-family:var(--font-mono);font-size:1.5rem;font-weight:500;margin-bottom:2px;color:var(--text);line-height:1;letter-spacing:-.02em}
    .kpi-meta{color:var(--muted);font-size:.79rem;line-height:1.55}
    .kpi-meta+.kpi-meta{margin-top:3px}

    
    .chip{padding:4px 9px;border-radius:var(--radius-xs);font-weight:700;font-size:.67rem;white-space:nowrap;letter-spacing:.04em;text-transform:uppercase;flex-shrink:0}
    .chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 12px}
    .stat-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;
      font-size:.80rem;font-weight:700;line-height:1.2;
      background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(237,248,251,.9));
      border:1px solid var(--line-soft);color:var(--blue);box-shadow:0 2px 8px rgba(23,50,58,.06)}
    .stat-chip::before{content:'';width:7px;height:7px;border-radius:50%;flex-shrink:0;
      background:linear-gradient(135deg,var(--green),var(--blue-mid))}
    .chip.green{background:var(--green-soft);color:var(--green)}
    .chip.yellow{background:var(--gold-soft);color:var(--gold)}
    .chip.red{background:var(--red-soft);color:var(--red)}
    .chip.muted{background:var(--surface);color:var(--muted)}
    .chip.blue{background:var(--blue-soft);color:var(--blue)}

    
    .progress{height:5px;border-radius:999px;background:var(--line-soft);overflow:hidden;margin-top:12px}
    .progress>span{display:block;height:100%;border-radius:999px;
      background:linear-gradient(90deg,var(--sky),var(--blue-mid));transition:width .7s cubic-bezier(.4,0,.2,1)}

    
    .grid-2{display:grid;grid-template-columns:1.35fr 1fr;gap:16px}
    .grid-2-equal{display:grid;grid-template-columns:1fr 1fr;gap:16px}
    .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}

    
    .panel{padding:20px 22px}
    .panel h3{font-family:var(--font-head);font-size:1.03rem;font-weight:600;color:var(--text);margin-bottom:3px;letter-spacing:-.01em}
    .panel p.sub{margin:0 0 14px;color:var(--muted);font-size:.82rem;line-height:1.5}
    .panel-accent{border-top:3px solid var(--blue-mid)}
    .panel-sky{border-top:3px solid var(--sky)}

    
    .interp{margin-top:13px;padding:11px 14px;background:var(--blue-pale);border-left:3px solid var(--blue-mid);
      border-radius:0 var(--radius-xs) var(--radius-xs) 0;font-size:.81rem;color:var(--text-2);line-height:1.62}
    .interp strong{color:var(--blue-mid)}

    
    .chart-wrap{overflow-x:auto;overflow-y:visible;border-radius:var(--radius-xs);background:var(--surface);border:1px solid var(--line-soft);padding:6px 0 2px;-webkit-overflow-scrolling:touch}
    .chart{width:100%;min-width:760px;height:auto;display:block}
    .legend{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:.79rem;margin-top:10px;
      padding-top:8px;border-top:1px solid var(--line-soft)}
    .legend span{display:flex;align-items:center;gap:5px}
    .legend i{display:inline-block;width:20px;height:3px;border-radius:2px;flex-shrink:0}
    .viz-wrap{width:100%}
    .viz-svg{width:100%;height:auto;display:block;overflow:visible}

    
    .chart-zoomable{cursor:zoom-in;position:relative;}
    .chart-zoomable::after{content:'Clic para ampliar';position:absolute;bottom:10px;right:12px;
      font-size:.68rem;font-weight:700;color:var(--blue-mid);
      background:rgba(234,243,253,.92);border:1px solid var(--blue-soft);
      padding:3px 9px;border-radius:999px;opacity:0;transition:opacity .2s;pointer-events:none;}
    .chart-zoomable:hover::after{opacity:1}

    
    .zoom-overlay{position:fixed;inset:0;z-index:2000;
      background:rgba(8,18,40,.78);
      backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
      display:flex;align-items:center;justify-content:center;
      padding:24px;opacity:0;pointer-events:none;transition:opacity .25s ease;}
    .zoom-overlay.open{opacity:1;pointer-events:auto}
    .zoom-box{background:var(--card);border-radius:var(--radius);
      box-shadow:0 32px 100px rgba(8,18,40,.4);
      width:100%;max-width:980px;max-height:90vh;
      display:flex;flex-direction:column;
      transform:scale(.94) translateY(16px);
      transition:transform .28s cubic-bezier(.4,0,.2,1);
      border:1.5px solid var(--line-soft);}
    .zoom-overlay.open .zoom-box{transform:none}
    .zoom-head{display:flex;justify-content:space-between;align-items:center;
      padding:16px 22px 12px;border-bottom:1px solid var(--line-soft);}
    .zoom-head h2{font-family:var(--font-head);font-size:1.05rem;font-weight:600;color:var(--text)}
    .zoom-close{width:30px;height:30px;border-radius:50%;border:none;background:var(--surface);
      color:var(--muted);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;
      transition:background .2s,color .2s;}
    .zoom-close:hover{background:var(--red-soft);color:var(--red)}
    .zoom-body{overflow-y:auto;padding:22px;flex:1}

    
    #vizTooltip{position:fixed;z-index:9999;pointer-events:none;background:rgba(12,29,58,.93);color:#fff;
      padding:8px 13px;border-radius:var(--radius-sm);font-size:.79rem;line-height:1.55;white-space:nowrap;
      box-shadow:var(--shadow-lg);opacity:0;transition:opacity .1s;font-family:var(--font-body);}
    .tbl-wrap{overflow:auto;border:1.5px solid var(--line-soft);border-radius:var(--radius-sm)}
    table{width:100%;border-collapse:collapse;min-width:600px;background:var(--card)}
    th,td{padding:9px 12px;border-bottom:1px solid var(--line-soft);text-align:left;font-size:.83rem;white-space:nowrap}
    th{background:var(--surface);color:var(--blue-mid);font-size:.67rem;font-weight:700;text-transform:uppercase;
      letter-spacing:.09em;position:sticky;top:0;border-bottom:2px solid var(--line)}
    tr:hover td{background:var(--blue-pale)}
    td:first-child{font-weight:600;color:var(--text-2)}
    td:not(:first-child){font-family:var(--font-mono);font-size:.8rem;color:var(--text-2)}

    
    .diagnostic{padding:26px 32px;line-height:1.82;font-size:.83rem;
      border-left:4px solid var(--blue-mid);
      background:linear-gradient(to right,var(--blue-pale) 0%,var(--card) 55%)}
    .diagnostic h3{font-family:var(--font-head);font-size:1.05rem;font-weight:600;color:var(--text);
      margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--line-soft)}
    .diagnostic p{color:var(--muted);margin-bottom:10px;text-align:justify;hyphens:auto}
    .diagnostic p:last-child{margin-bottom:0}
    .diagnostic strong{color:var(--blue-mid)}
    .diagnostic .diag-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:16px}
    .diagnostic .diag-block{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.7);border:1px solid var(--line-soft)}
    .diagnostic .diag-block strong{display:block;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}
    .diagnostic .diag-block p{font-size:.81rem;margin:0;color:var(--muted)}
    @media(max-width:760px){.diagnostic .diag-grid{grid-template-columns:1fr}}
    .muted{color:var(--muted)}
    .empty{padding:20px;border:1.5px dashed var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);text-align:center;font-size:.88rem}
    .hidden{display:none!important}
    .income-clear-btn{width:100%;padding:10px 12px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--green-mid),var(--green));color:#fff;font-family:var(--font-body);font-weight:800;cursor:pointer;box-shadow:0 4px 14px rgba(24,122,90,.18)}
    .income-clear-btn:hover{filter:brightness(.96);transform:translateY(-1px)}
    .footer-note{margin-top:8px;color:var(--muted);font-size:.77rem}

    
    .exec-toolbar{display:grid;grid-template-columns:1fr 1fr auto;gap:13px;align-items:end;margin-bottom:20px}
    .exec-hero-row{display:grid;grid-template-columns:280px 1fr;gap:16px;margin-bottom:16px}
    .exec-status-card{padding:24px 22px;
      background:linear-gradient(150deg,var(--blue) 0%,var(--blue-mid) 60%,var(--sky) 100%);
      color:#fff;border-radius:var(--radius);box-shadow:0 8px 28px rgba(26,86,168,.35);
      display:flex;flex-direction:column;justify-content:space-between}
    .exec-status-card .es-label{font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;opacity:.7;margin-bottom:5px}
    .exec-status-card .es-title{font-family:var(--font-head);font-size:1.4rem;font-weight:600;line-height:1.2;margin-bottom:13px}
    .exec-status-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:var(--radius-sm);
      font-weight:700;font-size:.85rem;background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.24);color:#fff;margin-bottom:16px}
    .exec-status-badge::before{content:'●';font-size:.52em}
    .exec-period-info{font-size:.79rem;opacity:.65}
    .exec-kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
    .exec-kpi{padding:18px 16px 16px;border-radius:24px;background:var(--card);border:1.5px solid var(--line-soft);
      box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:8px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}
    .exec-kpi::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#2b6b60 0%,#1c6084 100%)}
    .exec-kpi:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#cfe0d9}
    .exec-kpi-label{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}
    .exec-kpi-value{font-family:var(--font-mono);font-size:1.42rem;font-weight:500;color:var(--text);line-height:1;letter-spacing:-.02em}
    .exec-kpi-bar{height:5px;border-radius:99px;background:var(--line-soft);overflow:hidden;margin-top:4px}
    .exec-kpi-bar span{display:block;height:100%;border-radius:99px;
      background:linear-gradient(90deg,var(--sky),var(--blue-mid));transition:width .7s cubic-bezier(.4,0,.2,1)}
    .exec-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:16px}
    .exec-strip-card{padding:14px 16px;border-radius:var(--radius-sm);background:var(--card);
      border:1.5px solid var(--line-soft);box-shadow:var(--shadow-sm)}
    .exec-strip-card small{display:block;font-size:.66rem;font-weight:700;text-transform:uppercase;
      letter-spacing:.08em;color:var(--muted);margin-bottom:4px}
    .exec-strip-card strong{font-family:var(--font-mono);font-size:1.08rem;color:var(--text)}
    .exec-row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}

    
    .modal-overlay{position:fixed;inset:0;z-index:1000;background:rgba(8,18,40,.55);backdrop-filter:blur(4px);
      display:flex;align-items:center;justify-content:center;padding:20px;
      opacity:0;pointer-events:none;transition:opacity .22s}
    .modal-overlay.open{opacity:1;pointer-events:auto}
    .modal-box{background:var(--card);border-radius:var(--radius);box-shadow:0 24px 80px rgba(8,18,40,.28);
      width:100%;max-width:860px;max-height:90vh;display:flex;flex-direction:column;
      transform:translateY(18px) scale(.97);transition:transform .22s cubic-bezier(.4,0,.2,1);
      border:1.5px solid var(--line-soft)}
    .modal-overlay.open .modal-box{transform:none}
    .modal-head{display:flex;justify-content:space-between;align-items:center;
      padding:20px 26px 16px;border-bottom:1.5px solid var(--line-soft)}
    .modal-head h2{font-family:var(--font-head);font-size:1.18rem;font-weight:600;color:var(--text)}
    .modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;
      border:none;background:var(--surface);color:var(--muted);font-size:1.1rem;cursor:pointer;transition:background .14s,color .14s}
    .modal-close:hover{background:var(--red-soft);color:var(--red)}
    .modal-body{overflow-y:auto;padding:24px 26px;flex:1}
    .interp-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
    .interp-block{display:flex;gap:12px;padding:14px 15px;border-radius:var(--radius-sm);border-left:4px solid;background:var(--surface)}
    .interp-icon{font-size:1.4rem;flex-shrink:0;line-height:1}
    .interp-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}
    .interp-body{font-size:.82rem;color:var(--muted);line-height:1.6}
    .interp-body strong{color:var(--text-2)}
    article[style*="cursor:pointer"]{position:relative}
    article[style*="cursor:pointer"]::after{content:'Ver análisis detallado';position:absolute;bottom:10px;right:14px;
      font-size:.72rem;font-weight:700;color:var(--blue-mid);opacity:0;transition:opacity .18s;pointer-events:none;letter-spacing:.02em}
    article[style*="cursor:pointer"]:hover::after{opacity:1}



    
    :root{
      --bg:#edf8f7;
      --surface:#f5fbfb;
      --card:#ffffff;
      --text:#17323a;
      --text-2:#2f5961;
      --muted:#6f8c94;
      --line:#cfe3e5;
      --line-soft:#dfedf0;
      --blue:#1f6f8d;
      --blue-mid:#2b87a6;
      --blue-light:#5bb9c6;
      --blue-soft:#caeaf0;
      --blue-pale:#edf8fb;
      --sky:#53bcc1;
      --sky-soft:#d6f1f1;
      --sky-pale:#effafb;
      --green:#187a5a;
      --green-mid:#24916d;
      --green-soft:#caeedf;
      --green-pale:#eefaf5;
      --gold:#8b6a17;
      --gold-soft:#faf0c8;
      --red:#a23234;
      --red-soft:#f8e3e1;
      --shadow-sm:0 1px 4px rgba(23,50,58,.05),0 8px 26px rgba(23,50,58,.05);
      --shadow:0 4px 18px rgba(23,50,58,.08),0 14px 34px rgba(23,50,58,.07);
      --shadow-lg:0 14px 48px rgba(23,50,58,.16),0 3px 10px rgba(23,50,58,.07);
    }
    body{
      background:linear-gradient(160deg,#dff1f2 0%,#edf8f7 36%,#e8f4f4 68%,#fbfdfc 100%) fixed;
    }
    body::before{
      background:
        radial-gradient(ellipse 86% 64% at 0% -5%, rgba(31,111,141,.18) 0%, transparent 52%),
        radial-gradient(ellipse 70% 58% at 100% 108%, rgba(91,185,198,.14) 0%, transparent 52%),
        radial-gradient(ellipse 44% 34% at 78% 10%, rgba(36,145,109,.08) 0%, transparent 50%);
    }
    body::after{
      background-image:radial-gradient(circle 1px at 1px 1px,rgba(31,111,141,.05) 1px,transparent 0);
    }
    .topbar{
      background:rgba(237,248,247,.92);
      border-bottom:1px solid var(--line-soft);
      box-shadow:0 10px 30px rgba(23,50,58,.04);
    }
    .back:hover{background:var(--blue-pale);border-color:var(--blue-soft);color:var(--blue)}
    .view-btn:hover{color:var(--blue-mid);background:rgba(43,135,166,.09)}
    .view-btn.active{background:linear-gradient(135deg,var(--green),var(--blue-mid));box-shadow:0 2px 10px rgba(31,111,141,.28)}
    .card:hover{transform:translateY(-4px);box-shadow:0 18px 52px rgba(23,50,58,.12),0 4px 14px rgba(23,50,58,.07);border-color:var(--blue-soft)}

    .hero{grid-template-columns:1.75fr 1fr;gap:18px;margin-bottom:22px}
    .hero-main{
      padding:36px 38px 34px;
      background:linear-gradient(135deg,#ffffff 0%,#eef8f3 40%,#dff2f7 100%);
      box-shadow:0 18px 54px rgba(23,50,58,.08);
    }
    .hero-main::before{
      width:360px;height:360px;right:-90px;top:-120px;
      background:radial-gradient(circle,rgba(83,188,193,.18) 0%,rgba(31,111,141,.08) 46%,transparent 72%);
    }
    .hero-main::after{
      content:'';position:absolute;inset:auto auto -120px -120px;width:280px;height:280px;border-radius:50%;
      background:radial-gradient(circle,rgba(24,122,90,.10) 0%,transparent 72%);pointer-events:none;
    }
    .hero-shell{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(220px,.72fr);gap:20px;align-items:start;position:relative;z-index:1}
    .hero-copy{min-width:0}
    .hero-main h1{font-size:clamp(2rem,3vw,2.9rem)}
    .hero-lead{font-size:.97rem;color:var(--text-2);line-height:1.78;max-width:60ch}
    .hero-tag-row{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 20px}
    .hero-tag{
      display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;
      background:rgba(255,255,255,.78);border:1px solid var(--line-soft);color:var(--text-2);
      font-size:.79rem;font-weight:700;box-shadow:var(--shadow-sm)
    }
    .hero-tag::before{content:'';width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--blue-mid));display:inline-block}
    .hero-brand{
      padding:16px 16px 18px;border-radius:var(--radius);
      background:rgba(255,255,255,.72);border:1.5px solid var(--line-soft);box-shadow:var(--shadow-sm);
      backdrop-filter:blur(6px)
    }
    .hero-logo{display:block;width:100%;max-width:220px;height:auto;margin:0 auto 12px;filter:drop-shadow(0 8px 22px rgba(23,50,58,.08))}
    .hero-brand-note{font-size:.83rem;line-height:1.68;color:var(--text-2);text-align:center}
    .hero-brand-note strong{color:var(--blue)}
    .hero-side{background:linear-gradient(180deg,#f1fbf7 0%,#dff2f6 100%)}
    .status-badge{font-size:.84rem}
    .mini-item strong{color:var(--blue)}

    .intro-grid{grid-template-columns:1.35fr 1fr;gap:18px;margin-bottom:22px;align-items:start}
    .intro-stack{display:grid;gap:16px}
    .section-kicker{
      display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;
      font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-mid)
    }
    .section-kicker::before{
      content:'';display:block;width:18px;height:2px;border-radius:2px;
      background:linear-gradient(90deg,var(--green),var(--blue-mid))
    }
    .intro-story{background:linear-gradient(180deg,#ffffff 0%,#fbfefe 100%)}
    .intro-story h3,.intro-focus h3,.annual-panel h3{font-family:var(--font-head);font-size:1.28rem;line-height:1.2;color:var(--text);margin-bottom:12px;letter-spacing:-.01em}
    .intro-story p{margin:0 0 14px;color:var(--text-2);line-height:1.82;font-size:.80rem;text-align:justify;hyphens:auto}
    .intro-story p:last-child{margin-bottom:0}
    .impact-ribbon{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 18px}
    .impact-ribbon span{
      display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;
      background:linear-gradient(135deg,var(--blue-pale),#ffffff);border:1px solid var(--line-soft);
      color:var(--blue);font-size:.79rem;font-weight:700
    }
    .intro-focus{background:linear-gradient(180deg,#ffffff 0%,#f8fcfc 100%)}
    .objective-list{display:grid;gap:10px}
    .objective-item{
      display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;
      padding:12px 14px;border-radius:var(--radius-sm);background:var(--surface);border:1.5px solid var(--line-soft)
    }
    .objective-n{
      width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;
      background:linear-gradient(135deg,var(--green),var(--blue-mid));color:#fff;font-size:.78rem;font-weight:800;
      box-shadow:0 6px 16px rgba(31,111,141,.22)
    }
    .objective-item strong{display:block;color:var(--text);font-size:.9rem;margin-bottom:2px}
    .objective-item span{display:block;color:var(--muted);font-size:.82rem;line-height:1.6}
    .support-strip{
      margin-top:14px;padding:14px 15px;border-radius:var(--radius-sm);
      background:linear-gradient(135deg,var(--blue-pale),#ffffff);border:1.5px solid var(--line-soft)
    }
    .support-strip small{display:block;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px}
    .support-strip p{color:var(--text-2);font-size:.85rem;line-height:1.65}
    .annual-panel{background:linear-gradient(180deg,#ffffff 0%,#f9fcfd 100%)}
    .annual-panel .sub{margin-bottom:14px}
    .goal-note{margin-top:14px;font-size:.8rem;color:var(--text-2);line-height:1.68;padding-top:13px;border-top:1px dashed var(--line)}

    .filter select:focus{border-color:var(--blue-mid);box-shadow:0 0 0 3px rgba(43,135,166,.12)}
    .pill{color:var(--blue);background:var(--blue-pale);border-color:var(--blue-soft)}
    .section-divider{color:var(--blue)}
    .kpi:hover{border-top-color:var(--green)}
    .progress>span,.exec-kpi-bar span{background:linear-gradient(90deg,var(--green),var(--blue-mid))}
    .interp{background:linear-gradient(135deg,var(--blue-pale),#ffffff);border-left-color:var(--blue)}
    tr:hover td{background:rgba(237,248,251,.85)}
    .diagnostic{border-left-color:var(--green);background:linear-gradient(to right,var(--blue-pale) 0%,var(--card) 58%)}
    .diagnostic strong{color:var(--blue)}




    
    .estado-global{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:999px;font-size:.78rem;font-weight:700;white-space:nowrap;border:1.5px solid transparent;transition:all .3s ease}
    .estado-global .dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;animation:pulse-dot 2.5s ease-in-out infinite}
    @keyframes pulse-dot{0%,100%{opacity:1}50%{opacity:.42}}
    .estado-global.green{background:var(--green-pale);color:var(--green);border-color:rgba(24,122,90,.2)}
    .estado-global.green .dot{background:var(--green)}
    .estado-global.yellow{background:var(--gold-soft);color:var(--gold);border-color:rgba(139,106,23,.22)}
    .estado-global.yellow .dot{background:var(--gold)}
    .estado-global.red{background:var(--red-soft);color:var(--red);border-color:rgba(162,50,52,.2)}
    .estado-global.red .dot{background:var(--red)}
    .estado-global.sin-actividad{background:var(--surface);color:var(--muted);border-color:var(--line)}
    .estado-global.sin-actividad .dot{background:var(--muted)}


    .hero-story-mode{grid-template-columns:minmax(0,1.9fr) 320px;align-items:stretch}
    .hero-main-story{background:linear-gradient(135deg,#ffffff 0%,#f3fbf8 42%,#e3f3f7 100%)}
    .hero-story-copy{position:relative;z-index:1;max-width:none}
    .hero-narrative{margin-top:16px;color:#244d59;max-width:1000px}
    .hero-narrative p{font-size:.86rem;line-height:1.82;margin:0 0 12px;text-align:justify;hyphens:auto;color:#244d59}
    .hero-narrative p strong{color:#1f6f8d}
    .hero-story-mode .hero-grid{margin-top:18px}
    .exec-row-single{grid-template-columns:1fr!important}
    .territory-single{grid-template-columns:1fr!important}

    
    body.presentation-open .wrap{filter:blur(10px) saturate(.82);transform:scale(.992);pointer-events:none;user-select:none;transition:filter .35s ease,transform .35s ease}
    .presentation-overlay{
      position:fixed;inset:0;z-index:2600;
      display:flex;flex-direction:column;
      background:linear-gradient(160deg,rgba(10,22,42,.96) 0%,rgba(18,36,60,.97) 50%,rgba(8,24,40,.95) 100%);
      backdrop-filter:blur(24px) saturate(.7);-webkit-backdrop-filter:blur(24px) saturate(.7);
      opacity:0;pointer-events:none;transition:opacity .3s ease;
      padding:0;overflow:hidden;
    }
    .presentation-overlay.open{opacity:1;pointer-events:auto}

    
    .presentation-chrome{
      display:flex;align-items:center;justify-content:space-between;gap:12px;
      padding:12px 28px;
      background:rgba(255,255,255,.04);
      border-bottom:1px solid rgba(255,255,255,.1);
      flex-shrink:0;
    }
    .presentation-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
    .presentation-meta span{
      display:inline-flex;align-items:center;gap:6px;padding:6px 13px;
      border-radius:999px;background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.12);
      font-size:.78rem;font-weight:700;color:rgba(255,255,255,.85);letter-spacing:.02em
    }
    .presentation-actions{display:flex;align-items:center;gap:7px}
    .presentation-btn{
      display:inline-flex;align-items:center;justify-content:center;gap:6px;
      border:none;border-radius:999px;padding:9px 18px;
      background:rgba(255,255,255,.1);color:#fff;
      font-family:var(--font-body);font-size:.82rem;font-weight:700;cursor:pointer;
      transition:transform .2s ease,background .2s ease;
      border:1px solid rgba(255,255,255,.14)
    }
    .presentation-btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.18)}
    .presentation-btn.primary{background:linear-gradient(135deg,var(--green-mid),var(--green));border-color:transparent;box-shadow:0 4px 18px rgba(36,145,109,.35)}
    .presentation-btn.primary:hover{background:linear-gradient(135deg,var(--green),var(--green-mid))}

    
    .presentation-stage-wrap{
      flex:1;min-height:0;display:flex;flex-direction:column;padding:20px 32px 0;overflow:hidden;
    }
    .presentation-stage{
      flex:1;min-height:0;overflow:hidden;
      border-radius:24px 24px 0 0;
      box-shadow:0 -8px 60px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.08);
    }
    .presentation-track{display:flex;height:100%;transition:transform .48s cubic-bezier(.22,.61,.36,1)}
    .presentation-slide{
      flex:0 0 100%;height:100%;
      background:linear-gradient(148deg,#f5fafd 0%,#ebf5fc 40%,#dfedf8 100%);
      color:var(--text);padding:36px 46px 30px;position:relative;overflow:hidden;
    }
    .presentation-slide::before{
      content:'';position:absolute;inset:auto -8% -22% auto;
      width:380px;height:380px;border-radius:50%;
      background:radial-gradient(circle,rgba(83,188,193,.18),transparent 68%);pointer-events:none
    }
    .presentation-slide::after{
      content:'';position:absolute;left:-120px;top:-100px;
      width:320px;height:320px;border-radius:50%;
      background:radial-gradient(circle,rgba(43,135,166,.09),transparent 70%);pointer-events:none
    }
    .presentation-slide-inner{
      position:relative;z-index:1;height:100%;
      display:flex;flex-direction:column;gap:20px;
    }

    .presentation-kicker{
      display:inline-flex;align-items:center;gap:9px;padding:7px 14px;
      border-radius:999px;background:rgba(255,255,255,.75);border:1px solid var(--line-soft);
      font-size:.71rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--blue-mid);
      width:fit-content;flex-shrink:0;
    }
    .presentation-kicker::before{content:'';width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,var(--green-mid),var(--sky))}

    .presentation-title-row{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;flex-shrink:0}
    .presentation-title-row h2{
      font-family:var(--font-head);font-size:clamp(1.8rem,3.2vw,2.8rem);
      line-height:1.04;letter-spacing:-.03em;margin:0 0 8px;max-width:680px
    }
    .presentation-title-row p{font-size:.97rem;line-height:1.72;color:var(--text-2);max-width:680px}
    .presentation-brand-badge{display:grid;justify-items:end;gap:10px;text-align:right;flex-shrink:0}
    .presentation-brand-badge img{width:150px;max-width:100%;filter:drop-shadow(0 8px 18px rgba(10,35,80,.12))}
    .presentation-brand-badge small{font-size:.78rem;color:var(--muted);max-width:200px;line-height:1.6}

    
    .presentation-summary-grid,.presentation-metric-grid,.presentation-goal-grid{display:grid;gap:14px}
    .presentation-summary-grid{grid-template-columns:repeat(4,1fr)}
    .presentation-metric-grid{grid-template-columns:repeat(4,1fr)}
    .presentation-goal-grid{grid-template-columns:repeat(3,1fr)}

    .presentation-kpi-pairs{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;flex:1;min-height:0}
    .presentation-kpi-pair-card{
      background:rgba(255,255,255,.86);border:1.5px solid rgba(200,220,240,.9);
      border-radius:22px;padding:20px 22px;box-shadow:0 8px 28px rgba(23,50,58,.1);
      display:flex;flex-direction:column;gap:8px;overflow:hidden;
    }
    .presentation-kpi-pair-card .pkpi-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
    .presentation-kpi-pair-card .pkpi-label{font-size:.69rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
    .presentation-kpi-pair-card .pkpi-value{font-family:var(--font-mono);font-size:2rem;font-weight:500;color:var(--text);line-height:1;letter-spacing:-.02em}
    .presentation-kpi-pair-card .pkpi-meta{font-size:.82rem;color:var(--muted);line-height:1.5}
    .presentation-kpi-pair-card .pkpi-bar-wrap{height:6px;border-radius:999px;background:var(--line-soft);overflow:hidden;margin-top:4px}
    .presentation-kpi-pair-card .pkpi-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--sky),var(--blue-mid));transition:width .8s cubic-bezier(.4,0,.2,1)}
    .presentation-kpi-pair-card .pkpi-bar.green{background:linear-gradient(90deg,var(--green-mid),var(--green))}
    .presentation-kpi-pair-card .pkpi-bar.yellow{background:linear-gradient(90deg,#d4a017,var(--gold))}
    .presentation-kpi-pair-card .pkpi-bar.red{background:linear-gradient(90deg,#e87070,var(--red))}
    .presentation-kpi-pair-card .pkpi-mini-chart{flex:1;min-height:0;margin-top:8px}

    .presentation-card{
      background:rgba(255,255,255,.82);border:1.5px solid rgba(200,220,240,.9);
      border-radius:22px;padding:18px 20px 16px;box-shadow:0 8px 28px rgba(23,50,58,.09)
    }
    .presentation-card small{display:block;font-size:.69rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
    .presentation-card strong{display:block;font-size:1.55rem;line-height:1.05;font-family:var(--font-mono);font-weight:500;color:var(--text)}
    .presentation-card p{margin-top:8px;color:var(--text-2);font-size:.83rem;line-height:1.58}
    .presentation-chip{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:6px 11px;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
    .presentation-chip.green{background:var(--green-soft);color:var(--green)}
    .presentation-chip.yellow{background:var(--gold-soft);color:var(--gold)}
    .presentation-chip.red{background:var(--red-soft);color:var(--red)}
    .presentation-chip.muted{background:var(--surface);color:var(--muted)}

    .presentation-highlight-strip{display:flex;gap:10px;flex-wrap:wrap;flex-shrink:0}
    .presentation-highlight-strip span{
      display:inline-flex;align-items:center;gap:8px;padding:9px 15px;
      border-radius:999px;background:rgba(255,255,255,.68);border:1px solid var(--line-soft);
      font-size:.81rem;font-weight:700;color:var(--text-2)
    }
    .presentation-columns{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;flex:1;min-height:0}
    .presentation-visual-card,.presentation-list-card{
      background:rgba(255,255,255,.84);border:1.5px solid rgba(200,220,240,.9);
      border-radius:22px;padding:18px 22px;box-shadow:0 8px 28px rgba(23,50,58,.09);
      display:flex;flex-direction:column;overflow:hidden;
    }
    .presentation-visual-card h3,.presentation-list-card h3{font-family:var(--font-head);font-size:1.18rem;margin-bottom:4px}
    .presentation-visual-card p,.presentation-list-card p{color:var(--muted);font-size:.82rem;line-height:1.55;margin-bottom:10px}
    .presentation-visual{flex:1;min-height:0;background:linear-gradient(180deg,rgba(244,250,254,.9),rgba(255,255,255,.9));border-radius:16px;border:1px solid var(--line-soft);padding:10px;overflow:hidden}
    .presentation-list{display:grid;gap:9px;overflow:auto;flex:1}
    .presentation-list-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 12px;border-radius:14px;background:var(--surface);border:1px solid var(--line-soft)}
    .presentation-rank{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--blue-soft);color:var(--blue);font-weight:800;font-size:.84rem;flex-shrink:0}
    .presentation-list-item strong{display:block;font-size:.9rem;color:var(--text)}
    .presentation-list-item span{display:block;font-size:.76rem;color:var(--muted);margin-top:1px}
    .presentation-list-item em{font-style:normal;font-family:var(--font-mono);font-size:.82rem;color:var(--blue-mid);font-weight:700}
    .presentation-message-box{padding:14px 18px;border-radius:18px;font-size:.88rem;line-height:1.65;background:var(--green-pale);color:var(--green);border:1px solid rgba(24,122,90,.14)}
    .presentation-note{padding:20px 22px;border-radius:22px;background:rgba(255,255,255,.84);border:1.5px solid rgba(200,220,240,.9);box-shadow:0 8px 28px rgba(23,50,58,.09);display:flex;flex-direction:column;gap:10px}
    .presentation-note h3{font-family:var(--font-head);font-size:1.2rem;margin-bottom:2px}
    .presentation-note p{font-size:.93rem;line-height:1.78;color:var(--text-2)}

    
    .presentation-footer-bar{
      display:flex;align-items:center;justify-content:space-between;gap:12px;
      padding:12px 32px 16px;flex-shrink:0;
    }
    .presentation-dots{display:flex;gap:7px;align-items:center}
    .presentation-dot{width:9px;height:9px;border-radius:50%;border:none;background:rgba(255,255,255,.28);cursor:pointer;transition:transform .2s ease,background .2s ease}
    .presentation-dot.active{background:#fff;transform:scale(1.2)}
    .presentation-counter{font-family:var(--font-mono);font-size:.82rem;background:rgba(255,255,255,.1);padding:6px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.8)}
    @media(max-width:1100px){.hero,.intro-grid,.grid-2,.grid-2-equal,.toolbar,.exec-hero-row,.exec-kpi-grid,.presentation-columns{grid-template-columns:1fr}.hero-shell{grid-template-columns:1fr}.intro-stack{grid-template-columns:1fr}.exec-kpi-grid{grid-template-columns:repeat(2,1fr)}.exec-strip,.exec-row-2,.presentation-summary-grid,.presentation-metric-grid,.presentation-goal-grid{grid-template-columns:repeat(2,1fr)}.exec-toolbar{grid-template-columns:1fr 1fr}.kpis{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:1fr 1fr}.presentation-title-row{grid-template-columns:1fr;display:grid}.presentation-brand-badge{justify-items:start;text-align:left}}
    @media(max-width:640px){.kpis,.exec-kpi-grid,.exec-strip,.exec-row-2{grid-template-columns:1fr}.hero-grid{grid-template-columns:1fr}.hero-main{padding:22px 18px}.hero-main h1{font-size:1.8rem}.hero-tag-row{margin:14px 0 16px}.hero-brand{padding:14px}.intro-story h3,.intro-focus h3,.annual-panel h3{font-size:1.14rem}}
    @media(max-width:700px){.modal-box{max-width:100%;max-height:100vh;border-radius:0}.interp-grid{grid-template-columns:1fr}.presentation-meta span{font-size:.78rem;padding:8px 12px}.presentation-btn{padding:9px 13px}}
  

    
    body{
      background:
        radial-gradient(circle at 0% 0%, rgba(76,165,191,.12) 0%, transparent 28%),
        radial-gradient(circle at 100% 100%, rgba(46,106,87,.08) 0%, transparent 24%),
        linear-gradient(180deg,#f7faf7 0%,#f3f7f3 100%) fixed;
      color:#17314f;
    }
    body::before{
      background:
        radial-gradient(ellipse 60% 45% at 10% 20%, rgba(28,96,132,.08) 0%, transparent 60%),
        radial-gradient(ellipse 55% 40% at 80% 10%, rgba(76,165,191,.08) 0%, transparent 60%),
        radial-gradient(ellipse 70% 50% at 50% 100%, rgba(46,106,87,.06) 0%, transparent 60%);
    }
    body::after{display:none}
    .wrap{
      width:min(1700px, calc(100vw - 24px));
      max-width:none;
      padding:26px 0 44px;
    }
    .header{
      position:sticky;top:0;z-index:400;min-height:82px;display:flex;align-items:center;gap:18px;
      padding:12px 28px;border-bottom:1px solid rgba(255,255,255,.10);
      background:linear-gradient(135deg, rgba(18,62,104,.96) 0%, rgba(23,84,129,.95) 48%, rgba(31,116,145,.93) 100%);
      backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);
      box-shadow:0 16px 40px rgba(13,39,67,.18);
      animation:fadeDown .45s ease both;
    }
    .header-brand{display:flex;align-items:center;gap:14px;text-decoration:none;min-width:0}
    .brand-mark{
      width:42px;height:42px;border-radius:14px;position:relative;flex-shrink:0;
      background:
        radial-gradient(circle at 30% 28%, rgba(76,165,191,.96) 0 18%, transparent 20%),
        linear-gradient(160deg, #163a5f 0%, #1c6084 60%, #2e6a57 100%);
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.15),0 8px 18px rgba(22,58,95,.18);
    }
    .brand-mark::before,.brand-mark::after{content:'';position:absolute;left:8px;right:8px;border-radius:999px;background:rgba(255,255,255,.88)}
    .brand-mark::before{bottom:12px;height:4px;transform:rotate(-4deg)}
    .brand-mark::after{bottom:7px;height:3px;opacity:.85;transform:rotate(3deg)}
    .brand-text{display:grid;gap:1px;min-width:0}
    .brand-kicker{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.74);font-weight:800;line-height:1.1}
    .brand-title{font-size:1rem;font-weight:700;color:#fff;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .header-logo-img{height:42px;width:auto;display:block;flex-shrink:0;border-radius:9px;background:rgba(255,255,255,.92);padding:4px 6px;box-shadow:0 2px 8px rgba(0,0,0,.18)}
    .nav-tabs{
      margin-left:auto;display:flex;gap:6px;padding:5px;border-radius:999px;background:rgba(255,255,255,.12);
      border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);overflow-x:auto;
    }
    .nav-tab{
      display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
      border-radius:999px;padding:10px 16px;border:none;font:700 .79rem/1 var(--font-body);
      color:rgba(255,255,255,.78);background:transparent;white-space:nowrap;transition:all .2s ease;
    }
    .nav-tab:hover{background:rgba(255,255,255,.10);color:#fff}
    .nav-tab.active{background:rgba(255,255,255,.92);color:#163a5f;box-shadow:0 8px 18px rgba(6,24,42,.20)}

    .program-shell{display:grid;grid-template-columns:238px minmax(0,1fr);gap:28px;align-items:start}
    .program-main{min-width:0;display:grid;gap:24px}
    .control-rail{
      position:sticky;top:98px;display:grid;gap:16px;align-self:start;
      max-height:calc(100vh - 114px);overflow:auto;padding:18px 16px;
      background:linear-gradient(180deg,rgba(255,255,255,.94) 0%,rgba(247,250,248,.98) 100%);
      border:1px solid #dfe9e5;border-radius:30px;
      box-shadow:0 18px 42px rgba(18,42,66,.08),0 4px 14px rgba(18,42,66,.05);
      scrollbar-width:thin;scrollbar-color:#c2d8d1 transparent;
    }
    .control-rail::-webkit-scrollbar{width:8px}
    .control-rail::-webkit-scrollbar-thumb{background:#c2d8d1;border-radius:999px}
    .rail-panel{
      background:transparent;border:none;border-radius:0;padding:0 0 16px;box-shadow:none;backdrop-filter:none;
      border-bottom:1px solid #dfe9e5;
    }
    .rail-panel:last-child{padding-bottom:0;border-bottom:none}
    .rail-title{font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#6b7f90;margin-bottom:10px}
    .rail-copy{font-size:.88rem;line-height:1.68;color:#36516a;margin-bottom:6px;text-wrap:pretty}
    .rail-stack{display:grid;gap:10px}
    .back,.rail-link,.view-btn{
      width:100%;justify-content:flex-start;text-decoration:none;padding:11px 13px;border-radius:16px;
      border:1px solid #d9e6e1;background:linear-gradient(180deg,#ffffff 0%,#f8fbf9 100%);
      box-shadow:none;color:#17314f;font-weight:700;font-size:.84rem;
    }
    .back:hover,.rail-link:hover,.view-btn:hover{transform:none;background:#f2f7f5;color:#17314f;border-color:#c9dad4}
    .back-arrow{background:#d9ecf1;color:#163a5f}
    .view-switcher{display:grid;gap:8px;background:transparent;border:none;padding:0;border-radius:0}
    .view-btn.active{background:linear-gradient(135deg,#18466e 0%,#2a7b93 100%);color:#fff;border-color:transparent;box-shadow:0 12px 24px rgba(20,66,108,.16)}
    .present-btn{background:linear-gradient(135deg,#2e6a57 0%,#1f7b62 100%);color:#fff;border-color:transparent;box-shadow:0 12px 24px rgba(46,106,87,.16)}
    .present-btn:hover{color:#fff;background:linear-gradient(135deg,#265a4b 0%,#1d6c57 100%)}
    .month-pills{display:grid;gap:8px;align-items:stretch;background:transparent;border:none;border-radius:0;padding:0;box-shadow:none}
    .month-pill{
      width:100%;text-align:left;padding:11px 14px;border-radius:16px;border:1px solid #d9e6e1;
      background:linear-gradient(180deg,#ffffff 0%,#f8fbf9 100%);color:#547089;font-size:.82rem;
      transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .25s ease,transform .25s ease;
    }
    .month-pill:hover:not(:disabled){background:#eef5f2;color:#17314f;transform:translateX(2px)}
    .month-pill.active{background:linear-gradient(135deg,#18466e 0%,#2b6b60 100%);color:#fff;border-color:transparent;box-shadow:0 14px 28px rgba(20,66,108,.18)}
    .estado-global{width:100%;justify-content:center;padding:10px 14px;border-radius:16px}

    .card{
      background:linear-gradient(180deg,rgba(255,255,255,.94) 0%, rgba(247,250,248,.96) 100%);
      border:1px solid #dfe9e5;border-radius:30px;box-shadow:0 14px 34px rgba(18,42,66,.08),0 4px 14px rgba(18,42,66,.05);
      transition:border-color .25s ease, box-shadow .25s ease, transform .25s ease;
    }
    .card:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(18,42,66,.10),0 6px 16px rgba(18,42,66,.05);border-color:#cfe0d9}

    .hero{grid-template-columns:minmax(0,1.55fr) minmax(280px,.88fr);gap:18px;margin-bottom:22px}
    .hero-main{
      padding:30px 32px 28px;
      background:linear-gradient(135deg,#173b61 0%,#1e5677 52%,#5caebe 100%);
      border:none;color:rgba(255,255,255,.92);overflow:hidden;position:relative;
    }
    .hero-main::before{content:'';position:absolute;inset:auto -10% -18% auto;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18) 0%,transparent 68%);filter:blur(2px)}
    .hero-eyebrow,.section-kicker{color:rgba(255,255,255,.72)}
    .hero-main h1{font-family:var(--font-body);font-size:clamp(2.25rem, 4vw, 4.1rem);font-weight:800;line-height:.97;letter-spacing:-.05em;color:#fff;background:none;-webkit-text-fill-color:unset;margin-bottom:14px}
    .hero-main p,.hero-main .hero-lead,.hero-brand-note{color:rgba(255,255,255,.88)}
    .hero-tag{background:rgba(255,255,255,.10);color:#fff;border:1px solid rgba(255,255,255,.16)}
    .hero-tag::before{background:rgba(255,255,255,.75)}
    .hero-grid{gap:12px}
    .hero-stat{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px)}
    .hero-stat:hover{background:rgba(255,255,255,.16)}
    .hero-stat small{color:rgba(255,255,255,.62)}
    .hero-stat strong{color:#fff}
    .hero-brand{background:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.08) 100%);border:1px solid rgba(255,255,255,.16)}
    .hero-logo{max-width:250px;filter:drop-shadow(0 18px 35px rgba(6,24,42,.22))}
    .hero-side{padding:24px 20px;background:linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(243,247,245,.98) 100%)}
    .hero-side-label{color:#6b7f90}
    .status-badge{font-size:.9rem}

    .intro-grid,.grid-2,.grid-2-equal{gap:18px}
    .panel{padding:24px 24px 22px}
    .panel h3,.section-head h2{font-family:var(--font-body);font-weight:800;letter-spacing:-.03em;color:#17314f}
    .panel h3{font-size:1.35rem}
    .section-head h2{font-size:1.4rem}
    .section-kicker{display:inline-flex;align-items:center;gap:8px;padding:0;margin-bottom:10px;font-size:.76rem;letter-spacing:.12em;color:#2e6a57;text-transform:uppercase;font-weight:800}
    .section-kicker::before{content:'';display:block;width:16px;height:2px;background:linear-gradient(90deg,#2e6a57,#4ca5bf);border-radius:999px}
    .intro-copy p,.intro-story p,.goal-note,.interp,.panel p.sub,.mini-item .muted,.kpi-meta,.legend,.section-head p{color:#4c6478}
    .toolbar{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px;align-items:stretch}
    .filter{padding:16px 18px;min-height:110px;display:flex;flex-direction:column;justify-content:center}
    .filter label{font-size:.72rem;letter-spacing:.11em;color:#6b7f90}
    .filter select,.filter .pill{border-radius:14px;background:#f7faf8;border:1px solid #d8e6e0}
    .pill{font-family:var(--font-body);font-weight:700;color:#1c6084;background:#edf5f3}

    .kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
    .kpi{
      position:relative;overflow:hidden;isolation:isolate;min-height:220px;
      padding:20px 20px 18px 22px;border-top:none;border-left:4px solid transparent;
      background:linear-gradient(180deg,#ffffff 0%,#fbfdfc 100%);
      display:grid;grid-template-rows:auto auto 1fr auto;gap:12px;
      opacity:0;transform:translateY(16px);animation:kpiReveal .58s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:var(--delay,0ms);
    }
    .kpi::before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#2b6b60 0%,#1c6084 100%);opacity:.95}
    .kpi::after{content:'';position:absolute;right:-36px;top:-40px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(28,96,132,.11) 0%,transparent 72%);opacity:0;transform:scale(.92);transition:opacity .22s ease,transform .22s ease;z-index:0}
    .kpi >*{position:relative;z-index:1}
    .kpi:hover::after{opacity:1;transform:scale(1)}
    .kpi:hover{border-left-color:#1c6084}
    .kpi-top{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start;margin:0}
    .kpi-label{font-size:.72rem;letter-spacing:.12em;color:#6b7f90;line-height:1.45}
    .kpi-value{font-size:clamp(1.9rem,2.2vw,2.55rem);color:#17314f;letter-spacing:-.05em;line-height:.98}
    .kpi-meta{font-size:.84rem;line-height:1.62;color:#4c6478}
    .kpi-meta strong{color:#17314f}
    .kpi-readings{display:grid;gap:6px;align-content:start}
    .kpi-state{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
    .kpi-state::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.42}
    .kpi-state.green{background:var(--green-soft);color:var(--green)}
    .kpi-state.yellow{background:var(--gold-soft);color:var(--gold)}
    .kpi-state.red{background:var(--red-soft);color:var(--red)}
    .kpi-state.muted{background:#edf5f3;color:#6b7f90}
    .kpi-state.blue{background:#d9ecf1;color:#1c6084}
    .chip.blue{background:#d9ecf1;color:#1c6084}
    .progress{height:8px;background:#dde8e4;position:relative;margin-top:auto}
    .progress::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.72) 50%,transparent 100%);transform:translateX(-130%);animation:trackSweep 1.3s ease .5s 1 forwards}
    .progress>span{width:0;background:linear-gradient(90deg,#4ca5bf 0%,#1c6084 55%,#2e6a57 100%);box-shadow:0 0 0 1px rgba(255,255,255,.16) inset;transition:width .9s cubic-bezier(.22,1,.36,1)}
    @keyframes kpiReveal{to{opacity:1;transform:none}}
    @keyframes trackSweep{to{transform:translateX(120%)}}

    .chart-wrap,.viz-wrap,.diagnostic,.zone-card,.goal-card,.mini-item,.objective-item{border-radius:20px}
    .section-divider{margin:30px 0 18px;color:#2e6a57}
    .section-divider::before,.section-divider::after{background:linear-gradient(90deg,transparent,#d5e2dc,transparent)}

    .site-footer{
      margin-top:34px;background:linear-gradient(145deg, #18324c 0%, #1b4f68 62%, #2b6b60 100%);color:rgba(255,255,255,.92);position:relative;overflow:hidden;
    }
    .site-footer::before{
      content:'';position:absolute;inset:auto -10% -120px -10%;height:220px;
      background:radial-gradient(60px 20px at 0 100%, rgba(255,255,255,.12) 50%, transparent 52%) repeat-x;
      background-size:140px 90px;opacity:.55;pointer-events:none;
    }
    .footer-wrap{
      width:min(1700px, calc(100vw - 24px));margin:0 auto;padding:34px 0 30px;
      display:grid;grid-template-columns:1.25fr .85fr .85fr;gap:28px;position:relative;z-index:1;
    }
    .footer-brand{display:grid;gap:12px;max-width:50ch}
    .footer-brandline{display:flex;align-items:center;gap:12px}
    .footer-title{font-size:1.1rem;font-weight:700;line-height:1.2}
    .footer-copy{color:rgba(255,255,255,.8);font-size:.92rem;line-height:1.75}
    .footer-col h3{font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;color:rgba(255,255,255,.76)}
    .footer-links{display:grid;gap:10px}
    .footer-links a{color:#fff;text-decoration:none;font-size:.92rem;font-weight:600;opacity:.92;width:fit-content;display:inline-flex;align-items:center;gap:10px}
    .social-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:rgba(255,255,255,.96);flex-shrink:0}
    .social-icon svg{width:18px;height:18px;display:block}
    .footer-links a:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}

    @media (max-width: 1500px){
      .kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
    }
    @media (max-width: 1180px){
      .program-shell{grid-template-columns:1fr}
      .program-main{gap:20px}
      .control-rail{position:relative;top:auto;max-height:none;overflow:visible;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;padding:18px 18px 16px}
      .control-rail >.rail-panel{padding-bottom:0;border-bottom:none}
      .control-rail >.rail-panel:first-child{grid-column:1 / -1;padding-bottom:10px;border-bottom:1px solid #dfe9e5}
      .month-pills{grid-template-columns:repeat(2,minmax(0,1fr))}
      .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
      .toolbar{grid-template-columns:1fr 1fr}
      .toolbar >.card:last-child{grid-column:1 / -1}
    }
    @media (max-width: 900px){
      .header{padding:12px 16px;gap:12px}
      .nav-tabs{margin-left:0;width:100%}
      .header{flex-wrap:wrap}
      .footer-wrap{grid-template-columns:1fr}
      .control-rail{grid-template-columns:1fr}
      .month-pills{grid-template-columns:1fr}
      .hero{grid-template-columns:1fr}
      .toolbar{grid-template-columns:1fr}
    }
    @media (max-width: 640px){
      .wrap{width:min(100vw - 16px, 1000px)}
      .hero-main{padding:24px 20px 22px}
      .rail-panel,.panel,.filter,.kpi{padding-left:16px;padding-right:16px}
    }

  
    
    .header{
      display:grid;
      grid-template-columns:auto minmax(0,1fr);
      align-items:center;
      gap:24px;
      min-height:88px;
    }
    .brand-mark{display:none !important;}
    .header-stack{
      margin-left:auto;
      display:grid;
      gap:10px;
      min-width:0;
      justify-items:end;
    }
    .header-utility{
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      justify-content:flex-end;
      gap:8px;
      min-width:0;
    }
    .program-shell{display:block;}
    .control-rail{display:none !important;}
    .back,
    .header .view-btn{
      width:auto;
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:10px 14px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.18);
      background:rgba(255,255,255,.12);
      color:rgba(255,255,255,.88);
      box-shadow:none;
    }
    .back:hover,
    .header .view-btn:hover{
      background:rgba(255,255,255,.18);
      color:#fff;
      border-color:rgba(255,255,255,.26);
      transform:translateY(-1px);
    }
    .back-arrow{
      background:rgba(255,255,255,.18);
      color:#fff;
    }
    .view-switcher{
      display:inline-flex;
      flex-wrap:wrap;
      gap:6px;
      background:transparent;
      border:none;
      padding:0;
    }
    .view-btn.active{
      background:rgba(255,255,255,.94);
      color:#17314f;
      border-color:transparent;
      box-shadow:0 12px 24px rgba(20,66,108,.18);
    }
    .present-btn{
      background:linear-gradient(135deg,#2e6a57 0%,#1f7b62 100%);
      color:#fff;
      border-color:transparent;
      box-shadow:0 12px 24px rgba(46,106,87,.16);
    }
    .present-btn:hover{
      color:#fff;
      background:linear-gradient(135deg,#265a4b 0%,#1d6c57 100%);
    }
    .period-rack{
      display:flex;
      align-items:center;
      gap:10px;
      min-width:0;
      flex:1 1 560px;
      justify-content:flex-end;
    }
    .period-rack-label{
      font-size:.68rem;
      font-weight:800;
      letter-spacing:.12em;
      text-transform:uppercase;
      color:rgba(255,255,255,.68);
      white-space:nowrap;
    }
    .month-pills{
      display:flex;
      gap:6px;
      align-items:center;
      background:rgba(255,255,255,.12);
      border:1px solid rgba(255,255,255,.18);
      border-radius:999px;
      padding:5px;
      box-shadow:none;
      overflow:auto;
      max-width:100%;
      scrollbar-width:none;
    }
    .month-pills::-webkit-scrollbar{display:none;}
    .month-pill{
      width:auto;
      min-width:44px;
      text-align:center;
      padding:8px 12px;
      border-radius:999px;
      border:none;
      background:transparent;
      color:rgba(255,255,255,.74);
      font-size:.8rem;
      font-weight:700;
      transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;
    }
    .month-pill:hover:not(:disabled){
      background:rgba(255,255,255,.14);
      color:#fff;
      transform:translateY(-1px);
    }
    .month-pill.active{
      background:rgba(255,255,255,.94);
      color:#163a5f;
      box-shadow:0 10px 18px rgba(6,24,42,.16);
    }
    .month-pill:disabled{
      opacity:.28;
      cursor:default;
    }
    .hero{
      grid-template-columns:minmax(0,1.65fr) minmax(300px,.8fr);
      gap:22px;
    }
    .hero-brand{
      display:grid;
      place-items:center;
      align-content:center;
      gap:14px;
      background:linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(243,247,245,.98) 100%);
      border:1px solid #dfe9e5;
      min-height:100%;
    }
    .hero-logo{
      max-width:290px;
      max-height:210px;
      width:auto;
      height:auto;
      filter:drop-shadow(0 18px 35px rgba(6,24,42,.16));
    }
    .kpis{
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:28px 30px;
      align-items:start;
    }
    .kpi.card{
      position:relative;
      overflow:visible;
      isolation:isolate;
      min-height:245px;
      padding:0 0 18px;
      border:none;
      border-radius:0;
      background:transparent;
      box-shadow:none;
      display:grid;
      grid-template-rows:auto auto 1fr auto;
      gap:16px;
      opacity:0;
      transform:translateY(18px);
      animation:kpiReveal .62s cubic-bezier(.2,.7,.2,1) forwards;
      animation-delay:var(--delay,0ms);
      border-bottom:1px solid #dbe6e1;
    }
    .kpi.card:hover{
      transform:translateY(-1px);
      box-shadow:none;
      border-color:#cfdcd6;
    }
    .kpi::before,
    .kpi::after{
      display:none !important;
    }
    .kpi-top{
      display:block;
      margin:0;
    }
    .kpi-label{
      font-size:1.02rem;
      font-weight:600;
      letter-spacing:-.02em;
      color:#5f6d81;
      line-height:1.32;
      text-transform:none;
      max-width:18ch;
      min-height:3.1em;
    }
    .kpi-state{display:none !important;}
    .kpi-figure{
      display:grid;
      grid-template-columns:26px 1fr;
      gap:18px;
      align-items:end;
      min-height:120px;
    }
    .kpi-pillar{
      position:relative;
      width:22px;
      height:84px;
      display:flex;
      align-items:flex-end;
      justify-content:center;
    }
    .kpi-pillar-track{
      position:absolute;
      left:50%;
      bottom:0;
      transform:translateX(-50%);
      width:10px;
      height:84px;
      border-radius:999px;
      background:var(--tone-soft,#d9ecf1);
    }
    .kpi-pillar-fill{
      position:absolute;
      left:50%;
      bottom:0;
      transform:translateX(-50%);
      width:10px;
      height:0;
      border-radius:999px;
      background:var(--tone,#1c6084);
      transition:height .92s cubic-bezier(.22,1,.36,1);
      box-shadow:0 8px 18px rgba(18,42,66,.12);
    }
    .kpi-reading{
      display:grid;
      gap:5px;
      align-content:end;
    }
    .kpi-value{
      font-family:var(--font-body);
      font-size:clamp(2.15rem,2.6vw,3.4rem);
      font-weight:600;
      letter-spacing:-.055em;
      line-height:.94;
      color:#091729;
      white-space:normal;
    }
    .kpi-achieved{
      font-size:1rem;
      font-weight:700;
      color:#091729;
      line-height:1.2;
    }
    .kpi-reference{
      font-size:.87rem;
      color:#7a8699;
      line-height:1.4;
    }
    .kpi-reference strong{
      font-weight:600;
      color:#5f6d81;
    }
    .kpi-readings{
      display:grid;
      gap:7px;
      align-content:start;
    }
    .kpi-meta{
      font-size:.88rem;
      line-height:1.62;
      color:#4c6478;
    }
    .kpi-meta strong{color:#17314f;}
    .kpi-progress-line{
      height:5px;
      background:#e2ebe7;
      border-radius:999px;
      overflow:hidden;
      margin-top:4px;
    }
    .kpi-progress-line span{
      display:block;
      height:100%;
      width:0;
      background:var(--tone,#1c6084);
      transition:width .92s cubic-bezier(.22,1,.36,1);
    }
    .kpi.tone-green{--tone:#2e8f5e;--tone-soft:#d9f0e2;}
    .kpi.tone-yellow{--tone:#c7982a;--tone-soft:#f4ead0;}
    .kpi.tone-red{--tone:#c85f63;--tone-soft:#f5dfe1;}
    .kpi.tone-blue{--tone:#1c6084;--tone-soft:#d9ecf1;}
    .kpi.tone-muted{--tone:#7b8c99;--tone-soft:#e8eef0;}
    .footer-brandline{
      display:flex;
      align-items:flex-start;
      gap:12px;
    }
    @media (max-width: 1500px){
      .header{
        grid-template-columns:1fr;
      }
      .header-stack{
        justify-items:stretch;
      }
      .kpis{
        grid-template-columns:repeat(3,minmax(0,1fr));
      }
    }
    @media (max-width: 1180px){
      .header-utility{
        justify-content:flex-start;
      }
      .period-rack{
        flex-basis:100%;
        justify-content:flex-start;
      }
      .hero{
        grid-template-columns:1fr;
      }
      .kpis{
        grid-template-columns:repeat(2,minmax(0,1fr));
      }
    }
    @media (max-width: 900px){
      .header{
        padding:12px 16px;
        gap:12px;
      }
      .nav-tabs{
        width:100%;
      }
      .view-switcher{
        width:100%;
      }
      .kpis{
        grid-template-columns:1fr;
      }
      .period-rack{
        display:grid;
        justify-content:stretch;
      }
      .month-pills{
        width:100%;
      }
    }

  

    
    .hero{grid-template-columns:minmax(0,1.62fr) minmax(300px,.72fr)!important;align-items:stretch}
    .hero-shell{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:18px!important}
    .hero-main{padding:32px 34px 28px!important}
    .hero-brand{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;display:flex!important;align-items:center;justify-content:center;min-height:auto!important}
    .hero-brand-note{display:none!important}
    .hero-logo{max-width:235px!important;max-height:235px!important;width:auto!important;height:auto!important;filter:drop-shadow(0 10px 20px rgba(6,24,42,.10))!important}
    .hero-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-top:20px!important}
    .hero-stat{min-height:92px!important;padding:14px 16px!important;display:flex!important;flex-direction:column;justify-content:space-between;align-items:flex-start!important}
    .hero-stat small{margin-bottom:8px!important;line-height:1.45}
    .hero-stat strong{display:block;font-size:1.18rem!important;line-height:1.1!important;word-break:break-word}
    .toolbar-compact{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)!important;max-width:860px}
    .trend-panel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:12px;flex-wrap:wrap}
    .trend-panel-tools{display:flex;justify-content:flex-end;align-items:flex-end;min-width:280px}
    .trend-filter{padding:0!important;min-height:auto!important;background:transparent!important;border:none!important;box-shadow:none!important}
    .trend-filter label{margin-bottom:8px!important}
    .trend-filter select{min-width:290px;background:#fff!important}
    .chart-wrap-elevated{padding:16px 14px 8px!important;background:linear-gradient(180deg,#ffffff 0%,#f8fcfc 100%)!important;border:1px solid #dfecef!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
    .intro-grid{grid-template-columns:minmax(0,1.16fr) minmax(0,.94fr)!important}
    .intro-stack{display:grid;gap:18px;align-content:start}
    .annual-section{margin-top:0}
    .annual-panel-wide{padding:24px 24px 22px!important}
    .annual-goals-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
    .goal-card{position:relative;overflow:hidden;padding:18px 18px 16px!important;min-height:210px;border-radius:24px!important;border-left:4px solid #1c6084!important;background:linear-gradient(180deg,#ffffff 0%,#fbfdfc 100%)!important;display:grid!important;grid-template-rows:auto auto auto auto auto auto;gap:10px;opacity:0;transform:translateY(14px);animation:kpiReveal .58s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:var(--delay,0ms)}
    .goal-card::after{content:'';position:absolute;right:-34px;top:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(28,96,132,.10) 0%,transparent 72%);opacity:.9}
    .goal-card >*{position:relative;z-index:1}
    .goal-card small{font-size:.72rem!important;letter-spacing:.11em!important;line-height:1.4}
    .goal-card .goal-value{font-family:var(--font-mono);font-size:1.58rem;line-height:1.02;color:#17314f;letter-spacing:-.03em}
    .goal-card .goal-caption{font-size:.78rem;font-weight:700;color:#6f8c94;text-transform:uppercase;letter-spacing:.07em}
    .goal-card .goal-meta{font-size:.86rem;color:#4c6478;line-height:1.6}
    .goal-card .goal-meta strong{color:#17314f}
    .goal-card .progress{height:7px!important;margin-top:auto}
    .kpi-reference{font-size:.78rem;color:#6f8c94;line-height:1.5}
    .kpi-achieved{font-size:.84rem;font-weight:800;color:#17314f}
    .kpi-readings{gap:8px!important}
    .kpi-meta{font-size:.83rem!important}
    .kpi-label{min-height:2.3em}
    .hero-side{padding:22px 20px!important}
    .chart{min-width:820px}
    @media (max-width:1100px){
      .annual-goals-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
      .toolbar-compact{max-width:none}
      .trend-panel-tools{min-width:0;width:100%}
      .trend-filter select{width:100%;min-width:0}
      .hero-brand{justify-content:flex-start}
    }
    @media (max-width:760px){
      .annual-goals-grid{grid-template-columns:1fr!important}
      .hero-shell{grid-template-columns:1fr!important}
      .hero-logo{max-width:170px!important}
      .trend-panel-head{align-items:stretch}
    }

  

.story-section,.objectives-section,.annual-section{margin-top:0!important;margin-bottom:18px!important}
.story-section .panel,.objectives-section .panel,.annual-section .panel{width:100%!important}
.intro-grid{display:block!important;grid-template-columns:1fr!important;gap:0!important;margin-bottom:0!important}
.intro-stack{display:block!important;gap:0!important}
.story-section .intro-story h3{font-size:1.38rem!important}
.objectives-section .objective-list{grid-template-columns:1fr!important}
.objectives-section .objective-item{padding:14px 16px!important}
.annual-goals-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media (max-width:1100px){.annual-goals-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:760px){.annual-goals-grid{grid-template-columns:1fr!important}}



.hero-main{
  background:linear-gradient(135deg,#244d78 0%,#336792 55%,#69b4c8 100%) !important;
  color:#ffffff !important;
  box-shadow:0 22px 60px rgba(13,34,57,.16) !important;
}
.hero-main::before{
  content:'';position:absolute;right:-100px;top:-90px;width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.16) 0%,rgba(255,255,255,.06) 36%,transparent 70%) !important;
}
.hero-main::after{
  display:none !important;
}
.hero-shell{
  grid-template-columns:minmax(0,1.55fr) minmax(300px,.82fr) !important;
  gap:22px !important;
  align-items:stretch !important;
}
.hero-eyebrow,
.hero-main h1,
.hero-main .hero-lead,
.hero-main p,
.hero-main strong,
.hero-main small{
  color:#ffffff !important;
}
.hero-main h1{
  background:none !important;
  -webkit-text-fill-color:#ffffff !important;
  font-size:clamp(2.4rem,4.4vw,4.2rem) !important;
  line-height:.96 !important;
  margin-bottom:12px !important;
}
.hero-period-pill{
  background:rgba(255,255,255,.14) !important;
  border:1px solid rgba(255,255,255,.2) !important;
  color:#ffffff !important;
  box-shadow:none !important;
}
.hero-period-pill::before{
  background:#9fe0ff !important;
  box-shadow:0 0 0 4px rgba(159,224,255,.18) !important;
}
.hero-main .hero-lead{
  font-size:1rem !important;
  line-height:1.75 !important;
  max-width:62ch !important;
  color:rgba(255,255,255,.92) !important;
}
.hero-tag{
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  color:#ffffff !important;
  box-shadow:none !important;
}
.hero-tag::before{
  background:#c8f1e4 !important;
}
.hero-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
}
.hero-stat{
  min-height:92px !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:none !important;
}
.hero-stat small{
  color:rgba(255,255,255,.72) !important;
}
.hero-stat strong{
  color:#ffffff !important;
  font-size:1.15rem !important;
}
.hero-side{
  padding:24px 22px !important;
  background:linear-gradient(180deg,#f8fbfb 0%,#ffffff 100%) !important;
  border:1.5px solid var(--line-soft) !important;
  box-shadow:var(--shadow-sm) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:center !important;
  min-height:100% !important;
}
.logo-frame{
  flex:1 !important;
  background:linear-gradient(180deg,#f3f8fb 0%,#ffffff 100%) !important;
  border:1px solid var(--line-soft) !important;
  border-radius:24px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8) !important;
  display:grid !important;
  place-items:center !important;
  padding:28px 20px !important;
  min-height:260px !important;
}
.logo-frame img,.hero-logo{
  width:min(100%,280px) !important;
  max-width:100% !important;
  max-height:220px !important;
  height:auto !important;
  object-fit:contain !important;
  filter:none !important;
}
.hero-quick-row{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:10px !important;
  margin-top:14px !important;
}
#programStatus{
  flex-shrink:0 !important;
}
#programQuick{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  flex:1 !important;
}
#programQuick .mini-item{
  background:rgba(255,255,255,.75) !important;
  border:1px solid rgba(208,220,236,.9) !important;
  box-shadow:none !important;
  min-width:130px !important;
}
#programQuick .mini-item .muted{
  color:var(--muted) !important;
  font-size:.82rem !important;
}
#programQuick .mini-item strong{
  color:var(--blue-mid) !important;
  font-size:.95rem !important;
}
#programStatus .status-badge{
  display:inline-flex !important;
  align-items:center !important;
  padding:8px 14px !important;
  border-radius:14px !important;
  font-size:.88rem !important;
  font-weight:800 !important;
  box-shadow:none !important;
}
.story-section .section-kicker{
  color:var(--green) !important;
}
.story-section .section-kicker::before{
  background:linear-gradient(90deg,var(--green),var(--blue-mid)) !important;
}
@media(max-width:1100px){
  .hero-main h1{font-size:clamp(2.1rem,7vw,3.2rem) !important;}
}
@media(max-width:760px){
  .hero-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:560px){
  .hero-grid{grid-template-columns:1fr !important;}
  .hero-main{padding:26px 20px 24px !important;}
}



.hero.hero-story-mode{
  display:block!important;
  margin-bottom:18px!important;
}
.hero.hero-story-mode .hero-main{
  width:100%!important;
  padding:22px 26px 20px!important;
  background:#ffffff!important;
  color:#000!important;
  border:1px solid rgba(208,220,236,.9)!important;
  box-shadow:0 10px 26px rgba(16,40,70,.08)!important;
}
.hero.hero-story-mode .hero-main::before,
.hero.hero-story-mode .hero-main::after{
  display:none!important;
}
.hero.hero-story-mode .hero-copy{
  width:100%!important;
  max-width:none!important;
}
.hero.hero-story-mode .hero-eyebrow{
  margin-bottom:6px!important;
  color:#000!important;
  font-size:.62rem!important;
  letter-spacing:.10em!important;
}
.hero.hero-story-mode h1{
  color:#000!important;
  background:none!important;
  -webkit-text-fill-color:#000!important;
  font-size:1.55rem!important;
  line-height:1.12!important;
  margin-bottom:10px!important;
}
.hero.hero-story-mode .hero-narrative{
  column-count:2;
  column-gap:28px;
}
.hero.hero-story-mode .hero-narrative p,
.hero.hero-story-mode .hero-narrative strong{
  color:#000!important;
}
.hero.hero-story-mode .hero-narrative p{
  margin:0 0 8px!important;
  font-size:.72rem!important;
  line-height:1.55!important;
  text-align:justify!important;
  hyphens:auto;
  break-inside:avoid;
}
.hero.hero-story-mode .hero-facts{
  font-weight:700;
  line-height:1.45!important;
  margin:2px 0 9px!important;
}
.hero.hero-story-mode #heroStats,
.hero.hero-story-mode .hero-grid,
.hero.hero-story-mode .hero-quick-row,
.hero.hero-story-mode #programStatus,
.hero.hero-story-mode #programQuick,
.hero.hero-story-mode .hero-side,
.hero.hero-story-mode .hero-period-pill{
  display:none!important;
}
@media(max-width:900px){
  .hero.hero-story-mode .hero-narrative{column-count:1}
  .hero.hero-story-mode .hero-main{padding:20px 18px!important}
  .hero.hero-story-mode h1{font-size:1.38rem!important}
  .hero.hero-story-mode .hero-narrative p{font-size:.74rem!important;line-height:1.6!important}
}




.kpi.tone-yellow,.kpi.tone-red,.kpi.tone-blue,.kpi.tone-muted{--tone:#2e8f5e!important;--tone-soft:#e8f6ee!important;}
.kpi.tone-green{--tone:#1f8f5d!important;--tone-soft:#d9f0e2!important;}
.goal-card{border-left-color:#2e8f5e!important;}
.goal-card .progress>span,.kpi-progress-line span,.progress>span,.exec-kpi-bar span{background:linear-gradient(90deg,#bfe8cf,#1f8f5d)!important;}
.chip,.chip.yellow,.chip.red,.chip.blue,.chip.muted,.presentation-chip,.presentation-chip.yellow,.presentation-chip.red,.presentation-chip.muted{background:#d9f0e2!important;color:#1f6f49!important;}
.status-yellow,.status-red,.status-muted{background:#e8f6ee!important;color:#1f6f49!important;border-color:rgba(31,143,93,.18)!important;}
.estado-global.yellow,.estado-global.red,.estado-global.sin-actividad{background:#e8f6ee!important;color:#1f6f49!important;border-color:rgba(31,143,93,.18)!important;}
.estado-global.yellow .dot,.estado-global.red .dot,.estado-global.sin-actividad .dot{background:#1f8f5d!important;}




.hero{grid-template-columns:1fr!important;max-width:none!important}
.hero-main{width:100%!important}
.hero-shell{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:24px!important}
.hero-brand{justify-content:center!important;align-self:stretch!important}

.intro-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr)!important;align-items:start!important}
.intro-stack{display:grid!important;gap:18px!important;align-content:start!important}
.intro-stack .annual-panel{margin-top:0!important}
.intro-stack .annual-goals-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.intro-stack .goal-card{min-height:180px!important}

#incomeSection .section-head{align-items:end!important;gap:18px!important}
#incomeSection .section-head >div{flex:1 1 auto!important;max-width:none!important}
#incomeSection .section-head::after{content:'';flex:1 1 auto;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--sky),rgba(56,182,232,.18) 60%,transparent 100%)}
#incomeSection .section-head{border-bottom:none!important;padding-bottom:0!important;margin-bottom:14px!important}
.income-toolbar.toolbar-compact{max-width:none!important;width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.income-toolbar .filter{min-width:0!important}
.income-toolbar .filter select{width:100%!important}
#incomeSection .income-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
#incomeSection .income-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;gap:20px!important}
#incomeSection .panel{height:100%!important}

@media (max-width:1180px){
  .hero-shell{grid-template-columns:1fr!important}
  .hero-brand{justify-content:flex-start!important}
  .intro-grid{grid-template-columns:1fr!important}
  .intro-stack .annual-goals-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #incomeSection .income-grid{grid-template-columns:1fr!important}
}
@media (max-width:760px){
  .intro-stack .annual-goals-grid{grid-template-columns:1fr!important}
  .income-toolbar.toolbar-compact{grid-template-columns:1fr!important}
  #incomeSection .income-kpis{grid-template-columns:1fr!important}
}



.header{
  background:linear-gradient(135deg,#0f4f8a 0%,#1467a9 52%,#1b7fc6 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.16)!important;
}
.header,
.header a,
.header button,
.header .brand-title,
.header .brand-kicker,
.header .nav-tab,
.header .view-btn,
.header .present-btn,
.header .period-rack-label,
.header .back,
.header .back-arrow{
  color:#fff!important;
}
.header .brand-kicker{color:rgba(255,255,255,.82)!important}
.header .nav-tabs,
.header .view-switcher,
.header .period-rack,
.header .month-pills{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.18)!important;
}
.header .nav-tab:hover,
.header .view-btn:hover,
.header .back:hover{
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
}
.header .nav-tab.active,
.header .view-btn.active,
.header .present-btn{
  background:rgba(255,255,255,.95)!important;
  color:#0f4f8a!important;
}
.header .back-arrow{
  background:rgba(255,255,255,.18)!important;
  border:1px solid rgba(255,255,255,.18)!important;
}
.header .month-pill,
.header .month-pill button,
.header .month-pills button{
  color:#fff;
}
.header .month-pill.active,
.header .month-pills button.active{
  color:#1a3a6b!important;
  background:#ffffff!important;
  border:2px solid var(--blue-mid)!important;
}

.hero.hero-story-mode.hero-story-split{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 290px!important;
  gap:22px!important;
  align-items:start!important;
  margin-bottom:22px!important;
}
.hero.hero-story-mode.hero-story-split .hero-main{
  padding:20px 24px 18px!important;
  min-height:0!important;
}
.hero.hero-story-mode.hero-story-split .hero-head-row{
  display:block!important;
  margin-bottom:10px!important;
}
.hero.hero-story-mode.hero-story-split .hero-eyebrow{
  margin-bottom:4px!important;
}
.hero.hero-story-mode.hero-story-split h1{
  margin-bottom:0!important;
}
.hero.hero-story-mode.hero-story-split .hero-narrative{
  column-count:2!important;
  column-gap:26px!important;
}
.hero.hero-story-mode.hero-story-split .hero-logo-card{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:22px!important;
  min-height:100%!important;
  background:linear-gradient(180deg,#ffffff 0%,#f5f9ff 100%)!important;
  border:1px solid #d9e5f1!important;
  box-shadow:0 14px 34px rgba(18,42,66,.10)!important;
}
.hero.hero-story-mode.hero-story-split .hero-logo-card-inner{
  width:100%!important;
  min-height:220px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.hero.hero-story-mode.hero-story-split .hero-inline-logo{
  display:block!important;
  width:min(100%,230px)!important;
  max-width:230px!important;
  max-height:200px!important;
  height:auto!important;
  object-fit:contain!important;
  margin:0 auto!important;
}
.hero.hero-story-mode.hero-story-split .hero-facts{display:none!important}

@media(max-width:980px){
  .hero.hero-story-mode.hero-story-split{
    grid-template-columns:1fr!important;
  }
  .hero.hero-story-mode.hero-story-split .hero-logo-card{
    min-height:unset!important;
  }
  .hero.hero-story-mode.hero-story-split .hero-logo-card-inner{
    min-height:180px!important;
  }
}
@media(max-width:760px){
  .hero.hero-story-mode.hero-story-split .hero-narrative{
    column-count:1!important;
  }
  .hero.hero-story-mode.hero-story-split .hero-main{
    padding:18px 18px 16px!important;
  }
}


  .program-name-bold{font-weight:800;color:inherit}
  .sponsor-ribbon-final{
    width:100%;
    margin:32px auto 0;
    padding:18px 0 16px;
    background:#fff;
    border-top:1px solid rgba(213,226,220,.95);
    border-bottom:1px solid rgba(213,226,220,.95);
  }
  .sponsor-ribbon-final .sponsor-strip{
    width:min(1420px, calc(100vw - 32px));
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:clamp(12px,1.7vw,20px);
    flex-wrap:wrap;
  }
  .sponsor-ribbon-final .sponsor-logo-link{
    display:flex;
    align-items:center;
    justify-content:center;
    width:136px;
    min-width:136px;
    height:74px;
    padding:0;
    border:0;
    background:transparent;
    text-decoration:none;
    cursor:pointer;
    transition:transform .18s ease,filter .18s ease;
  }
  .sponsor-ribbon-final .sponsor-logo-link:hover{
    transform:translateY(-2px);
    filter:drop-shadow(0 10px 14px rgba(18,42,66,.12));
  }
  .sponsor-ribbon-final .sponsor-logo{
    display:block;
    width:100%;
    height:100%;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    background:transparent!important;
    mix-blend-mode:multiply;
  }
  .sponsor-ribbon-final .logo-box-tight .sponsor-logo{width:88%;height:88%}
  .sponsor-ribbon-final .logo-box-wide .sponsor-logo{width:100%;height:76%}
  .sponsor-ribbon-final .logo-box-tall .sponsor-logo{width:82%;height:94%}
  .sponsor-ribbon-final .logo-box-canada{width:152px;min-width:152px}
  .sponsor-ribbon-final .logo-box-canada .sponsor-logo{width:100%;height:78%}
  @media(max-width:980px){
    .sponsor-ribbon-final{padding:14px 0 12px}
    .sponsor-ribbon-final .sponsor-strip{gap:10px}
    .sponsor-ribbon-final .sponsor-logo-link{width:112px;min-width:112px;height:60px}
    .sponsor-ribbon-final .logo-box-canada{width:126px;min-width:126px}
  }



:root{
  --bg:#ffffff;
  --surface:#ffffff;
  --surface-2:#f7f9fc;
  --surface-3:#eef3f8;
  --card:#ffffff;
  --text:#173b6c;
  --text-2:#3d5a80;
  --muted:#667085;
  --line:#dde5ef;
  --line-soft:#edf1f6;
  --blue:#173b6c;
  --blue-mid:#2767a8;
  --blue-light:#4b86c5;
  --blue-soft:#dbe9f7;
  --blue-pale:#eef5fc;
  --sky:#4b86c5;
  --sky-soft:#dbe9f7;
  --sky-pale:#eef5fc;
  --green:#24735b;
  --green-mid:#31876c;
  --green-soft:#dff1ea;
  --green-pale:#f0f8f5;
  --gold:#9a6b16;
  --gold-soft:#f8efd9;
  --red:#a9464d;
  --red-soft:#f8e7e9;
  --yellow:#9a6b16;
  --yellow-soft:#f8efd9;
  --shadow-sm:0 4px 16px rgba(23,59,108,.06);
  --shadow:0 12px 30px rgba(23,59,108,.10);
  --shadow-lg:0 20px 48px rgba(23,59,108,.16);
  --radius:16px;
  --radius-sm:12px;
  --radius-xs:8px;
  --font-head:Arial,Helvetica,sans-serif;
  --font-body:Arial,Helvetica,sans-serif;
  --font-mono:Arial,Helvetica,sans-serif;
}

html{scroll-padding-top:180px}
body{
  font-family:Arial,Helvetica,sans-serif!important;
  background:#fff!important;
  background-image:none!important;
  color:var(--text)!important;
  overflow-x:hidden;
}
body::before,body::after{display:none!important;background:none!important}
button,select,input,textarea{font-family:Arial,Helvetica,sans-serif!important}
.wrap{
  width:min(1480px,calc(100vw - 48px))!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:42px 0 60px!important;
}


.header{
  position:sticky!important;
  top:0!important;
  z-index:600!important;
  display:grid!important;
  grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr)!important;
  align-items:center!important;
  gap:28px!important;
  min-height:76px!important;
  padding:10px clamp(18px,3vw,48px)!important;
  background:#fff!important;
  background-image:none!important;
  border:0!important;
  border-bottom:1px solid var(--line)!important;
  box-shadow:0 5px 18px rgba(23,59,108,.07)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.header-brand{gap:12px!important;min-width:0!important}
.header-logo-img{
  height:44px!important;
  width:auto!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.brand-text{gap:2px!important}
.header .brand-kicker{
  color:var(--blue-mid)!important;
  font-size:.68rem!important;
  font-weight:800!important;
  letter-spacing:.11em!important;
}
.header .brand-title{
  color:var(--blue)!important;
  font-size:.96rem!important;
  font-weight:700!important;
}
.header-stack{
  margin-left:auto!important;
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  gap:8px!important;
  justify-items:end!important;
}
.nav-tabs{
  margin:0!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:20px!important;
  width:auto!important;
  max-width:100%!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
.nav-tabs::-webkit-scrollbar{display:none}
.header .nav-tab{
  position:relative!important;
  flex:0 0 auto!important;
  padding:8px 1px 9px!important;
  border:0!important;
  border-bottom:3px solid transparent!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--text-2)!important;
  box-shadow:none!important;
  font-size:.78rem!important;
  font-weight:700!important;
}
.header .nav-tab:hover{
  color:var(--blue-mid)!important;
  background:transparent!important;
  border-bottom-color:var(--blue-soft)!important;
}
.header .nav-tab.active{
  color:var(--blue)!important;
  background:transparent!important;
  border-bottom-color:var(--blue-mid)!important;
  box-shadow:none!important;
}
.header-utility{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
.header .back,
.header .view-btn,
.header .present-btn{
  width:auto!important;
  min-height:36px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:8px 12px!important;
  border:1px solid var(--line)!important;
  border-radius:10px!important;
  background:#fff!important;
  background-image:none!important;
  color:var(--text-2)!important;
  box-shadow:none!important;
  font-size:.76rem!important;
  font-weight:700!important;
}
.header .back:hover,
.header .view-btn:hover,
.header .present-btn:hover{
  transform:translateY(-1px)!important;
  color:var(--blue)!important;
  border-color:var(--blue-light)!important;
  background:var(--blue-pale)!important;
}
.header .back-arrow{
  width:20px!important;
  height:20px!important;
  border:0!important;
  background:var(--blue-pale)!important;
  color:var(--blue-mid)!important;
}
.header .view-switcher{
  display:inline-flex!important;
  gap:4px!important;
  padding:3px!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  background:var(--surface-2)!important;
}
.header .view-switcher .view-btn{border:0!important;background:transparent!important}
.header .view-switcher .view-btn.active,
.header .present-btn{
  color:#fff!important;
  background:var(--blue-mid)!important;
  background-image:none!important;
  border-color:var(--blue-mid)!important;
  box-shadow:0 5px 12px rgba(39,103,168,.18)!important;
}
.header .view-switcher .view-btn.active:hover,
.header .present-btn:hover{background:var(--blue)!important;color:#fff!important}
.period-rack{
  min-width:0!important;
  flex:1 1 520px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
}
.header .period-rack-label{
  flex:0 0 auto!important;
  color:var(--muted)!important;
  font-size:.66rem!important;
  font-weight:800!important;
  letter-spacing:.11em!important;
}
.header .month-pills{
  display:flex!important;
  align-items:center!important;
  gap:3px!important;
  min-width:0!important;
  max-width:100%!important;
  padding:4px!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  background:var(--surface-2)!important;
  box-shadow:none!important;
  overflow-x:auto!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:none!important;
}
.header .month-pills::-webkit-scrollbar{display:none!important}
.header .month-pill,
.header .month-pills button{
  flex:0 0 auto!important;
  min-width:42px!important;
  min-height:32px!important;
  padding:7px 10px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  background-image:none!important;
  color:var(--text-2)!important;
  box-shadow:none!important;
  font-size:.76rem!important;
  font-weight:700!important;
  text-align:center!important;
  scroll-snap-align:center!important;
}
.header .month-pill:hover:not(:disabled),
.header .month-pills button:hover:not(:disabled){
  transform:none!important;
  color:var(--blue)!important;
  background:var(--blue-soft)!important;
}
.header .month-pill.active,
.header .month-pills button.active{
  color:#fff!important;
  background:var(--blue-mid)!important;
  border:0!important;
  box-shadow:0 4px 10px rgba(39,103,168,.20)!important;
}
.header .month-pill:disabled{opacity:.32!important}


.hero.hero-story-mode.hero-story-split{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(210px,280px)!important;
  align-items:center!important;
  gap:clamp(28px,5vw,74px)!important;
  margin:0 0 34px!important;
  padding:28px 0 42px!important;
  border-bottom:1px solid var(--line)!important;
}
.hero.hero-story-mode.hero-story-split .hero-main,
.hero.hero-story-mode.hero-story-split .hero-logo-card{
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:var(--text)!important;
  overflow:visible!important;
}
.hero.hero-story-mode.hero-story-split .hero-main::before,
.hero.hero-story-mode.hero-story-split .hero-main::after{display:none!important}
.hero.hero-story-mode.hero-story-split .hero-head-row{display:block!important;margin:0 0 20px!important}
.hero.hero-story-mode.hero-story-split h1{
  width:100%!important;
  margin:0!important;
  color:var(--blue)!important;
  background:none!important;
  -webkit-text-fill-color:currentColor!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(3rem,5vw,5rem)!important;
  font-weight:700!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
  text-align:center!important;
}
.hero.hero-story-mode.hero-story-split .hero-narrative{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  column-count:1!important;
  column-gap:0!important;
}
.hero.hero-story-mode.hero-story-split .hero-narrative p,
.hero.hero-story-mode.hero-story-split .hero-narrative strong{
  color:var(--text-2)!important;
}
.hero.hero-story-mode.hero-story-split .hero-narrative p{
  width:100%!important;
  max-width:none!important;
  margin:0 0 14px!important;
  font-size:1rem!important;
  line-height:1.8!important;
  text-align:justify!important;
  text-justify:inter-word!important;
  hyphens:auto!important;
}
.hero.hero-story-mode.hero-story-split .hero-narrative p:last-child{margin-bottom:0!important}
.hero.hero-story-mode.hero-story-split .hero-logo-card-inner{
  min-height:0!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.hero.hero-story-mode.hero-story-split .hero-inline-logo{
  width:min(100%,230px)!important;
  max-width:230px!important;
  max-height:250px!important;
  height:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 14px 24px rgba(23,59,108,.13))!important;
  animation:logoFloat 6s ease-in-out infinite!important;
}
@keyframes logoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}


.card,
.panel,
.goal-card,
.kpi,
.exec-kpi,
.exec-strip-card,
.chart-wrap,
.viz-wrap,
.tbl-wrap,
.filter,
.mini-item,
.zone-card{
  background:#fff!important;
  background-image:none!important;
  border-color:var(--line)!important;
}
.card{
  border:1px solid var(--line)!important;
  border-radius:var(--radius)!important;
  box-shadow:var(--shadow-sm)!important;
}
.card:hover{border-color:#c8d8ea!important;box-shadow:var(--shadow)!important}
.panel{padding:24px 26px!important}
.panel h3,
.section-head h2,
.annual-panel h3{
  font-family:Arial,Helvetica,sans-serif!important;
  color:var(--blue)!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
}
.section-head{
  align-items:end!important;
  padding-bottom:10px!important;
  border-bottom:1px solid var(--line)!important;
}
.section-head h2{font-size:1.55rem!important}
.section-head p,.panel p.sub,.legend{color:var(--muted)!important}
.section-divider{
  margin:34px 0 20px!important;
  color:var(--blue-mid)!important;
  font-size:.72rem!important;
  font-weight:800!important;
  letter-spacing:.13em!important;
}
.section-divider::before,.section-divider::after{
  height:1px!important;
  background:var(--line)!important;
  background-image:none!important;
}
.annual-panel-wide{padding:26px!important}
.annual-goals-grid{gap:14px!important}
.goal-card{
  min-height:190px!important;
  border:1px solid var(--line)!important;
  border-top:4px solid var(--blue-mid)!important;
  border-left:1px solid var(--line)!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
.goal-card::after{display:none!important}
.goal-card .progress>span{background:var(--blue-mid)!important;background-image:none!important}


.kpis{gap:16px!important}
.kpi{
  --tone:var(--blue-mid);
  --tone-soft:var(--blue-soft);
  min-height:242px!important;
  padding:24px 22px 20px!important;
  border:1px solid var(--line)!important;
  border-top:4px solid var(--tone)!important;
  border-left:1px solid var(--line)!important;
  border-radius:16px!important;
  box-shadow:0 5px 18px rgba(23,59,108,.06)!important;
  opacity:1!important;
  transform:none!important;
  animation:none!important;
}
.kpi::before{
  content:''!important;
  display:block!important;
  position:absolute!important;
  left:0!important;top:0!important;
  width:100%!important;height:4px!important;
  background:var(--tone)!important;
  transform-origin:left center!important;
  animation:kpiLineIn .72s cubic-bezier(.2,.75,.25,1) both!important;
  animation-delay:var(--delay,0ms)!important;
  pointer-events:none!important;
}
.kpi::after{display:none!important}
@keyframes kpiLineIn{
  from{transform:scaleX(.08);opacity:.35}
  to{transform:scaleX(1);opacity:1}
}
.kpi:hover{
  transform:translateY(-5px)!important;
  border-color:#c7d8ea!important;
  border-top-color:var(--tone)!important;
  box-shadow:0 16px 34px rgba(23,59,108,.13)!important;
}
@keyframes kpiEntrance{
  from{filter:brightness(1.08)}
  to{filter:brightness(1)}
}
.kpi.tone-green{--tone:#24735b!important;--tone-soft:#dff1ea!important}
.kpi.tone-yellow{--tone:#9a6b16!important;--tone-soft:#f8efd9!important}
.kpi.tone-red{--tone:#a9464d!important;--tone-soft:#f8e7e9!important}
.kpi.tone-blue{--tone:#2767a8!important;--tone-soft:#dbe9f7!important}
.kpi.tone-muted{--tone:#7b8794!important;--tone-soft:#edf1f5!important}
.kpi-label{
  min-height:0!important;
  max-width:none!important;
  color:var(--text-2)!important;
  font-size:.77rem!important;
  font-weight:800!important;
  line-height:1.38!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.kpi-figure{grid-template-columns:18px minmax(0,1fr)!important;gap:16px!important;min-height:112px!important}
.kpi-pillar{width:16px!important;height:96px!important}
.kpi-pillar-track{width:8px!important;height:96px!important;background:var(--tone-soft)!important}
.kpi-pillar-fill{
  width:8px!important;
  background:var(--tone)!important;
  background-image:none!important;
  box-shadow:0 5px 14px color-mix(in srgb,var(--tone) 35%,transparent)!important;
}
.kpi-value{
  font-family:Arial,Helvetica,sans-serif!important;
  color:var(--blue)!important;
  font-size:clamp(2.35rem,3vw,3.8rem)!important;
  font-weight:700!important;
  line-height:.94!important;
  letter-spacing:-.055em!important;
}
.kpi-achieved{color:var(--text)!important}
.kpi-reference,.kpi-meta,.kpi-ref,.kpi-copy{color:var(--muted)!important}
.kpi-reference strong,.kpi-meta strong,.kpi-ref strong,.kpi-copy strong{color:var(--text-2)!important}
.kpi-progress-line,.progress{height:8px!important;background:var(--line-soft)!important}
.kpi-progress-line span,.progress>span,.exec-kpi-bar span{
  background:var(--tone,var(--blue-mid))!important;
  background-image:none!important;
  box-shadow:none!important;
}
.kpi-progress-line span{animation:barSettle 1.1s ease-out .25s both}
@keyframes barSettle{0%{filter:brightness(1.4)}100%{filter:brightness(1)}}


.filter select,.filter .pill{
  border:1px solid var(--line)!important;
  border-radius:10px!important;
  background-color:#fff!important;
  color:var(--text)!important;
}
.filter select:focus{border-color:var(--blue-mid)!important;box-shadow:0 0 0 3px rgba(39,103,168,.12)!important}
.trend-filter{background:transparent!important;border:0!important;box-shadow:none!important}
.chart-wrap-elevated,.chart-wrap,.viz-wrap{
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:none!important;
}
.tbl-wrap{border-radius:12px!important}
th{background:var(--surface-2)!important;color:var(--blue-mid)!important}
tr:hover td{background:var(--blue-pale)!important}
.interp{
  margin-top:14px!important;
  padding:14px 0 0!important;
  border:0!important;
  border-top:1px solid var(--line)!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--text-2)!important;
  text-align:justify!important;
}


.diagnostic,
#diagnosticPanel,
#execDiagnosticPanel{
  width:100%!important;
  max-width:none!important;
  padding:30px 0 12px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  text-align:center!important;
}
.diagnostic:hover,#diagnosticPanel:hover,#execDiagnosticPanel:hover{transform:none!important;box-shadow:none!important;border-color:transparent!important}
.diagnostic h3,
#diagnosticPanel h3,
#execDiagnosticPanel h3{
  margin:0 0 22px!important;
  padding:0!important;
  border:0!important;
  color:var(--blue)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(1.7rem,2.6vw,2.4rem)!important;
  font-weight:700!important;
  line-height:1.15!important;
  letter-spacing:-.03em!important;
  text-align:center!important;
}
.diagnostic>p,
#diagnosticPanel>p,
#execDiagnosticPanel>p{
  width:100%!important;
  max-width:none!important;
  margin:0 0 15px!important;
  color:var(--text-2)!important;
  font-size:1rem!important;
  line-height:1.85!important;
  text-align:justify!important;
  text-justify:inter-word!important;
  hyphens:auto!important;
}
.diagnostic strong{color:var(--blue-mid)!important}
.diagnostic .diag-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  margin-top:26px!important;
  padding:20px 0!important;
  border-top:1px solid var(--line)!important;
  border-bottom:1px solid var(--line)!important;
}
.diagnostic .diag-block,
.diagnostic .diag-rank-item{
  padding:8px 18px!important;
  border:0!important;
  border-left:1px solid var(--line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:center!important;
}
.diagnostic .diag-block:first-child,
.diagnostic .diag-rank-item:first-child{border-left:0!important}
.diagnostic .diag-block strong,
.diagnostic .diag-rank-item b{
  color:var(--blue-mid)!important;
  font-size:.73rem!important;
  letter-spacing:.08em!important;
}
.diagnostic .diag-block p,
.diagnostic .diag-rank-item small,
.diagnostic .diag-rank-item span{
  color:var(--text-2)!important;
  text-align:center!important;
}
.diagnostic .diag-ranking{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  margin-top:18px!important;
  padding-top:18px!important;
  border-top:1px solid var(--line)!important;
}


.site-footer{
  margin-top:44px!important;
  background:var(--blue)!important;
  background-image:none!important;
  color:#fff!important;
  overflow:hidden!important;
}
.site-footer::before{display:none!important}
.footer-wrap{
  width:min(1480px,calc(100vw - 48px))!important;
  margin:0 auto!important;
  padding:38px 0 34px!important;
  grid-template-columns:minmax(0,1.35fr) repeat(2,minmax(180px,.65fr)) auto!important;
  gap:36px!important;
  align-items:start!important;
}
.footer-brand{max-width:56ch!important}
.footer-title{font-size:1.1rem!important;font-weight:700!important}
.footer-copy{
  color:rgba(255,255,255,.82)!important;
  font-size:.9rem!important;
  line-height:1.75!important;
  text-align:justify!important;
  text-justify:inter-word!important;
}
.footer-col h3{color:rgba(255,255,255,.72)!important}
.footer-links a{color:#fff!important}
.footer-links a:hover{color:#fff!important}
.footer-mark img{filter:brightness(0) invert(1);opacity:.74!important}


.exec-status-card,
.presentation-overlay,
.presentation-slide,
.presentation-card,
.presentation-visual,
.presentation-note,
.presentation-message-box{
  background-image:none!important;
}
.exec-status-card{background:var(--blue)!important}
.presentation-overlay{background:#102a4d!important}
.presentation-slide{background:#f7f9fc!important}
.presentation-btn.primary{background:var(--blue-mid)!important;background-image:none!important}
.presentation-note,.presentation-message-box{background:#fff!important}

:focus-visible{outline:3px solid rgba(39,103,168,.35)!important;outline-offset:3px!important}

@media(max-width:1280px){
  .header{grid-template-columns:1fr!important;gap:8px!important}
  .header-stack{justify-items:stretch!important}
  .nav-tabs{justify-content:flex-start!important}
  .header-utility{justify-content:flex-start!important}
  .period-rack{flex-basis:100%!important;justify-content:flex-start!important}
  .kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .footer-wrap{grid-template-columns:1.2fr .7fr .7fr!important}
  .footer-mark{grid-column:1/-1!important;justify-self:end!important}
}

@media(max-width:980px){
  html{scroll-padding-top:20px}
  .header{position:relative!important;padding:10px 18px 14px!important}
  .header-brand{width:100%!important}
  .header-stack{width:100%!important}
  .nav-tabs{width:100%!important;justify-content:flex-start!important;gap:18px!important}
  .header-utility{display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important}
  .header .back{width:100%!important;justify-content:center!important}
  .header .view-switcher{width:100%!important;overflow-x:auto!important;scrollbar-width:none!important}
  .header .view-switcher .view-btn{flex:1 0 auto!important}
  .header .present-btn{width:100%!important}
  .period-rack{width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:6px!important}
  .header .month-pills{width:100%!important}
  .hero.hero-story-mode.hero-story-split{
    grid-template-columns:1fr!important;
    gap:24px!important;
    padding-top:12px!important;
  }
  .hero.hero-story-mode.hero-story-split .hero-logo-card{order:2!important}
  .hero.hero-story-mode.hero-story-split .hero-inline-logo{width:170px!important;max-width:170px!important}
  .hero.hero-story-mode.hero-story-split h1{font-size:clamp(2.7rem,10vw,4rem)!important}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .diagnostic .diag-grid,.diagnostic .diag-ranking{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .diagnostic .diag-block:nth-child(odd),.diagnostic .diag-rank-item:nth-child(odd){border-left:0!important}
  .footer-wrap{grid-template-columns:1fr 1fr!important}
  .footer-brand{grid-column:1/-1!important}
  .footer-mark{grid-column:1/-1!important}
}

@media(max-width:640px){
  .wrap{width:min(100vw - 24px,1480px)!important;padding:26px 0 44px!important}
  .header{padding-left:12px!important;padding-right:12px!important}
  .header-logo-img{height:38px!important}
  .header .brand-kicker{font-size:.58rem!important}
  .header .brand-title{font-size:.83rem!important}
  .nav-tabs{gap:16px!important}
  .header .nav-tab{font-size:.72rem!important}
  .header .month-pill,.header .month-pills button{min-width:46px!important;padding:8px 12px!important}
  .hero.hero-story-mode.hero-story-split{margin-bottom:24px!important;padding-bottom:30px!important}
  .hero.hero-story-mode.hero-story-split h1{font-size:2.65rem!important}
  .hero.hero-story-mode.hero-story-split .hero-narrative p{font-size:.94rem!important;line-height:1.75!important}
  .panel{padding:20px 18px!important}
  .section-head h2{font-size:1.35rem!important}
  .kpis{grid-template-columns:1fr!important}
  .kpi{min-height:230px!important;padding:22px 20px 18px!important}
  .kpi-value{font-size:3rem!important}
  .annual-goals-grid{grid-template-columns:1fr!important}
  .diagnostic,#diagnosticPanel,#execDiagnosticPanel{padding-top:18px!important}
  .diagnostic h3,#diagnosticPanel h3,#execDiagnosticPanel h3{font-size:1.75rem!important}
  .diagnostic>p,#diagnosticPanel>p,#execDiagnosticPanel>p{font-size:.94rem!important;line-height:1.78!important}
  .diagnostic .diag-grid,.diagnostic .diag-ranking{grid-template-columns:1fr!important}
  .diagnostic .diag-block,.diagnostic .diag-rank-item{border-left:0!important;border-top:1px solid var(--line)!important;padding:14px 0!important}
  .diagnostic .diag-block:first-child,.diagnostic .diag-rank-item:first-child{border-top:0!important}
  .footer-wrap{width:min(100vw - 24px,1480px)!important;grid-template-columns:1fr!important;gap:26px!important;padding:32px 0!important}
  .footer-brand,.footer-col,.footer-mark{grid-column:auto!important;justify-self:start!important}
  .footer-copy{text-align:justify!important}
  .footer-mark img{width:130px!important}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}





.annual-goals-grid{
  gap:clamp(18px,2vw,28px)!important;
}
.goal-card{
  --kpi-blue:#2767A8!important;
  --kpi-blue-dark:#173B6C!important;
  --kpi-blue-soft:#EAF2FB!important;
  position:relative!important;
  min-height:190px!important;
  padding:24px 22px 20px 26px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.goal-card:hover{
  transform:translateY(-3px)!important;
  border:0!important;
  background:rgba(234,242,251,.32)!important;
  box-shadow:none!important;
}
.goal-card::before,
.goal-card::after{
  content:''!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  z-index:0!important;
  border-radius:999px!important;
  background:var(--kpi-blue)!important;
  background-image:none!important;
  pointer-events:none!important;
  opacity:1!important;
}
.goal-card::before{
  width:82px!important;
  height:4px!important;
  transform-origin:left center!important;
  animation:kpiLTopIn .65s cubic-bezier(.2,.75,.25,1) both!important;
  animation-delay:var(--delay,0ms)!important;
}
.goal-card::after{
  width:4px!important;
  height:76px!important;
  transform-origin:center top!important;
  animation:kpiLSideIn .65s cubic-bezier(.2,.75,.25,1) both!important;
  animation-delay:calc(var(--delay,0ms) + 90ms)!important;
}
.goal-card > *{
  position:relative!important;
  z-index:1!important;
}
.goal-card small{
  color:var(--kpi-blue-dark)!important;
}
.goal-card .goal-value{
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(1.9rem,2.45vw,3rem)!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
  color:var(--kpi-blue-dark)!important;
  overflow-wrap:anywhere!important;
}
.goal-card .goal-caption,
.goal-card .goal-meta{
  color:var(--muted)!important;
}
.goal-card .goal-meta strong{
  color:var(--kpi-blue-dark)!important;
}
.goal-card .chip,
.goal-card .chip.green,
.goal-card .chip.yellow,
.goal-card .chip.red,
.goal-card .chip.blue,
.goal-card .chip.muted{
  color:var(--kpi-blue-dark)!important;
  background:var(--kpi-blue-soft)!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
.goal-card .progress{
  height:6px!important;
  background:#DDE5EF!important;
}
.goal-card .progress > span{
  background:var(--kpi-blue)!important;
  background-image:none!important;
  box-shadow:none!important;
}


.kpi{
  --tone:#2767A8!important;
  --tone-soft:#EAF2FB!important;
  position:relative!important;
  padding:24px 22px 20px 26px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.kpi:hover{
  transform:translateY(-3px)!important;
  border:0!important;
  background:rgba(234,242,251,.32)!important;
  box-shadow:none!important;
}
.kpi::before,
.kpi::after{
  content:''!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  z-index:0!important;
  border-radius:999px!important;
  background:#2767A8!important;
  background-image:none!important;
  pointer-events:none!important;
  opacity:1!important;
}
.kpi::before{
  width:82px!important;
  height:4px!important;
  transform-origin:left center!important;
  animation:kpiLTopIn .65s cubic-bezier(.2,.75,.25,1) both!important;
  animation-delay:var(--delay,0ms)!important;
}
.kpi::after{
  width:4px!important;
  height:76px!important;
  transform-origin:center top!important;
  animation:kpiLSideIn .65s cubic-bezier(.2,.75,.25,1) both!important;
  animation-delay:calc(var(--delay,0ms) + 90ms)!important;
}
.kpi > *{
  position:relative!important;
  z-index:1!important;
}
.kpi.tone-green,
.kpi.tone-yellow,
.kpi.tone-red,
.kpi.tone-blue,
.kpi.tone-muted{
  --tone:#2767A8!important;
  --tone-soft:#EAF2FB!important;
}
.kpi-value{
  font-size:clamp(1.9rem,2.45vw,3rem)!important;
  color:#173B6C!important;
}
.kpi-pillar-track{
  background:#EAF2FB!important;
}
.kpi-pillar-fill,
.kpi-progress-line span,
.kpi .progress > span{
  background:#2767A8!important;
  background-image:none!important;
  box-shadow:none!important;
}
.kpi-achieved,
.kpi-achieved span,
.kpi-state,
.kpi-state.green,
.kpi-state.yellow,
.kpi-state.red,
.kpi-state.blue,
.kpi-state.muted{
  color:#173B6C!important;
}
.kpi-state.green,
.kpi-state.yellow,
.kpi-state.red,
.kpi-state.blue,
.kpi-state.muted{
  background:#EAF2FB!important;
  border-color:#DDE5EF!important;
}

@keyframes kpiLTopIn{
  from{transform:scaleX(.12);opacity:.25}
  to{transform:scaleX(1);opacity:1}
}
@keyframes kpiLSideIn{
  from{transform:scaleY(.12);opacity:.25}
  to{transform:scaleY(1);opacity:1}
}

@media(max-width:760px){
  .goal-card,
  .kpi{
    min-height:0!important;
    padding:22px 16px 20px 22px!important;
  }
  .goal-card::before,
  .kpi::before{
    width:64px!important;
  }
  .goal-card::after,
  .kpi::after{
    height:62px!important;
  }
  .goal-card .goal-value,
  .kpi-value{
    font-size:clamp(1.75rem,9vw,2.55rem)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .goal-card::before,
  .goal-card::after,
  .kpi::before,
  .kpi::after{
    animation:none!important;
  }
}





.kpi::before,
.kpi::after,
.goal-card::before,
.goal-card::after{
  animation-duration:.24s!important;
  animation-delay:0ms!important;
}
.kpi-pillar-fill,
.kpi-progress-line span,
.kpi .progress>span,
.goal-card .progress>span,
.exec-kpi-bar span{
  transition-duration:.38s!important;
  transition-timing-function:cubic-bezier(.22,.61,.36,1)!important;
}
.kpi,
.goal-card{
  transition:transform .18s ease,background-color .18s ease!important;
}

@media(max-width:780px){
  html{scroll-padding-top:20px!important}
  body{-webkit-text-size-adjust:100%}
  .wrap{
    width:min(100vw - 24px,1480px)!important;
    padding:22px 0 46px!important;
  }

  
  .header{
    position:relative!important;
    top:auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    min-height:0!important;
    padding:9px 12px 11px!important;
    box-shadow:0 3px 14px rgba(23,59,108,.07)!important;
  }
  .header-brand{
    width:100%!important;
    min-width:0!important;
    gap:9px!important;
    padding:0 1px 9px!important;
    border-bottom:1px solid var(--line)!important;
  }
  .header-logo-img{
    height:35px!important;
    width:auto!important;
    flex:0 0 auto!important;
  }
  .header .brand-text{min-width:0!important;gap:1px!important}
  .header .brand-kicker{
    font-size:.55rem!important;
    line-height:1.15!important;
    letter-spacing:.08em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .header .brand-title{
    font-size:.81rem!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .header-stack{
    width:100%!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:7px!important;
    padding-top:4px!important;
  }
  .header .nav-tabs{
    order:1!important;
    width:100%!important;
    max-width:none!important;
    justify-content:flex-start!important;
    gap:0!important;
    padding:0 1px!important;
    border-bottom:1px solid var(--line)!important;
    overflow-x:auto!important;
    scroll-snap-type:x proximity!important;
  }
  .header .nav-tab{
    flex:0 0 auto!important;
    min-height:37px!important;
    padding:10px 11px 8px!important;
    font-size:.69rem!important;
    line-height:1!important;
    scroll-snap-align:start!important;
  }
  .header-utility{
    order:2!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr) 78px!important;
    align-items:center!important;
    gap:6px!important;
  }
  .header .back{
    grid-column:1!important;
    width:40px!important;
    min-width:40px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0!important;
    font-size:0!important;
    border-radius:9px!important;
  }
  .header .back-arrow{
    width:24px!important;
    height:24px!important;
    margin:0!important;
    font-size:.82rem!important;
  }
  .header .view-switcher{
    grid-column:2!important;
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:3px!important;
    padding:3px!important;
    border-radius:10px!important;
  }
  .header .view-switcher .view-btn{
    width:100%!important;
    min-width:0!important;
    min-height:32px!important;
    padding:7px 5px!important;
    font-size:0!important;
    border-radius:7px!important;
  }
  .header #btnFull::after,
  .header #btnExec::after,
  .header #btnPresentation::after{
    display:inline!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:.68rem!important;
    font-weight:700!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .header #btnFull::after{content:'Completo'}
  .header #btnExec::after{content:'Ejecutivo'}
  .header .present-btn{
    grid-column:3!important;
    width:78px!important;
    min-width:78px!important;
    min-height:38px!important;
    padding:7px 5px!important;
    font-size:0!important;
    border-radius:9px!important;
    box-shadow:none!important;
  }
  .header #btnPresentation::after{content:'Presentar'}
  .header .period-rack{
    grid-column:1/-1!important;
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:4px!important;
    padding-top:1px!important;
  }
  .header .period-rack-label{
    display:block!important;
    padding-left:2px!important;
    font-size:.58rem!important;
    line-height:1.2!important;
    letter-spacing:.09em!important;
  }
  .header .month-pills{
    width:100%!important;
    max-width:none!important;
    gap:2px!important;
    padding:3px!important;
    border-radius:10px!important;
    scroll-padding-inline:3px!important;
  }
  .header .month-pill,
  .header .month-pills button{
    min-width:46px!important;
    min-height:34px!important;
    padding:7px 10px!important;
    border-radius:7px!important;
    font-size:.69rem!important;
  }

  
  .hero.hero-story-mode.hero-story-split{
    grid-template-columns:1fr!important;
    align-items:start!important;
    gap:14px!important;
    margin:0 0 26px!important;
    padding:18px 0 30px!important;
  }
  .hero.hero-story-mode.hero-story-split .hero-logo-card{
    order:1!important;
    width:100%!important;
    display:flex!important;
    justify-content:center!important;
  }
  .hero.hero-story-mode.hero-story-split .hero-logo-card-inner{
    width:auto!important;
    min-height:0!important;
  }
  .hero.hero-story-mode.hero-story-split .hero-inline-logo{
    width:116px!important;
    max-width:116px!important;
    max-height:122px!important;
    margin:0 auto!important;
    animation:none!important;
    filter:drop-shadow(0 8px 15px rgba(23,59,108,.12))!important;
  }
  .hero.hero-story-mode.hero-story-split .hero-main{
    order:2!important;
    width:100%!important;
  }
  .hero.hero-story-mode.hero-story-split .hero-head-row{
    margin:0 0 14px!important;
  }
  .hero.hero-story-mode.hero-story-split h1{
    font-size:clamp(2.05rem,10.5vw,2.7rem)!important;
    line-height:1.04!important;
    letter-spacing:-.04em!important;
    text-wrap:balance!important;
  }
  .hero.hero-story-mode.hero-story-split .hero-narrative p{
    margin:0 0 12px!important;
    font-size:.92rem!important;
    line-height:1.7!important;
    text-align:justify!important;
    text-justify:inter-word!important;
    hyphens:auto!important;
    overflow-wrap:anywhere!important;
  }

  
  .kpi,
  .goal-card{
    transition:none!important;
  }
  .kpi:hover,
  .goal-card:hover{
    transform:none!important;
    background:transparent!important;
  }
  .kpi::before,
  .kpi::after,
  .goal-card::before,
  .goal-card::after{
    animation-duration:.18s!important;
    animation-delay:0ms!important;
  }

  
  .site-footer{
    margin-top:34px!important;
  }
  .footer-wrap{
    width:min(100vw - 32px,1480px)!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:24px 18px!important;
    padding:30px 0 28px!important;
    align-items:start!important;
  }
  .footer-brand{
    grid-column:1/-1!important;
    justify-items:center!important;
    max-width:none!important;
    text-align:center!important;
  }
  .footer-brandline{
    width:100%!important;
    justify-content:center!important;
  }
  .footer-title{
    font-size:1rem!important;
    line-height:1.3!important;
    text-align:center!important;
  }
  .footer-copy{
    max-width:42rem!important;
    margin:0 auto!important;
    font-size:.86rem!important;
    line-height:1.68!important;
    text-align:justify!important;
    text-justify:inter-word!important;
    hyphens:auto!important;
  }
  .footer-col{
    min-width:0!important;
  }
  .footer-col h3{
    margin-bottom:8px!important;
    font-size:.66rem!important;
    letter-spacing:.1em!important;
  }
  .footer-links{
    gap:3px!important;
  }
  .footer-links a{
    width:100%!important;
    min-height:40px!important;
    padding:6px 0!important;
    gap:8px!important;
    font-size:.83rem!important;
    line-height:1.25!important;
    text-decoration:none!important;
  }
  .social-icon,
  .social-icon svg{
    width:17px!important;
    height:17px!important;
  }
  .footer-mark{
    grid-column:1/-1!important;
    justify-self:center!important;
    align-self:center!important;
    justify-content:center!important;
  }
  .footer-mark img{
    width:108px!important;
    max-width:108px!important;
    margin:0 auto!important;
  }
}

@media(max-width:380px){
  .header .nav-tab{padding-inline:9px!important;font-size:.66rem!important}
  .header-utility{grid-template-columns:38px minmax(0,1fr) 72px!important}
  .header .back{width:38px!important;min-width:38px!important}
  .header .present-btn{width:72px!important;min-width:72px!important}
  .header #btnFull::after,
  .header #btnExec::after,
  .header #btnPresentation::after{font-size:.64rem!important}
  .hero.hero-story-mode.hero-story-split h1{font-size:2rem!important}
  .footer-wrap{gap:22px 14px!important}
  .footer-links a{font-size:.79rem!important}
}


.chart-zoomable,.chart-zoomable *{cursor:default!important}
.chart-zoomable::after{display:none!important}
.zoom-overlay{display:none!important}

.income-toolbar{margin-top:14px;margin-bottom:14px;grid-template-columns:repeat(6,minmax(0,1fr))}
.income-grid{padding-top:0}
.income-kpis{margin-top:8px;margin-bottom:18px}
.footer-wrap{grid-template-columns:minmax(0,1.35fr) repeat(2,minmax(220px,.7fr)) auto;align-items:start}
.footer-mark{margin-left:auto;align-self:end;justify-self:end;display:flex;align-items:flex-end;justify-content:flex-end}
.footer-mark img{width:148px;max-width:100%;height:auto;opacity:.96}
.presentation-shortcuts{background:rgba(255,255,255,.16)!important;color:#fff!important}
#incomeSection .section-head h2{margin-bottom:4px}
#incomeSection .section-head p{max-width:72ch}
#incomeSection .kpi-copy{min-height:72px}
#incomeSection .tbl-wrap table td:first-child{font-weight:700;color:#17314f}
#incomeSection .panel{min-height:100%}
#incomeSection .income-subtitle{margin:8px 0 10px;font-size:.74rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--blue-mid);display:flex;align-items:center;gap:10px}
#incomeSection .income-subtitle::before{content:'';width:22px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--blue-mid))}
#incomeSection .income-material-kpis{margin-top:6px;margin-bottom:20px}
#incomeSection .income-material-kpis .kpi{border-top-color:var(--green-soft)}
#incomeSection .income-material-kpis .kpi:hover{border-top-color:var(--green)}
.goal-card.kpi{min-height:unset!important}
.goal-card .kpi-copy{min-height:50px}
.goal-note{display:none}
@media(max-width:1150px){
  .income-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}
  .footer-wrap{grid-template-columns:1fr 1fr}
  .footer-mark{grid-column:1/-1;justify-self:end}
}
@media(max-width:760px){
  .income-toolbar{grid-template-columns:1fr}
  .footer-wrap{grid-template-columns:1fr}
  .footer-mark{justify-self:start}
}


.income-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;align-items:stretch}
.income-toolbar .filter{min-width:0}
.income-toolbar .filter select{width:100%}
.income-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#incomeSection .section-head{padding-right:0}
#incomeSection .section-head::after{max-width:none}

.hero{grid-template-columns:minmax(0,1.7fr) minmax(280px,.72fr)!important;align-items:stretch;gap:18px;margin-bottom:22px}
.hero-main{padding:32px 34px 28px!important;background:linear-gradient(135deg,#ffffff 0%,#edf5ff 55%,#dceeff 100%)!important;border:1px solid rgba(208,220,236,.96)!important;box-shadow:0 18px 38px rgba(16,40,70,.10)!important;color:var(--text)!important}
.hero-main::before{content:'';position:absolute;right:-70px;top:-70px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(56,182,232,.15) 0%,rgba(37,117,204,.07) 50%,transparent 70%)!important;pointer-events:none}
.hero-main::after{display:none!important}
.hero-eyebrow{color:var(--blue-mid)!important}
.hero-main h1{font-family:var(--font-head)!important;font-size:2.4rem!important;font-weight:600!important;line-height:1.08!important;letter-spacing:-.02em!important;color:var(--text)!important;background:linear-gradient(135deg,var(--text) 42%,var(--blue-mid) 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;margin-bottom:8px!important}
.hero-period-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#eef5ff;border:1px solid #cfe0f5;color:#3463b8;font-weight:800;font-size:.82rem;margin-bottom:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.hero-period-pill::before{content:'';width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#38b6e8,#2575cc);box-shadow:0 0 0 4px rgba(56,182,232,.12)}
.hero-main .hero-lead{font-size:.97rem!important;color:var(--text-2)!important;line-height:1.78!important;max-width:60ch!important}
.hero-tag-row{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 18px!important}
.hero-tag{background:#ffffff!important;border:1px solid rgba(208,220,236,.95)!important;color:#4b6785!important;box-shadow:0 8px 20px rgba(15,35,60,.06)!important}
.hero-tag::before{background:linear-gradient(135deg,var(--green),var(--blue-mid))!important}
.hero-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-top:18px!important}
.hero-stat{min-height:92px!important;padding:14px 16px!important;background:#fff!important;border:1px solid rgba(208,220,236,.96)!important;display:flex!important;flex-direction:column;justify-content:space-between;align-items:flex-start!important;box-shadow:none!important}
.hero-stat small{color:var(--muted)!important}
.hero-stat strong{color:var(--text)!important;font-size:1.18rem!important;line-height:1.1!important;word-break:break-word}
.hero-logo{display:block;width:min(100%,280px)!important;max-width:100%!important;height:auto!important;margin:0 auto!important;filter:none!important}
.support-strip{display:none!important}
@media(max-width:1150px){
  .income-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .income-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hero{grid-template-columns:1fr!important}
  .hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .income-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .income-kpis{grid-template-columns:1fr!important}
}
@media(max-width:560px){
  .income-toolbar{grid-template-columns:1fr!important}
  .hero-main{padding:24px 20px 22px!important}
  .hero-main h1{font-size:2rem!important}
  .hero-grid{grid-template-columns:1fr!important}
}



  .aala-zone-info-target{cursor:help;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;text-decoration-color:rgba(31,111,141,.45)}
  .aala-zone-tooltip{position:fixed;z-index:5000;max-width:min(380px,calc(100vw - 32px));padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,#ffffff 0%,var(--blue-pale,#edf8fb) 100%);border:1.5px solid var(--blue-soft,#caeaf0);box-shadow:0 18px 50px rgba(23,50,58,.20);color:var(--text-2,#2f5961);font-family:var(--font-body,'Sora',system-ui,sans-serif);font-size:.82rem;line-height:1.55;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .14s ease,transform .14s ease}
  .aala-zone-tooltip.open{opacity:1;transform:translateY(0)}
  .aala-zone-tooltip strong{display:block;margin-bottom:5px;color:var(--blue,#1f6f8d);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
  .aala-zone-tooltip span{display:block;color:var(--text-2,#2f5961)}
  .aala-impact-territory-note{margin:-4px 0 18px;padding:14px 17px;border-radius:16px;background:linear-gradient(135deg,var(--blue-pale,#edf8fb),#ffffff);border:1.5px solid var(--blue-soft,#caeaf0);box-shadow:var(--shadow-sm,0 1px 4px rgba(23,50,58,.05));font-family:var(--font-body,'Sora',system-ui,sans-serif);color:#17323a;font-size:.87rem;line-height:1.65;text-align:left}
  .aala-impact-territory-note strong{color:var(--blue,#1f6f8d);font-weight:800}
  .aala-impact-territory-note .aala-note-kicker{display:inline-flex;align-items:center;gap:7px;margin-bottom:5px;font-size:.68rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--blue-mid,#2b87a6)}
  .aala-impact-territory-note .aala-note-kicker::before{content:'';width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--green,#187a5a),var(--blue-mid,#2b87a6))}
