:root{--bg:#edf4f0;--panel:#fff;--text:#113229;--muted:#66786f;--line:rgba(17,50,41,.12);--brand:#1f7a53;--brand2:#68b88f;--dark:#0a251e;--gold:#f4bd16;--soft:#e7f4ec;--danger:#b85c50;--shadow:0 18px 50px rgba(8,31,25,.09);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;background:radial-gradient(circle at 85% 4%,rgba(104,184,143,.14),transparent 25%),linear-gradient(135deg,#e9f2ed,#f9fbfa 62%);color:var(--text)}button,input,select{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:linear-gradient(180deg,#08231d,#123d31);color:#fff;padding:28px 20px;display:flex;flex-direction:column;z-index:30;box-shadow:18px 0 45px rgba(5,24,19,.08)}.brand{display:block;background:#fff;border-radius:18px;padding:11px 16px;box-shadow:0 8px 22px rgba(0,0,0,.1)}.brand img{width:100%;height:54px;object-fit:contain}.product-name{padding:22px 8px 14px}.product-name strong{display:block;font-size:18px}.product-name span{font-size:12px;color:#a8c7bb;text-transform:uppercase;letter-spacing:.09em}.nav{display:grid;gap:7px;margin-top:12px}.nav-link{border:0;background:transparent;color:#c8d9d2;text-align:left;padding:13px 14px;border-radius:13px;cursor:pointer;font-weight:700;transition:.2s}.nav-link span{display:inline-grid;width:27px;font-size:17px}.nav-link:hover,.nav-link.active{background:rgba(255,255,255,.12);color:#fff;transform:translateX(2px)}.sidebar-note{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding:18px 8px 0;display:flex;gap:10px;align-items:center}.sidebar-note .dot{width:10px;height:10px;border-radius:50%;background:#78d49e;box-shadow:0 0 0 5px rgba(120,212,158,.12);animation:pulse 2s infinite}.sidebar-note strong,.sidebar-note small{display:block}.sidebar-note small{color:#a8c7bb;margin-top:3px}.app-shell{margin-left:252px;min-height:100vh}.topbar{padding:28px 38px 20px;display:flex;align-items:center;justify-content:space-between;gap:24px}.eyebrow,.section-kicker{margin:0 0 5px;color:var(--brand);font-size:11px;font-weight:900;letter-spacing:.12em}.topbar h1{font-size:25px;margin:0}.period-control{background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px 12px;box-shadow:0 8px 25px rgba(11,31,27,.05)}.period-control label{font-size:11px;color:var(--muted);display:block}.period-control select{border:0;background:transparent;color:var(--text);font-weight:800;outline:0}.menu-toggle{display:none}.content{padding:8px 38px 36px;max-width:1500px;margin:auto}.hero-panel{background:linear-gradient(125deg,#0a2a23,#1b694c);border-radius:28px;padding:34px;color:#fff;display:grid;grid-template-columns:1fr minmax(300px,390px);gap:30px;box-shadow:var(--shadow);overflow:hidden;position:relative}.hero-panel:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-110px;top:-130px;background:rgba(255,255,255,.06)}.hero-panel h2{font-size:32px;margin:12px 0}.hero-panel p{max-width:880px;color:#d9e9e2;line-height:1.75;margin:0}.status-pill{display:inline-block;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);padding:7px 11px;border-radius:99px;font-size:12px;font-weight:800}.score-card{border-left:1px solid rgba(255,255,255,.2);padding-left:28px;display:grid;grid-template-columns:112px 1fr;gap:18px;align-items:center;z-index:1}.score-ring{--score:0;width:110px;height:110px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--gold) calc(var(--score)*1%),rgba(255,255,255,.15) 0)}.score-ring:after{content:"";position:absolute;inset:9px;background:#15513d;border-radius:50%}.score-ring strong,.score-ring span{position:absolute;z-index:1}.score-ring strong{font-size:32px;transform:translateY(-6px)}.score-ring span{font-size:11px;color:#c9ddd4;transform:translateY(18px)}.score-card>div:last-child span,.score-card small{display:block;color:#bdd5ca}.score-card>div:last-child strong{display:block;font-size:22px;margin:7px 0}.score-card small{line-height:1.45}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.kpi{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 10px 30px rgba(11,31,27,.06);position:relative;overflow:hidden;transition:.25s;animation:rise .55s both}.kpi:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(11,31,27,.1)}.kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--brand)}.kpi:nth-child(3):before{background:var(--gold)}.kpi:nth-child(4):before{background:#37675b}.kpi span{display:block;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.kpi strong{display:block;font-size:32px;margin:9px 0 4px}.kpi small{color:var(--muted)}.grid{display:grid;gap:18px;margin-bottom:18px}.two-cols{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr)}.secondary-grid{grid-template-columns:1fr 1fr}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 10px 35px rgba(11,31,27,.055)}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.card h3{margin:0;font-size:20px}.chart{min-height:290px}.chart-tall{min-height:380px}.chart svg{width:100%;height:auto;overflow:visible}.chart-point circle{transition:.2s}.chart-point:hover circle{r:9}.chart-explanation{font-size:12px;color:var(--muted);padding:11px 13px;background:var(--bg);border-radius:10px;margin-top:6px}.chart-switch{display:flex;gap:6px;background:#eef5f1;padding:5px;border-radius:12px}.chart-switch button{border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:800;padding:8px 11px;border-radius:9px;cursor:pointer}.chart-switch button.active{background:#fff;color:var(--brand);box-shadow:0 4px 12px rgba(11,31,27,.09)}.chart-switch.compact button{padding:6px 9px}.insight-columns{display:grid;gap:18px}.insight-columns h4{margin:0 0 10px}.good{color:var(--brand)}.warn{color:#927000}.insight-columns ul{padding-left:19px;margin:0;color:var(--muted);line-height:1.65}.priority-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.priority-card{background:var(--bg);border:1px solid var(--line);border-radius:17px;padding:17px;transition:.2s}.priority-card:hover{transform:translateY(-3px);background:#fff;box-shadow:0 12px 26px rgba(11,31,27,.08)}.priority-card .tag,.badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase}.tag.alta,.badge.alta{background:#fff0cd;color:#795c00}.tag.media,.badge.media{background:#e9f0ed;color:#39584e}.tag.proteger,.badge.proteger{background:#dff3e7;color:#14633e}.priority-card h4{margin:12px 0 8px}.priority-card p{color:var(--muted);font-size:13px;line-height:1.55;margin:0}.text-btn{border:0;background:transparent;color:var(--brand);font-weight:800;cursor:pointer}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:12px 0 20px}.section-intro h2{font-size:30px;margin:4px 0 8px}.section-intro p{color:var(--muted);margin:0;max-width:760px;line-height:1.65}.filters{display:flex;gap:10px}.filters input,.filters select{border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px 13px;color:var(--text);outline:none}.table-card{padding:0;overflow:hidden}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:900px}th,td{text-align:left;padding:15px 17px;border-bottom:1px solid var(--line);font-size:13px}th{background:#f2f7f4;color:#52665f;text-transform:uppercase;font-size:10px;letter-spacing:.08em}tbody tr:hover{background:#f8fbf9}.position-good{color:var(--brand);font-weight:900}.position-warn{color:#9b7700;font-weight:900}.page-name strong,.page-name small{display:block}.page-name small{color:var(--muted);max-width:380px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.bar-row{margin-bottom:20px}.bar-label{display:flex;justify-content:space-between;font-weight:800;font-size:13px}.bar-track{height:12px;background:#e6efea;border-radius:99px;margin-top:9px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--brand),var(--brand2));border-radius:99px;animation:grow 1s both}.bar-detail{display:block;text-align:right;color:var(--muted);margin-top:5px}.mini-note{background:var(--soft);color:#426158;padding:15px;border-radius:14px;line-height:1.55;font-size:13px;margin-top:25px}.progress-box{min-width:240px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px 15px}.progress-box span{color:var(--muted);font-size:11px;text-transform:uppercase}.progress-box strong{float:right}.progress{height:7px;background:#e4ece8;border-radius:99px;margin-top:10px;overflow:hidden;clear:both}.progress i{display:block;height:100%;background:var(--brand);width:0;transition:.5s}.actions-list{display:grid;gap:14px}.action-card{display:grid;grid-template-columns:45px 1fr 150px;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 8px 28px rgba(11,31,27,.05);animation:rise .45s both}.action-number{width:42px;height:42px;border-radius:13px;background:var(--soft);display:grid;place-items:center;color:var(--brand);font-weight:900}.action-card h3{margin:0 0 7px;font-size:17px}.action-card p{margin:3px 0;color:var(--muted);font-size:13px;line-height:1.55}.action-meta{display:flex;gap:7px;margin-top:10px}.status-select{border:1px solid var(--line);border-radius:11px;padding:10px;background:#f8fbf9;color:var(--text);font-weight:800}.history-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.history-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:22px}.history-card.active{border-color:rgba(31,122,83,.45);box-shadow:var(--shadow)}.history-card h3{margin:8px 0}.history-card p{color:var(--muted);font-size:13px}.history-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.history-kpis div{background:var(--bg);padding:10px;border-radius:11px}.history-kpis span,.history-kpis strong{display:block}.history-kpis span{font-size:10px;color:var(--muted)}.empty-comparison{text-align:center;margin-top:18px;padding:44px}.empty-comparison span{color:var(--brand);font-weight:900;font-size:11px;letter-spacing:.1em}.empty-comparison p{color:var(--muted)}.donut-layout{position:relative;display:grid;grid-template-columns:240px 1fr;align-items:center;gap:18px;min-height:310px}.donut-svg{width:240px;height:240px;filter:drop-shadow(0 8px 10px rgba(17,50,41,.08))}.donut-center{position:absolute;left:120px;top:155px;transform:translate(-50%,-50%);text-align:center}.donut-center strong,.donut-center span{display:block}.donut-center strong{font-size:30px}.donut-center span{font-size:11px;color:var(--muted)}.donut-legend{display:grid;gap:10px}.legend-row{display:grid;grid-template-columns:12px 1fr auto;gap:8px;align-items:center;text-align:left;border:1px solid var(--line);background:#fff;padding:11px;border-radius:12px;color:var(--text)}.legend-row i{width:10px;height:10px;border-radius:50%}.legend-row small{grid-column:2/4;color:var(--muted)}.bubble-chart{min-height:290px;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:18px}.country-bubble{width:var(--size);height:var(--size);border-radius:50%;background:linear-gradient(145deg,var(--brand),var(--brand2));display:grid;place-items:center;text-align:center;color:#fff;box-shadow:0 12px 28px rgba(31,122,83,.18);transition:.25s;padding:8px}.country-bubble:nth-child(2n){background:linear-gradient(145deg,#285f50,#72ad94)}.country-bubble:hover{transform:scale(1.08)}.country-bubble strong,.country-bubble span{display:block}.country-bubble strong{font-size:15px}.country-bubble span{font-size:10px;opacity:.85}.concept-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.concept-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 8px 26px rgba(11,31,27,.045)}.concept-toggle{width:100%;border:0;background:#fff;display:grid;grid-template-columns:46px 1fr 24px;align-items:center;gap:13px;text-align:left;padding:18px;cursor:pointer;color:var(--text)}.concept-toggle h3,.concept-toggle p{margin:0}.concept-toggle p{color:var(--muted);font-size:12px;margin-top:4px}.concept-toggle b{font-size:22px;color:var(--brand)}.concept-icon{width:42px;height:42px;border-radius:13px;background:var(--soft);display:grid;place-items:center;color:var(--brand);font-weight:900;font-size:18px}.concept-content{display:none;padding:0 18px 18px 77px;color:var(--muted);line-height:1.6}.concept-content.open{display:block;animation:fade .25s}.concept-content p{margin:0 0 10px}.concept-example{background:var(--bg);border-left:4px solid var(--gold);padding:10px 12px;border-radius:8px;color:var(--text);font-size:13px}.formula-card{margin-top:18px}.formula-flow{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:22px}.formula-flow div{background:var(--bg);border-radius:15px;padding:18px 26px;text-align:center;min-width:150px}.formula-flow strong,.formula-flow span{display:block}.formula-flow strong{font-size:28px;color:var(--brand)}.formula-flow span{font-size:12px;color:var(--muted);margin-top:4px}.formula-flow i{font-size:25px;color:var(--gold);font-style:normal}.formula-flow p{width:100%;text-align:center;color:var(--muted);margin:4px 0 0}.reveal{animation:rise .5s both}footer{padding:15px 38px 30px;color:var(--muted);font-size:12px;text-align:center}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes grow{from{width:0}}@keyframes pulse{0%,100%{box-shadow:0 0 0 5px rgba(120,212,158,.12)}50%{box-shadow:0 0 0 9px rgba(120,212,158,.03)}}
@media(max-width:1050px){.sidebar{width:220px}.app-shell{margin-left:220px}.kpi-grid{grid-template-columns:1fr 1fr}.two-cols,.secondary-grid{grid-template-columns:1fr}.priority-grid{grid-template-columns:1fr 1fr}.history-grid{grid-template-columns:1fr 1fr}.hero-panel{grid-template-columns:1fr}.score-card{border-left:0;border-top:1px solid rgba(255,255,255,.2);padding:20px 0 0}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.app-shell{margin-left:0}.menu-toggle{display:block;border:0;background:#fff;border-radius:10px;padding:9px 11px}.topbar{padding:20px;align-items:flex-start}.period-control{margin-left:auto}.content{padding:5px 18px 28px}.hero-panel{padding:24px}.hero-panel h2{font-size:25px}.score-card{grid-template-columns:90px 1fr}.score-ring{width:88px;height:88px}.kpi-grid,.priority-grid,.history-grid{grid-template-columns:1fr}.section-intro{align-items:stretch;flex-direction:column}.filters{flex-direction:column;width:100%}.action-card{grid-template-columns:42px 1fr}.action-card .status-select{grid-column:2}.topbar h1{font-size:20px}.period-control label{display:none}.card{padding:19px}.chart-head-responsive{align-items:flex-start;flex-direction:column}.chart-switch{width:100%;overflow:auto}.donut-layout{grid-template-columns:1fr}.donut-svg{margin:auto}.donut-center{left:50%;top:145px}.concept-grid{grid-template-columns:1fr}.concept-content{padding-left:18px}.formula-flow{gap:10px}.formula-flow div{min-width:120px;padding:14px}.formula-flow i{transform:rotate(90deg)}}