@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#f4f7fb;background:#0b1020;--bg:#0b1020;--surface:#151d30;--surface2:#1c2940;--line:#30405a;--muted:#a4afc1;--accent:#ffe600;--accent2:#557ef2;--ink:#0a1425}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% -20%,color-mix(in srgb,var(--accent2) 18%,transparent),transparent 44%),var(--bg);min-height:100vh}a{color:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:10;background:white;color:black;padding:10px}.topbar{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,3vw,58px);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 92%,white);gap:15px}.portfolio-link{display:flex;align-items:center;gap:15px;text-decoration:none;font-size:12px;letter-spacing:.08em}.portfolio-link strong{font-family:'Space Grotesk',sans-serif;font-size:14px;letter-spacing:-.02em}.portfolio-link span{color:var(--muted);font-size:10px;letter-spacing:.16em}.topbar-right{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.12em}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.topbar-mark{margin-left:30px;color:var(--accent);font-family:'Space Grotesk';font-size:17px}.dashboard{width:min(1510px,100%);margin:auto;padding:29px clamp(18px,3vw,52px) 50px}.mast{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:start}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--accent);text-transform:uppercase}.mast h1{font:700 clamp(36px,4vw,61px)/1.01 'Space Grotesk',sans-serif;letter-spacing:-.055em;margin:11px 0 11px;max-width:850px}.mast h1 em{color:var(--accent);font-style:normal}.lead{max-width:820px;color:#d3dbe6;font-size:15px;line-height:1.55;margin:0}.stamp{border:1px solid var(--line);border-radius:14px;padding:13px 18px;text-align:right;min-width:170px}.stamp span{display:block;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.15em}.stamp strong{font:700 22px 'Space Grotesk';display:block;margin-top:4px}.insight{margin:22px 0 20px;background:linear-gradient(100deg,color-mix(in srgb,var(--accent) 16%,var(--surface)) 0%,var(--surface) 78%);border:1px solid color-mix(in srgb,var(--accent) 38%,var(--line));border-radius:16px;display:flex;align-items:center;gap:16px;padding:15px 20px}.insight .symbol{font-size:25px;color:var(--accent);font-weight:700}.insight span{font-size:10px;color:var(--accent);letter-spacing:.14em;font-weight:700}.insight p{margin:4px 0 0;font-size:14px;line-height:1.45;color:#e7edf5}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.kpi{min-height:136px;padding:17px 18px;background:var(--surface);border:1px solid var(--line);border-radius:16px;position:relative;overflow:hidden}.kpi:before{content:'';position:absolute;width:4px;left:0;top:20px;bottom:20px;background:var(--accent);border-radius:0 4px 4px 0}.kpi label{display:block;font-size:10px;font-weight:700;letter-spacing:.13em;color:var(--muted);text-transform:uppercase}.kpi strong{display:block;margin:14px 0 4px;font:700 clamp(25px,2.45vw,37px)/1 'Space Grotesk';letter-spacing:-.04em;white-space:nowrap}.kpi small{color:var(--muted);font-size:11px}.kpi small b{color:var(--accent);font-weight:700}.section-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(350px,.85fr);gap:14px;margin-top:14px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;min-width:0}.panel-head{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:14px}.panel-kicker{color:var(--accent);font-weight:700;font-size:10px;letter-spacing:.14em}.panel h2{font:600 21px/1.15 'Space Grotesk';letter-spacing:-.035em;margin:5px 0}.panel-sub{color:var(--muted);font-size:11px;line-height:1.5;margin:0}.segmented{display:flex;border:1px solid var(--line);border-radius:10px;padding:3px;background:var(--bg);gap:2px;flex-wrap:wrap}.segmented button{border:0;border-radius:7px;background:transparent;color:var(--muted);font:700 10px 'DM Sans';padding:8px 10px;cursor:pointer}.segmented button.active{background:var(--accent);color:var(--ink)}.chart{height:235px;display:flex;align-items:center}.chart svg{width:100%;height:100%;overflow:visible}.axis-text{fill:var(--muted);font:11px 'DM Sans',Arial}.chart-label{fill:#eef4fa;font:700 12px 'Space Grotesk'}.chart-grid{stroke:var(--line);stroke-dasharray:3 5}.chart-bar{fill:var(--accent)}.chart-bar-alt{fill:var(--accent2)}.legend{display:flex;gap:16px;align-items:center;color:var(--muted);font-size:11px;margin-top:3px}.legend i{display:inline-block;width:9px;height:9px;border-radius:2px;background:var(--accent);margin-right:5px}.legend i.alt{background:var(--accent2)}.breakdown{display:grid;gap:14px;margin-top:21px}.barrow{display:grid;grid-template-columns:1fr auto;gap:7px 16px;align-items:center;font-size:12px}.barrow span{color:#e9eff7}.barrow b{font:700 14px 'Space Grotesk'}.bartrack{grid-column:1/-1;background:var(--surface2);height:7px;border-radius:10px;overflow:hidden}.bartrack i{display:block;height:100%;background:var(--accent);border-radius:10px}.takeaway{margin-top:14px;border-top:1px solid var(--line);padding-top:14px;display:flex;gap:12px}.takeaway .arrow{color:var(--accent);font-size:20px}.takeaway p{margin:0;color:#cdd6e4;font-size:12px;line-height:1.55}.lower{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.mini{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:16px 18px;min-height:97px}.mini span{font-size:10px;font-weight:700;letter-spacing:.13em;color:var(--muted);display:block}.mini strong{font:700 22px 'Space Grotesk';margin:8px 0 3px;display:block}.mini small{font-size:11px;color:var(--muted)}.sourcebar{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-top:16px;border-top:1px solid var(--line);padding-top:14px;color:var(--muted);font-size:11px;line-height:1.5}.sourcebar p{margin:0;max-width:850px}.sourcebar a{color:var(--accent);white-space:nowrap}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:22px clamp(18px,3vw,58px);border-top:1px solid var(--line);color:var(--muted);font-size:11px}.site-footer a{text-decoration:none}.site-footer a:hover,.sourcebar a:hover{text-decoration:underline}.bank-tools{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.bank-tools input{border:1px solid var(--line);background:var(--bg);color:white;border-radius:9px;padding:9px 10px;font:12px 'DM Sans';width:170px}.bank-list{display:grid;gap:1px;max-height:230px;overflow:auto}.bank-row{display:grid;grid-template-columns:27px 1fr 74px 74px;gap:8px;align-items:center;padding:10px 8px;border-bottom:1px solid var(--line);font-size:11px}.bank-row strong{font-size:12px}.bank-row span:first-child{color:var(--accent)}.bank-row time{color:var(--muted);text-align:right}.bank-row b{text-align:right;font:700 14px 'Space Grotesk'}.empty{padding:20px;color:var(--muted);font-size:12px}
body[data-case='meli']{--bg:#171b39;--surface:#22294a;--surface2:#303960;--line:#424b70;--muted:#c1c8db;--accent:#ffe600;--accent2:#6b79e6;--ink:#161b38}
body[data-case='ypf']{--bg:#071c33;--surface:#102a46;--surface2:#1a3b59;--line:#2f536a;--muted:#b9cbd6;--accent:#8cce37;--accent2:#3e8fd5;--ink:#071c33}
body[data-case='bcra']{--bg:#081b34;--surface:#132b47;--surface2:#1d3b5b;--line:#37516b;--muted:#b9c8d8;--accent:#68b9e8;--accent2:#a0c2d8;--ink:#071b32}
body[data-case='bcra'] .kpi:first-child strong{font-size:clamp(21px,2vw,30px);white-space:normal;line-height:1.1}
/* Three distinct visual systems: editorial commerce, operations room, and institutional comparator. */
body[data-case='meli']{--bg:#f5f2e8;--surface:#fffefa;--surface2:#eee9d8;--line:#d9d3bc;--muted:#5e6370;--accent:#e8ce00;--accent2:#4559ad;--ink:#151a35;color:#151a35;background:var(--bg)}
body[data-case='meli'] .topbar{background:#171d3d;color:#fff;border-color:#171d3d}
body[data-case='meli'] .topbar-right{color:#c9cde0}
body[data-case='meli'] .dashboard{padding-top:22px}
body[data-case='meli'] .mast{background:#ffe600;border-radius:20px;padding:30px 34px;min-height:233px;align-items:center}
body[data-case='meli'] .eyebrow,body[data-case='meli'] .mast h1 em{color:#222952}
body[data-case='meli'] .mast h1{font-size:clamp(40px,4.4vw,67px);margin:9px 0}
body[data-case='meli'] .lead{color:#252b4e}
body[data-case='meli'] .stamp{border-color:#808040}
body[data-case='meli'] .stamp span{color:#4b4d2f}
body[data-case='meli'] .insight{background:#1e254b;color:#fff;border:0;margin:13px 0}
body[data-case='meli'] .insight span,body[data-case='meli'] .insight .symbol{color:#ffe600}
body[data-case='meli'] .insight p{color:#f7f5e9}
body[data-case='meli'] .kpi{background:#fffefa;box-shadow:0 3px 15px rgba(27,34,72,.045);border-color:#ded9c8}
body[data-case='meli'] .kpi:before{left:18px;right:18px;top:auto;bottom:0;width:auto;height:4px;background:#e8ce00;border-radius:5px 5px 0 0}
body[data-case='meli'] .kpi small b{color:#233fb3}
body[data-case='meli'] .panel{box-shadow:0 3px 15px rgba(27,34,72,.045)}
body[data-case='meli'] .panel-kicker{color:#3e50aa}
body[data-case='meli'] .segmented{background:#f0eddf}
body[data-case='meli'] .segmented button.active{background:#222952;color:#fff}
body[data-case='meli'] .barrow span{color:#252b4e}
body[data-case='meli'] .takeaway p{color:#474c58}
body[data-case='meli'] .mini{background:#e9ebf6;border-color:#d9dbed}
body[data-case='meli'] .sourcebar a{color:#293fa3}
body[data-case='meli'] .chart-bar{fill:#283f9c}
body[data-case='meli'] .chart-bar-alt{fill:#e8ce00}
body[data-case='meli'] .bartrack i{background:#263f9e}
body[data-case='ypf'] .dashboard{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:13px}
body[data-case='ypf'] .mast{grid-column:1;grid-row:1;display:block;padding:12px 0 4px}
body[data-case='ypf'] .mast h1{font-size:clamp(39px,4.4vw,67px)}
body[data-case='ypf'] .stamp{position:static;margin-top:12px;padding:8px 12px;width:max-content;text-align:left}
body[data-case='ypf'] .insight{grid-column:2;grid-row:1;margin:0;align-items:flex-start;flex-direction:column;justify-content:center;padding:23px 25px;background:#142f4d;border-color:#3e744d}
body[data-case='ypf'] .insight .symbol{font-size:35px}
body[data-case='ypf'] .insight p{font-size:14px;line-height:1.58}
body[data-case='ypf'] .kpis,body[data-case='ypf'] .section-grid,body[data-case='ypf'] .lower,body[data-case='ypf'] .sourcebar{grid-column:1/-1;margin-top:0}
body[data-case='ypf'] .kpi{border-top:3px solid #8cce37}
body[data-case='ypf'] .kpi:before{display:none}
body[data-case='ypf'] .section-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr)}
body[data-case='ypf'] .chart{height:245px}
body[data-case='bcra']{--bg:#f0f4f8;--surface:#ffffff;--surface2:#e9f0f7;--line:#d5e0e9;--muted:#536b80;--accent:#006da7;--accent2:#8bbad2;--ink:#092b49;color:#102f49;background:#f0f4f8}
body[data-case='bcra'] .topbar{background:#092c4d;color:#fff;border-color:#092c4d}
body[data-case='bcra'] .topbar-right{color:#d5e8f6}
body[data-case='bcra'] .dashboard{padding-top:20px}
body[data-case='bcra'] .mast{grid-template-columns:1fr auto;align-items:center;border-bottom:2px solid #bad5e5;padding-bottom:14px}
body[data-case='bcra'] .mast h1{font-size:clamp(36px,3.1vw,48px);margin:7px 0}
body[data-case='bcra'] .mast h1 em{color:#006da7}
body[data-case='bcra'] .lead{color:#40596e;max-width:980px}
body[data-case='bcra'] .stamp{border-color:#adc9da}
body[data-case='bcra'] .insight{background:#e2f0f8;border-color:#bed9e8;margin:13px 0;padding:11px 18px}
body[data-case='bcra'] .insight span,body[data-case='bcra'] .insight .symbol{color:#006da7}
body[data-case='bcra'] .insight p{color:#294659}
body[data-case='bcra'] .kpis{gap:0;background:#fff;border:1px solid #d5e0e9;border-radius:14px;overflow:hidden}
body[data-case='bcra'] .kpi{border:0;border-right:1px solid #d5e0e9;border-radius:0;min-height:112px;padding:15px 18px}
body[data-case='bcra'] .kpi:last-child{border-right:0}
body[data-case='bcra'] .kpi:before{display:none}
body[data-case='bcra'] .kpi strong{margin:10px 0 3px;font-size:29px}
body[data-case='bcra'] .kpi:first-child strong{font-size:23px}
body[data-case='bcra'] .section-grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)}
body[data-case='bcra'] .section-grid .panel:nth-child(2){order:-1}
body[data-case='bcra'] .panel{border-radius:12px}
body[data-case='bcra'] .panel-kicker{color:#006da7}
body[data-case='bcra'] .panel h2{color:#103850}
body[data-case='bcra'] .bank-list{max-height:260px}
body[data-case='bcra'] .bank-row strong{font-size:11px;color:#183c54}
body[data-case='bcra'] .bank-row span:first-child{color:#006da7}
body[data-case='bcra'] .bank-tools input{background:#f5f8fb;color:#133854}
body[data-case='bcra'] .segmented{background:#edf3f8}
body[data-case='bcra'] .segmented button.active{background:#006da7;color:#fff}
body[data-case='bcra'] .takeaway p,body[data-case='bcra'] .barrow span{color:#40596e}
body[data-case='bcra'] .sourcebar a{color:#006da7}
body[data-case='bcra'] .mini{background:#fff}
@media(max-width:900px){body[data-case='ypf'] .dashboard{display:block}body[data-case='ypf'] .stamp{position:static;margin-top:13px}body[data-case='ypf'] .insight{margin:15px 0;flex-direction:row}body[data-case='ypf'] .section-grid,body[data-case='bcra'] .section-grid{grid-template-columns:1fr}body[data-case='bcra'] .section-grid .panel:nth-child(2){order:0}}
@media(max-width:620px){body[data-case='meli'] .mast{padding:20px}body[data-case='bcra'] .kpis{grid-template-columns:1fr 1fr}body[data-case='bcra'] .kpi{border-bottom:1px solid var(--line)}body[data-case='bcra'] .mast{grid-template-columns:1fr}}
/* App workspace proportions and navigation rail, drawn from the shared dashboard references. */
.topbar{height:54px;padding-left:22px;padding-right:28px}
.app-rail{position:fixed;top:54px;bottom:0;left:0;width:70px;display:flex;align-items:center;flex-direction:column;padding:15px 9px;background:#fff;border-right:1px solid var(--line);z-index:20;color:#183c53}
.rail-monogram{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:var(--accent);font:700 13px 'Space Grotesk';color:var(--ink);letter-spacing:-.04em}
.app-rail nav{display:grid;gap:10px;margin-top:42px}
.app-rail a{width:40px;height:40px;display:grid;place-items:center;text-decoration:none;color:inherit;border-radius:11px;font-size:20px;line-height:1}
.app-rail a:hover,.app-rail a.rail-active{background:var(--accent);color:var(--ink)}
.app-rail .rail-contact{margin-top:auto;background:var(--surface2)}
.dashboard{margin-left:70px;width:calc(100% - 70px);max-width:none;padding:20px clamp(19px,2.5vw,38px) 36px}
.site-footer{margin-left:70px}
.mast h1{line-height:1.02}
.lead{font-size:13px;line-height:1.45}
.insight{border-radius:13px}
.insight p{font-size:12px}
.kpis{gap:10px}
.kpi{min-height:105px;padding:14px 16px;border-radius:14px}
.kpi strong{margin:10px 0 3px;font-size:clamp(23px,2.3vw,31px)}
.section-grid{gap:10px;margin-top:10px}
.panel{padding:16px;border-radius:15px}
.panel h2{font-size:18px}
.chart{height:210px}
.lower{gap:10px;margin-top:10px}
.mini{min-height:83px;padding:13px 16px}
.mini strong{font-size:18px}
body[data-case='meli'] .app-rail{background:#202748;border-color:#202748;color:#e8ebff}
body[data-case='meli'] .rail-monogram{background:#ffe600;color:#202748}
body[data-case='meli'] .app-rail a:hover,body[data-case='meli'] .app-rail .rail-active{background:#ffe600;color:#202748}
body[data-case='meli'] .mast{min-height:0;padding:18px 24px;border-radius:16px}
body[data-case='meli'] .mast{background:#fffefa;border:1px solid #ded9c8;border-left:8px solid #ffe600;box-shadow:0 9px 26px rgba(28,35,69,.045)}
body[data-case='meli'] .stamp{background:#fff6b9;border-color:#e3d45c}
body[data-case='meli'] .mast h1{font-size:clamp(36px,3.5vw,48px);margin:5px 0 7px}
body[data-case='meli'] .insight{margin:10px 0;padding:10px 16px}
body[data-case='meli'] .kpi:first-child{background:#ffe600;border-color:#ffe600;color:#202748}
body[data-case='meli'] .kpi:first-child label,body[data-case='meli'] .kpi:first-child small{color:#283155}
body[data-case='meli'] .kpi:first-child small b{color:#243ea6}
body[data-case='meli'] .chart{height:225px}
body[data-case='ypf']{--bg:#edf3f4;--surface:#fff;--surface2:#e8eef0;--line:#d7e0e2;--muted:#5d7180;--accent:#7ab72d;--accent2:#2f88bb;--ink:#0d2d45;color:#102d43;background:#edf3f4}
body[data-case='ypf'] .topbar{background:#0d2d45;color:#fff;border-color:#0d2d45}
body[data-case='ypf'] .topbar-right{color:#cbdce5}
body[data-case='ypf'] .app-rail{background:#0d2d45;color:#d1e2e8;border-color:#0d2d45}
body[data-case='ypf'] .rail-monogram{background:#7ab72d;color:#0d2d45}
body[data-case='ypf'] .app-rail a:hover,body[data-case='ypf'] .app-rail .rail-active{background:#7ab72d;color:#0d2d45}
body[data-case='ypf'] .dashboard{grid-template-columns:minmax(0,1.45fr) minmax(270px,.55fr);gap:10px}
body[data-case='ypf'] .mast{padding:0}
body[data-case='ypf'] .mast h1{font-size:clamp(35px,3.4vw,48px);margin:5px 0 8px;color:#0d2d45}
body[data-case='ypf'] .mast h1 em{color:#529118}
body[data-case='ypf'] .lead{color:#4b6471}
body[data-case='ypf'] .stamp{margin-top:8px;background:#fff;border-color:#d5e0e4}
body[data-case='ypf'] .insight{background:#123b54;border-color:#123b54;padding:15px 20px;color:#fff}
body[data-case='ypf'] .insight p{color:#eef8f5}
body[data-case='ypf'] .insight span,body[data-case='ypf'] .insight .symbol{color:#a8dc6a}
body[data-case='ypf'] .kpi{background:#fff;border-top:0}
body[data-case='ypf'] .kpi strong{color:#0d2d45}
body[data-case='ypf'] .kpi small b{color:#468313}
body[data-case='ypf'] .kpi:first-child{background:#0d2d45;border-color:#0d2d45}
body[data-case='ypf'] .kpi:first-child strong{color:#fff}
body[data-case='ypf'] .kpi:first-child label,body[data-case='ypf'] .kpi:first-child small{color:#d7e4e8}
body[data-case='ypf'] .panel h2{color:#102d43}
body[data-case='ypf'] .barrow span,body[data-case='ypf'] .takeaway p{color:#455e6c}
body[data-case='ypf'] .chart-label{fill:#194564}
body[data-case='ypf'] .mini{background:#fff}
body[data-case='ypf'] .sourcebar a{color:#1a6c9b}
body[data-case='ypf'] .chart{height:210px}
body[data-case='bcra'] .app-rail{background:#fff;color:#174360}
body[data-case='bcra'] .mast h1{font-size:clamp(32px,3vw,40px);margin:4px 0 6px}
body[data-case='bcra'] .mast{padding-bottom:10px}
body[data-case='bcra'] .insight{margin:9px 0;padding:9px 15px}
body[data-case='bcra'] .kpi{min-height:96px;padding:12px 16px}
body[data-case='bcra'] .kpi strong{font-size:25px;margin:8px 0 2px}
body[data-case='bcra'] .kpi:first-child strong{font-size:20px}
body[data-case='bcra'] .kpi:first-child{background:#0c3d60;color:#fff}
body[data-case='bcra'] .kpi:first-child label,body[data-case='bcra'] .kpi:first-child small{color:#d8eaf4}
body[data-case='bcra'] .bank-list{max-height:248px}
body[data-case='bcra'] .chart{height:195px}
@media(max-width:900px){.app-rail{width:54px}.app-rail a{width:36px}.dashboard{margin-left:54px;width:calc(100% - 54px)}.site-footer{margin-left:54px}}
@media(max-width:620px){.app-rail{display:none}.dashboard{margin-left:0;width:100%;padding-inline:16px}.site-footer{margin-left:0}body[data-case='ypf'] .dashboard{display:block}body[data-case='ypf'] .insight{margin:10px 0}body[data-case='ypf'] .mast h1,body[data-case='meli'] .mast h1{font-size:35px}}
.bank-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:900px){.kpis{grid-template-columns:repeat(2,1fr)}.section-grid{grid-template-columns:1fr}.lower{grid-template-columns:1fr 1fr}.mast h1{font-size:44px}}@media(max-width:620px){.topbar-right{display:none}.dashboard{padding-top:25px}.mast{grid-template-columns:1fr}.stamp{text-align:left;width:max-content}.mast h1{font-size:37px}.kpis{gap:9px}.kpi{min-height:120px;padding:15px}.kpi strong{font-size:25px}.lower{grid-template-columns:1fr}.panel{padding:15px}.panel-head{flex-direction:column}.bank-row{grid-template-columns:20px 1fr 65px}.bank-row time{display:none}.site-footer span{display:none}.sourcebar{flex-direction:column}.sourcebar a{white-space:normal}}

/* Final art direction: use the reference dashboards' layered app feel while
   keeping every accent tied to a real metric or the case brand. */
.panel,.kpi,.mini{box-shadow:0 8px 25px rgba(17,34,54,.055)}
.panel{position:relative}
.panel:after{content:'';position:absolute;left:17px;right:17px;bottom:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent 55%);opacity:.55}
.kpi,.mini,.panel,.mast,.insight{transition:transform .18s ease,box-shadow .18s ease}
@media(hover:hover){.kpi:hover,.mini:hover,.panel:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(17,34,54,.11)}}
.segmented button:focus-visible,.app-rail a:focus-visible,.bank-tools input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
body[data-case='meli']{background:radial-gradient(circle at 76% 2%,#fffce3 0,transparent 33%),#f5f2e8}
body[data-case='meli'] .mast{background:linear-gradient(115deg,#ffe600 0%,#ffe600 68%,#fff073 100%);border:1px solid #e7d347;overflow:hidden;position:relative;isolation:isolate;box-shadow:0 15px 36px rgba(85,74,4,.12)}
body[data-case='meli'] .mast:before{content:'';position:absolute;width:390px;height:390px;right:7%;top:-230px;border:55px solid rgba(255,255,255,.23);border-radius:50%;z-index:-1}
body[data-case='meli'] .mast:after{content:'';position:absolute;width:170px;height:170px;right:24%;bottom:-127px;border:32px solid rgba(32,39,72,.07);border-radius:50%;z-index:-1}
body[data-case='meli'] .mast h1{color:#1c254d}
body[data-case='meli'] .stamp{background:#fffdf0;border-color:#e0d46b;box-shadow:0 8px 22px rgba(41,41,3,.09)}
body[data-case='meli'] .kpi:first-child{background:#202748;border-color:#202748;color:#fff}
body[data-case='meli'] .kpi:first-child label,body[data-case='meli'] .kpi:first-child small{color:#e7eaf7}
body[data-case='meli'] .kpi:first-child strong,body[data-case='meli'] .kpi:first-child small b{color:#ffe600}
body[data-case='meli'] .kpi:first-child:before{background:#ffe600}
body[data-case='meli'] .mini:first-child{background:#e5e9fa}
body[data-case='meli'] .mini:last-child{background:#fff9d4}
body[data-case='ypf'] .mast h1,body[data-case='ypf'] .kpi strong,body[data-case='ypf'] .mini strong{font-family:'Barlow Condensed','Space Grotesk',sans-serif;letter-spacing:-.015em}
body[data-case='ypf'] .mast h1{font-size:clamp(42px,4vw,58px);line-height:.95}
body[data-case='ypf'] .insight{display:grid;grid-template-columns:100px 1fr;column-gap:16px;align-content:center;background:linear-gradient(135deg,#0b344e,#174b60);box-shadow:0 14px 30px rgba(15,57,80,.18)}
body[data-case='ypf'] .insight .symbol{grid-row:1/3;align-self:center}
body[data-case='ypf'] .share-ring{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:radial-gradient(circle,#123b54 0 57%,transparent 59%),conic-gradient(#a6df66 var(--share),#3e6575 var(--share));font:700 24px 'Barlow Condensed',sans-serif;color:#fff}
body[data-case='ypf'] .insight p{font-size:12px}
body[data-case='ypf'] .kpi:first-child{background:linear-gradient(135deg,#0d2d45,#16445a)}
body[data-case='ypf'] .kpi:first-child:after{content:'UPSTREAM';position:absolute;right:13px;bottom:11px;font:700 9px 'DM Sans';letter-spacing:.16em;color:#7eb1b6}
body[data-case='ypf'] .mini{border-top:3px solid #7ab72d}
body[data-case='ypf'] .mini:nth-child(2){border-top-color:#2f88bb}
body[data-case='ypf'] .mini:nth-child(3){border-top-color:#b0c8d4}
body[data-case='bcra']{font-family:'IBM Plex Sans','DM Sans',sans-serif}
body[data-case='bcra'] .mast h1,body[data-case='bcra'] .panel h2,body[data-case='bcra'] .kpi strong,body[data-case='bcra'] .mini strong{font-family:'IBM Plex Sans',sans-serif;letter-spacing:-.035em}
body[data-case='bcra'] .mast{border-bottom:0;background:#fff;border:1px solid #d5e0e9;border-radius:13px;padding:16px 22px;box-shadow:0 8px 25px rgba(14,50,73,.045)}
body[data-case='bcra'] .mast:before{content:'';display:block;position:absolute;left:0;top:15px;bottom:15px;width:4px;background:#006da7;border-radius:0 4px 4px 0}
body[data-case='bcra'] .mast{position:relative}
body[data-case='bcra'] .insight{border-radius:9px}
body[data-case='bcra'] .kpi:first-child{background:linear-gradient(135deg,#0a3b60,#006da7)}
body[data-case='bcra'] .bank-row:nth-child(even){background:#f3f8fb}
body[data-case='bcra'] .bank-row:hover{background:#e4f2fa}
body[data-case='bcra'] .bank-row{border-radius:4px}
body[data-case='bcra'] .panel:after{background:linear-gradient(90deg,#006da7,transparent 45%)}
@media(max-width:900px){body[data-case='ypf'] .insight{grid-template-columns:82px 1fr}body[data-case='ypf'] .share-ring{width:72px;height:72px;font-size:20px}}
@media(max-width:620px){body[data-case='meli'] .mast:before{right:-170px}body[data-case='ypf'] .insight{display:flex;flex-direction:row;align-items:center}body[data-case='ypf'] .share-ring{flex:none}}
.sourcebar{flex-wrap:wrap}.sourcebar p{flex:1 1 100%;margin:0}.sourcebar a{white-space:normal}