:root { --azul:#005382; --azulosc:#003d62; --verde:#276601; --verdeclaro:#96C679; --tinta:#262626; --fondo:#f5f8f9; --linea:#dae5e9; --muted:#586e7a; --blanco:#fff; --warning:#a66b18; --risk:#a44343; --shadow:0 18px 45px rgba(0,64,99,.11); }
* {box-sizing:border-box} body {margin:0;background:var(--fondo);color:var(--tinta);font:15px/1.5 'Open Sans',system-ui,-apple-system,Segoe UI,sans-serif} a {color:var(--azul)} h1,h2,h3,p {margin-top:0} h1,h2,h3 {line-height:1.2} h1{font-size:clamp(29px,4.1vw,49px);letter-spacing:-.045em;max-width:770px;margin-bottom:14px} h2{font-size:22px;letter-spacing:-.02em} h3{font-size:17px} .wrap{max-width:1200px;margin:auto;padding:0 22px} .top{background:#fff;color:var(--azul);border-bottom:1px solid var(--linea)} .top>.wrap{min-height:122px;display:flex;align-items:center;justify-content:space-between;gap:24px} .brand{display:flex;align-items:center;flex-shrink:0;text-decoration:none;border-radius:8px} .brand img{width:145px;height:auto;display:block} .brand:focus-visible,.nav a:focus-visible{outline:3px solid var(--verde);outline-offset:4px} .nav{display:flex;gap:23px;align-items:center;font-size:13px;font-weight:750}.nav a{color:var(--azul);text-decoration:none} .nav a:hover{color:var(--verde);text-decoration:underline} .nav-current{padding:8px 13px;border-radius:99px;background:#eef4f7;white-space:nowrap} .hero{background:linear-gradient(120deg,#005382,#073a5a);color:white;padding:49px 0 96px}.kicker{font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.13em;color:#c9f2d0;margin-bottom:14px}.hero p{max-width:660px;font-size:18px;color:#e3f1f6;margin:0}.hero small{display:block;color:#c9dfe8;margin-top:20px}.main{margin-top:-56px;padding-bottom:68px;position:relative}.layout{display:grid;grid-template-columns:minmax(0,1.17fr) minmax(340px,.83fr);gap:24px;align-items:start}.card{background:white;border:1px solid var(--linea);border-radius:22px;box-shadow:var(--shadow);padding:30px}.subtle{font-size:14px;color:var(--muted)}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:var(--azul);margin-bottom:8px}.section{padding-bottom:24px;border-bottom:1px solid var(--linea);margin-bottom:25px}.section:last-of-type{border-bottom:0;padding-bottom:0;margin-bottom:0}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field{min-width:0}.field.full{grid-column:1/-1}.field label{display:block;font-size:13px;font-weight:750;margin-bottom:6px;color:#2b4756}.field .hint{display:block;font-size:11px;color:var(--muted);line-height:1.35;margin:5px 0 0}.field input{width:100%;border:1px solid #c7d7df;padding:11px 13px;background:#fff;color:var(--tinta);font:inherit;border-radius:11px;outline-offset:1px;min-height:46px} .field input:focus{outline:2px solid #6aa6c9;border-color:var(--azul)}.unit{position:relative}.unit .suffix{position:absolute;right:13px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--muted);pointer-events:none}.unit input{padding-right:45px}.toggle{display:flex;gap:7px;background:#eaf1f5;border-radius:13px;padding:5px;margin-bottom:19px}.toggle button{flex:1;font:inherit;font-size:13px;font-weight:700;padding:10px;border-radius:10px;border:0;background:transparent;color:var(--muted);cursor:pointer}.toggle button[aria-pressed=true]{background:white;color:var(--azul);box-shadow:0 2px 7px #0c38521c}.tip{background:#edf6eb;color:#235f11;border-radius:12px;padding:12px 14px;font-size:13px;margin-bottom:20px}.tip strong{font-weight:800}.advanced{margin:22px 0 0;border-radius:14px;background:#f6f9fa;padding:13px 16px}.advanced summary{cursor:pointer;color:var(--azul);font-weight:800}.advanced .field-grid{margin-top:18px}.aside{position:sticky;top:18px;box-shadow:var(--shadow);border-color:#c9dce4}.aside-head{display:flex;align-items:center;justify-content:space-between}.live{font-size:11px;color:var(--verde);font-weight:800;background:#eaf5e7;padding:5px 9px;border-radius:99px}.mainnum{font-size:clamp(27px,3vw,42px);font-weight:850;letter-spacing:-.05em;color:var(--azul);line-height:1.25;overflow-wrap:anywhere}.mainlabel{font-size:13px;font-weight:800;color:var(--muted);margin:19px 0 5px}.big-stat{background:linear-gradient(130deg,#eef7fb,#eff6ef);border-radius:15px;padding:19px;margin:15px 0}.big-stat .mainlabel{margin:0 0 4px}.three{display:grid;grid-template-columns:1fr 1fr;gap:14px}.three>div{border-top:1px solid var(--linea);padding-top:13px}.statlabel{font-size:11px;color:var(--muted);display:block}.statval{font-weight:850;font-size:17px;color:#174e6e;overflow-wrap:anywhere}.progress{height:10px;background:#e3ebee;border-radius:99px;overflow:hidden;margin:9px 0}.progress>div{height:100%;background:linear-gradient(90deg,var(--azul),var(--verdeclaro));transition:width .2s ease}.notice{padding:13px;background:#f6f9fa;border:1px solid var(--linea);border-radius:12px;font-size:13px;margin-top:15px}.notice.warning{background:#fff9ef;border-color:#eedcbd;color:#774c1b}.notice.success{background:#eef8ed;border-color:#d1e7c9;color:#225e19}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:19px}.actions #excel{grid-column:1/-1}.actions .btn{width:100%}.btn{border:0;border-radius:10px;padding:11px 15px;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.btn.primary{background:var(--azul);color:#fff}.btn.secondary{background:#edf2f5;color:var(--azul)}.btn:hover{filter:brightness(.95)}.excel-hint{font-size:11px;color:var(--muted);line-height:1.6;margin:8px 0 0}.btn:focus-visible{outline:3px solid var(--verdeclaro);outline-offset:3px}.panel{margin-top:23px;background:#fff;border:1px solid var(--linea);border-radius:20px;padding:29px;box-shadow:0 7px 28px #1245600c}.compare{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.scenario{border:1px solid var(--linea);border-radius:15px;padding:16px}.scenario.best{border-color:#a1c7d6;background:#f3f9fb}.scenario strong{display:block;font-size:25px;color:var(--azul);letter-spacing:-.035em;overflow-wrap:anywhere}.scenario small{display:block;color:var(--muted);line-height:1.4}.bars{display:grid;gap:10px;margin:19px 0}.barrow{display:grid;grid-template-columns:95px 1fr minmax(95px,150px);align-items:center;gap:12px;font-size:12px}.barrow .bar-track{height:13px;background:#eaf1f4;border-radius:8px;overflow:hidden}.barrow .bar-fill{height:100%;background:var(--azul);border-radius:8px}.barrow:nth-child(even) .bar-fill{background:#87b879}.barrow b{text-align:right;font-size:12px}.table-scroll{overflow-x:auto} table{border-collapse:collapse;width:100%;min-width:565px;margin-top:17px;font-size:13px}th,td{text-align:right;padding:10px 7px;border-bottom:1px solid #e9eff1;white-space:nowrap}th:first-child,td:first-child{text-align:left} th{color:var(--azul);background:#f6f9fa} .explain{margin-top:11px;font-size:12px;color:var(--muted)}.ecosystem{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:22px}.ecosystem a{display:block;text-decoration:none;border:1px solid var(--linea);border-radius:13px;padding:17px;color:var(--tinta);background:#fff}.ecosystem a:hover{border-color:var(--azul);background:#f5fafc}.ecosystem a b{display:block;color:var(--azul)}.ecosystem a small{display:block;color:var(--muted);margin-top:4px}.pill{display:inline-block;background:#d8ecf3;border-radius:6px;padding:3px 8px;color:var(--azul);font-size:11px;font-weight:800}.disclaimer{font-size:12px;color:#546976;border-left:3px solid var(--azul);padding:8px 15px;background:#f5f9fa;margin:18px 0 0}.footer{background:#e9f1f5;padding:22px 0;color:#496475;font-size:12px}.footer-brand{display:flex;gap:11px;align-items:center}.footer-brand img{height:35px;width:auto}.footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.hidden{display:none!important} .error{display:none;padding:11px;background:#fff0f0;color:#7d2828;border-radius:9px;font-size:13px;margin-bottom:12px}.error.show{display:block}@media(max-width:900px){.top>.wrap{min-height:105px}.brand img{width:124px}.layout{grid-template-columns:1fr}.aside{position:static}.hero{padding:42px 0 90px}.ecosystem{grid-template-columns:1fr}.compare{grid-template-columns:1fr 1fr}}@media(max-width:570px){.wrap{padding:0 13px}.card{padding:22px 18px;border-radius:17px}.panel{padding:21px 17px}.field-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.nav a:not(:first-child){display:none}.nav{gap:9px;font-size:12px}.nav a:first-child{max-width:130px;text-align:right}.hero p{font-size:16px}.compare{grid-template-columns:1fr}.three{gap:9px}.barrow{grid-template-columns:61px 1fr minmax(80px,110px);gap:6px}.main{margin-top:-52px}.top>.wrap{min-height:93px;gap:12px}.brand img{width:111px}.footer .wrap{flex-direction:column;align-items:flex-start}} @media print{.top,.nav,.actions,.hero small,.advanced,.ecosystem,.footer,.btn{display:none!important}.hero{background:white;color:black;padding:10px 0}.hero p{color:#222}.main{margin:0}.card,.panel{box-shadow:none;break-inside:avoid}.layout{grid-template-columns:1fr 1fr}.aside{position:static}.panel{margin-top:14px}}
@media(max-width:380px){.nav-current{display:none}}
.connection-compact{padding-top:24px;padding-bottom:22px}.connection-compact h2{max-width:730px;margin-bottom:9px}.connection-compact>.subtle{max-width:750px;line-height:1.65;margin-bottom:12px}.connection-cta{display:inline-flex;align-items:center;gap:10px;color:var(--azul);font-weight:800;text-decoration:none;font-size:14px;border-bottom:2px solid #96C679;padding:0 0 2px}.connection-cta:hover{text-decoration:underline}.connection-cta:focus-visible{outline:3px solid var(--verde);outline-offset:4px}.connection-cta span{color:var(--verde);font-size:21px;line-height:1}.connection-compact .disclaimer{margin-top:22px}
.method-toggle{margin-top:21px;border-top:1px solid var(--linea);padding-top:11px}.method-toggle summary{cursor:pointer;color:var(--azul);font-size:12px;font-weight:750;line-height:1.5;list-style:revert}.method-toggle .disclaimer{margin-top:12px}.method-toggle summary:focus-visible{outline:3px solid var(--verde);outline-offset:4px}
#fillProgress{width:0}

.analytics-consent{position:fixed;z-index:9999;inset:auto 16px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(960px,calc(100vw - 32px));margin:auto;padding:18px 20px;border:1px solid #cbd9df;border-radius:14px;background:#fff;box-shadow:0 14px 48px #122f4230;color:#18334a;font:15px/1.45 system-ui,sans-serif}.analytics-consent[hidden]{display:none}.analytics-consent p{margin:4px 0 0;color:#526675;font-size:14px}.analytics-consent a{color:#145b83;text-decoration:underline}.analytics-consent__actions{display:flex;gap:8px;flex:none}.analytics-consent button{border:1px solid #9aafba;border-radius:7px;padding:10px 13px;background:#fff;color:#18334a;font:inherit;font-weight:650;cursor:pointer}.analytics-consent button.primary{background:#123d58;color:#fff;border-color:#123d58}@media(max-width:680px){.analytics-consent{align-items:stretch;flex-direction:column}.analytics-consent__actions{justify-content:flex-end}}

.analytics-preferences{position:fixed;z-index:9998;left:12px;bottom:12px;border:1px solid #9aafba;border-radius:7px;padding:8px 11px;background:#fff;color:#18334a;font:13px/1.3 system-ui,sans-serif;box-shadow:0 4px 16px #122f4220;cursor:pointer}