@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--navy:#082d5d;--navy-deep:#061f45;--ink:#071f49;--muted:#536b96;--blue:#0864ee;--blue-2:#2b8bff;--sky:#cbe6ff;--surface:#fff;--page:#f2f6fc;--line:#d9e3f0;--red:#f1392f;--orange:#ff681c;--shadow:0 8px 24px rgba(23,66,119,.08);--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--page)}button,input{font:inherit}button{color:inherit}.material-symbols-rounded{font-size:21px;font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(72,151,255,.42);outline-offset:2px}.skip-link{position:fixed;z-index:100;left:12px;top:8px;transform:translateY(-150%);padding:9px 13px;border-radius:8px;background:white;color:var(--ink)}.skip-link:focus{transform:none}
.app-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:220px;background:linear-gradient(180deg,#082e60 0%,#082f64 55%,#072957 100%);color:#fff;overflow:hidden;box-shadow:8px 0 26px rgba(4,31,70,.08)}.brand{height:111px;display:flex;flex-direction:column;justify-content:center;padding:0 40px;color:white;text-decoration:none}.brand span{font-size:30px;line-height:.9;font-weight:400;letter-spacing:.055em;font-family:Arial,sans-serif;transform:scaleX(1.08);transform-origin:left}.brand span::before{content:"";position:absolute;width:22px;height:2px;margin-top:13px;background:#fff;box-shadow:53px 0 #fff,107px 0 #fff}.brand small{margin-top:10px;font-size:12px;line-height:1;letter-spacing:.37em;font-weight:700}.side-nav{position:relative;z-index:5;padding:10px 16px;display:flex;flex-direction:column;gap:2px}.side-link{width:100%;height:45px;display:flex;align-items:center;gap:15px;padding:0 17px;border:0;border-radius:12px;background:transparent;color:rgba(255,255,255,.9);cursor:pointer;text-align:left;transition:.18s var(--ease)}.side-link b{font-size:14px;font-weight:600}.side-link .material-symbols-rounded{color:#d4e6ff}.side-link:hover{background:rgba(255,255,255,.08)}.side-link.is-active{background:linear-gradient(110deg,#0e69ed,#216fd7);box-shadow:0 7px 18px rgba(1,45,109,.28);color:#fff}.side-link.is-active .material-symbols-rounded{color:#fff}.lighthouse-scene{position:absolute;z-index:1;left:0;right:0;bottom:225px;height:220px;pointer-events:none;background:linear-gradient(180deg,transparent 0 44%,rgba(6,34,76,.2) 45% 100%)}.lighthouse-scene::after{content:"";position:absolute;left:-35px;right:-30px;bottom:-15px;height:80px;background:#061d3d;clip-path:polygon(0 72%,14% 48%,32% 60%,49% 37%,68% 52%,83% 26%,100% 60%,100% 100%,0 100%)}.topo{position:absolute;border:1px solid rgba(39,123,224,.23);border-radius:50%;transform:rotate(-10deg)}.topo-one{width:250px;height:90px;left:-70px;top:24px}.topo-two{width:280px;height:120px;left:-23px;top:70px}.beam{position:absolute;z-index:4;left:76px;bottom:60px;height:60px;width:100px;transform-origin:left bottom;background:linear-gradient(90deg,rgba(255,218,143,.45),transparent 70%);clip-path:polygon(0 44%,100% 0,100% 100%,0 58%);filter:blur(2px)}.beam-left{transform:scaleX(-1) rotate(7deg);left:81px}.beam-right{transform:rotate(-6deg)}.lighthouse{position:absolute;z-index:6;left:76px;bottom:48px;width:17px;height:70px;background:linear-gradient(90deg,#dceaff,#fff 50%,#adc5e5);clip-path:polygon(27% 10%,73% 10%,100% 100%,0 100%)}.lighthouse i{position:absolute;left:-2px;top:0;width:21px;height:10px;background:#081b36;border-radius:2px}.lighthouse b{position:absolute;left:2px;top:-7px;width:13px;height:8px;background:#ffc863;box-shadow:0 0 15px #ffc25a}.lighthouse em{position:absolute;left:5px;top:-13px;width:7px;height:7px;border-left:1px solid #d7eaff;border-right:1px solid #d7eaff}.side-bottom{position:absolute;z-index:10;left:16px;right:16px;bottom:18px}.profile-card b{display:block;font-size:12px}.profile-card small{display:block;margin-top:5px;font-size:10px;color:#c7dcf6}.chevron{font-size:17px!important}.support-link{height:55px;width:100%;display:flex;align-items:center;gap:14px;padding:0 16px;border:0;background:transparent;color:#fff;font-size:12px;cursor:pointer}.support-link .material-symbols-rounded{font-size:19px}.profile-card{width:100%;display:grid;grid-template-columns:40px 1fr 18px;align-items:center;gap:8px;padding:9px 8px;border:0;background:transparent;color:#fff;text-align:left;cursor:pointer}.profile-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#2090ff,#0555db);font-size:12px;font-weight:700}
main{grid-column:2;min-width:0;min-height:100vh}.hero-coast{position:relative;height:221px;overflow:hidden;background:linear-gradient(112deg,#bfe2ff 0%,#d6eaff 48%,#fff0dc 76%,#cce2fa 100%);border-bottom:1px solid #a9cfee}.hero-coast::after{content:"";position:absolute;left:0;right:0;bottom:0;height:28px;background:repeating-linear-gradient(180deg,rgba(78,145,207,.13) 0 1px,transparent 1px 4px),linear-gradient(180deg,rgba(180,220,255,.72),rgba(232,245,255,.88))}.hero-copy{position:relative;z-index:10;padding:43px 38px}.hero-copy>p:first-child{margin:0 0 12px;font-size:16px;color:#435e89}.hero-copy>p:first-child strong{color:#103464}.hero-copy h1{margin:0;white-space:nowrap;font-size:52px;line-height:.95;letter-spacing:-.052em;font-weight:700;color:#061e49}.hero-copy h1 sup{font-size:30px;vertical-align:top;position:relative;top:4px;margin-right:8px;font-weight:500}.hero-copy h1 small{font-size:27px;margin-right:14px}.hero-sub{margin:15px 0 0;font-size:17px;color:#4d678f}.hero-sub strong{color:var(--red);font-weight:700}.utility-pill{position:absolute;z-index:20;top:24px;right:23px;height:53px;display:flex;align-items:center;gap:17px;padding:0 17px;border:1px solid rgba(255,255,255,.9);border-radius:19px;background:rgba(246,251,255,.79);box-shadow:0 10px 28px rgba(61,112,169,.08);backdrop-filter:blur(16px);font-size:11px;color:#38547e}.viewers{display:flex;align-items:center}.viewers>span{width:26px;height:26px;margin-left:-6px;display:grid;place-items:center;border:2px solid #eef8ff;border-radius:50%;background:#0761e2;color:white;font-size:9px;font-weight:700}.viewers>span:first-child{margin-left:0}.viewers small{margin-left:9px;white-space:nowrap}.utility-rule{display:block;width:1px;height:24px;background:#bfd3e9}.live-state{display:flex;align-items:center;gap:8px;color:#183661}.live-state span{width:7px;height:7px;border-radius:50%;background:#23bf76;box-shadow:0 0 0 7px rgba(35,191,118,.07);animation:live-pulse 2.4s infinite}.sync-state{display:flex;gap:5px;white-space:nowrap}.sync-state b,.sync-state small{font-weight:500}.period-button{height:42px;display:flex;align-items:center;gap:9px;border:0;background:transparent;cursor:pointer;color:#183661}.period-button .material-symbols-rounded{font-size:18px}.period-button b{font-size:11px}.period-menu{position:absolute;top:60px;right:8px;width:160px;padding:6px;border:1px solid #d8e5f1;border-radius:12px;background:white;box-shadow:var(--shadow)}.period-menu[hidden]{display:none}.period-menu button{display:block;width:100%;padding:9px 10px;border:0;border-radius:8px;background:transparent;text-align:left;font-size:11px;cursor:pointer}.period-menu button:hover{background:#edf5ff}.sunset{position:absolute;z-index:1;width:47px;height:47px;right:27.5%;bottom:1px;border-radius:50%;background:radial-gradient(circle,#fff 0 35%,#fff6c7 58%,rgba(255,204,103,.18) 72%,transparent 73%);box-shadow:0 0 45px rgba(255,183,61,.3)}.coast-water{position:absolute;z-index:2;left:0;right:0;bottom:0;height:38px;background:linear-gradient(180deg,rgba(110,176,226,.13),rgba(123,183,230,.28))}.coast-water::before{content:"";position:absolute;left:29%;right:0;top:9px;height:8px;background:repeating-linear-gradient(180deg,rgba(95,150,202,.14) 0 1px,transparent 1px 3px)}.mountains{position:absolute;z-index:4;right:-10px;bottom:15px;width:310px;height:74px}.mountains i,.mountains b,.mountains em{position:absolute;inset:auto 0 0 auto;width:100%;height:100%;clip-path:polygon(0 75%,12% 62%,24% 63%,40% 34%,54% 45%,66% 22%,79% 36%,91% 18%,100% 32%,100% 100%,0 100%)}.mountains i{background:#7eabe2}.mountains b{transform:translateY(12px);background:#477ac3}.mountains em{transform:translateY(22px);background:#2c63ae;opacity:.8}.hero-cloud{position:absolute;z-index:3;height:13px;border-radius:50%;background:rgba(255,255,255,.42);filter:blur(.2px)}.hero-cloud::before,.hero-cloud::after{content:"";position:absolute;bottom:1px;border-radius:50%;background:inherit}.hero-cloud::before{width:32px;height:24px;left:10px}.hero-cloud::after{width:25px;height:20px;right:11px}.cloud-a{width:100px;right:42px;top:158px}.cloud-b{width:155px;right:500px;bottom:22px;opacity:.55}.cloud-c{width:100px;left:420px;bottom:20px;opacity:.38}.bird{position:absolute;z-index:6;color:#678fc1;font-size:25px;line-height:1;transform:rotate(7deg)}.bird-a{right:410px;top:142px}.bird-b{right:365px;top:165px}.bird-c{right:460px;top:160px;font-size:17px}
.dashboard-content{height:calc(100vh - 221px);min-height:690px;padding:24px 23px 26px 30px;display:grid;grid-template-rows:54px 215px minmax(390px,1fr);gap:20px;background:radial-gradient(circle at 15% 15%,rgba(214,231,248,.35),transparent 30%),#f4f7fb}.spend-feed{width:100%;height:54px;display:grid;grid-template-columns:28px auto auto 1fr auto auto 20px;gap:11px;align-items:center;padding:0 13px;border:1px solid #d6e3f0;border-radius:15px;background:rgba(255,255,255,.82);box-shadow:0 5px 17px rgba(27,73,126,.05);text-align:left;cursor:pointer;color:#5d7195}.feed-icon{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#268cf5,#0759d5);color:white;font-size:15px}.feed-label{color:#164789;font-size:9px;font-weight:800;letter-spacing:.04em}.spend-feed b,.spend-feed strong{color:#132d58;font-size:11px}.spend-feed time{justify-self:end;font-size:10px}.feed-arrow{color:#0766ef;font-size:17px}.metrics-grid{display:grid;grid-template-columns:2.1fr 1fr 1fr 1fr;gap:12px}.metric-card,.panel{border:1px solid #d7e1ed;border-radius:12px;background:rgba(255,255,255,.9);box-shadow:var(--shadow)}.metric-card{padding:23px 27px}.projection-card{border-color:#f1c4c1;background:linear-gradient(130deg,#fff8f7 0%,rgba(255,250,249,.95) 55%,#fff 100%)}.metric-title{color:#16345f;font-size:13px;font-weight:600}.info{display:inline-grid;place-items:center;width:13px;height:13px;margin-left:4px;border:1px solid #afbdd0;border-radius:50%;color:#7790b2;font:700 8px/1 Arial;font-style:normal;vertical-align:2px}.projection-layout{height:156px;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}.projection-value{margin:8px 0 4px;color:var(--red);font-size:49px;line-height:1}.projection-value sup{font-size:23px;font-weight:400;vertical-align:top;margin-right:8px}.projection-value b{letter-spacing:-.04em}.over-copy{margin:9px 0;color:var(--red);font-size:13px;font-weight:700}.over-copy span{display:inline-grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#ffdcd7}.projection-card hr{margin:15px 0 12px;border:0;border-top:1px solid #efc9c7}.projection-card small{font-size:11px;color:#516b93}.sparkline{display:block;width:70px;height:42px}.sparkline.large{width:100%;height:138px}.metric-row{display:flex;align-items:flex-start;justify-content:space-between}.metric-value{margin:23px 0 16px;font-size:31px;line-height:1;color:#102a56}.metric-value sup{font-size:17px;font-weight:400;vertical-align:top;margin-right:2px;color:#647a9c}.metric-value b{letter-spacing:-.04em}.metric-value small{font-size:15px;color:#526a92}.metric-detail,.metric-up{margin:0 0 7px;color:#506b95;font-size:11px}.metric-detail.compact{margin-top:-1px}.metric-up{color:#1874e9;font-weight:700}.metric-up span{color:#506b95;font-weight:500}.orange-value{color:#ff681c;margin-bottom:21px}.lower-grid{display:grid;grid-template-columns:minmax(0,1.46fr) minmax(400px,1fr);gap:18px;min-height:0}.panel{padding:26px 28px}.panel-top{display:flex;align-items:center;justify-content:space-between}.panel h2{margin:0;font-size:16px;letter-spacing:-.02em}.budget-edit{display:flex;align-items:center;gap:20px}.budget-edit>b{font-size:12px}.budget-edit b small{color:#62789c;font-weight:500}.budget-edit button{height:34px;display:flex;align-items:center;gap:7px;padding:0 13px;border:1px solid #cfe0f0;border-radius:999px;background:white;color:#075fdc;font-size:11px;font-weight:700;cursor:pointer}.budget-edit button .material-symbols-rounded{font-size:17px}.budget-heading-values{display:flex;align-items:end;gap:26px;margin-top:12px}.budget-heading-values div small{display:block;margin-bottom:4px;color:#0b69eb;font-size:9px;font-weight:800}.budget-heading-values div b{font-size:24px;line-height:1}.budget-heading-values div b sup{font-size:13px;color:#6d81a0}.budget-heading-values>span{padding-bottom:1px;color:#6b82a4}.budget-heading-values .projected small,.budget-heading-values .projected b{color:var(--red)}.global-chart-wrap{position:relative;height:132px;margin-top:9px}.global-chart-wrap canvas{width:100%;height:100%;display:block}.today-marker{position:absolute;right:15.8%;top:3px;bottom:1px;width:1px;border-left:1px dashed #b7cae0}.today-marker span{position:absolute;top:3px;left:-5px;width:10px;height:10px;border:2px solid white;border-radius:50%;background:#ff7a1a;box-shadow:0 0 0 4px rgba(255,122,26,.1)}.today-marker b{position:absolute;bottom:0;left:-18px;color:#0b65e7;font-size:9px}.forecast-label{position:absolute;right:0;bottom:0;color:var(--red);font-size:9px;font-weight:700}.pressure-bar{height:9px;position:relative;border-radius:999px;background:#dce9f6;overflow:hidden}.pressure-bar i{position:absolute;left:0;top:0;bottom:0;width:var(--budget-pressure,98.4%);border-radius:inherit;background:linear-gradient(90deg,#2d92ff 0%,#0864ee 70%,#f8a13b 90%,#f1392f 100%)}.pressure-end{position:absolute;right:0;top:0;width:7px;height:9px;background:#f1392f}.pressure-scale{display:flex;justify-content:space-between;margin-top:8px;color:#597198;font-size:10px}.budget-panel>hr{margin:25px 0 18px;border:0;border-top:1px solid #dce4ee}.budget-stats{display:grid;grid-template-columns:1fr .8fr 1fr}.budget-stats>div{padding-right:18px}.budget-stats>div+div{padding-left:28px;border-left:1px solid #dce4ee}.budget-stats b{display:block;margin-bottom:7px;font-size:20px}.budget-stats b sup{font-size:12px;color:#63799b}.budget-stats span{display:block;color:#596f92;font-size:11px}.budget-stats .hot b{color:var(--red)}.radar-panel{display:flex;flex-direction:column}.radar-icon{position:relative;width:64px;height:64px;margin-top:-12px;border:1px solid #cfe0f1;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 9px,#d6e5f5 10px 11px);overflow:hidden}.radar-icon::before,.radar-icon::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#d6e5f5}.radar-icon::after{left:0;right:0;top:50%;width:auto;height:1px}.radar-icon i{position:absolute;z-index:2;left:50%;top:50%;width:11px;height:11px;transform:translate(-50%,-50%);border-radius:50%;background:#096af0;box-shadow:0 0 0 6px rgba(9,106,240,.12)}.radar-summary{margin:2px 0 16px;font-size:13px;line-height:1.7}.radar-summary strong{color:var(--red)}.radar-panel>hr{margin:0 0 17px;border:0;border-top:1px solid #d9e3ef}.radar-grid{display:grid;grid-template-columns:1fr 1fr;row-gap:25px}.radar-grid>div:nth-child(even){padding-left:24px;border-left:1px solid #d8e2ef}.radar-grid span{display:block;margin-bottom:7px;color:#5a7197;font-size:10px}.radar-grid b{font-size:14px}.radar-grid strong,.radar-grid .red{color:var(--red)}.radar-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:15px;margin-top:auto}.review-button,.waste-button{height:49px;border-radius:15px;font-size:12px;font-weight:700;cursor:pointer}.review-button{display:flex;align-items:center;justify-content:space-between;padding:0 17px;border:0;background:linear-gradient(110deg,#0872f2,#0754d7);color:white;box-shadow:0 8px 18px rgba(7,89,219,.17)}.waste-button{display:flex;align-items:center;justify-content:space-between;padding:0 10px;border:0;background:transparent;color:#50678e}.waste-button span{color:#0a6cec;font-size:20px}.disclaimer{margin:14px 0 0;color:#7790b4;font-size:10px;line-height:1.55;font-style:italic}.budget-dialog{width:min(440px,calc(100% - 30px));padding:29px;border:0;border-radius:22px;color:var(--ink);background:#fff;box-shadow:0 30px 100px rgba(3,28,65,.3)}.budget-dialog::backdrop{background:rgba(4,25,56,.42);backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:16px;top:14px;width:32px;height:32px;border:0;border-radius:50%;background:#edf4fb;font-size:20px;cursor:pointer}.dialog-kicker{color:#0969e9;font-size:9px;font-weight:800;letter-spacing:.12em}.budget-dialog h2{margin:7px 0 6px;font-size:24px}.budget-dialog p{margin:0;color:#60779b;font-size:12px}.dialog-budget{display:flex;align-items:flex-start;justify-content:center;margin:25px 0 18px;font-size:23px}.dialog-budget output{font-size:48px;line-height:1;font-weight:800;letter-spacing:-.05em}.budget-dialog input{width:100%;accent-color:#0a69ea}.range-labels{display:flex;justify-content:space-between;color:#7890b1;font-size:10px}.save-budget{width:100%;margin-top:20px}.toast{position:fixed;z-index:100;left:50%;bottom:24px;transform:translate(-50%,25px);padding:11px 17px;border-radius:999px;background:#071f49;color:#fff;box-shadow:0 12px 35px rgba(3,27,61,.25);font-size:11px;opacity:0;pointer-events:none;transition:.25s var(--ease)}.toast.is-visible{opacity:1;transform:translate(-50%,0)}
@keyframes live-pulse{70%{box-shadow:0 0 0 9px rgba(35,191,118,0)}}
@media (max-width:1180px){.app-shell{grid-template-columns:76px 1fr}.sidebar{width:76px}.brand{height:85px;padding:0 16px}.brand span{font-size:17px}.brand span::before{display:none}.brand small{font-size:7px;letter-spacing:.2em}.side-nav{padding:8px}.side-link{justify-content:center;padding:0}.side-link b{display:none}.lighthouse-scene,.support-link:not(.material-symbols-rounded),.profile-card span:not(.profile-avatar){display:none}.side-bottom{left:8px;right:8px}.profile-card{display:flex;justify-content:center;padding:0}.support-link{justify-content:center;padding:0;font-size:0}main{grid-column:2}.hero-copy{padding-left:28px}.utility-pill{right:15px}.viewers small,.sync-state small{display:none}.dashboard-content{padding-left:20px}.metrics-grid{grid-template-columns:1.7fr 1fr 1fr}.metrics-grid .small-metric:last-child{display:none}.lower-grid{grid-template-columns:1.35fr 1fr}.panel{padding:22px}.radar-actions{grid-template-columns:1fr}.waste-button{display:none}}
@media (max-width:880px){.hero-coast{height:245px}.utility-pill{top:14px;left:20px;right:auto}.hero-copy{padding-top:92px}.hero-copy h1{font-size:43px}.dashboard-content{height:auto;min-height:calc(100vh - 245px);grid-template-rows:54px auto auto}.metrics-grid{grid-template-columns:1fr 1fr}.projection-card{grid-column:1/-1}.lower-grid{grid-template-columns:1fr}.radar-panel{min-height:420px}.app-shell{grid-template-columns:0 1fr}.sidebar{transform:translateX(-100%)}main{grid-column:2}.dashboard-content{padding:16px}.spend-feed{grid-template-columns:27px auto auto 1fr auto}.spend-feed time,.feed-arrow{display:none}}
@media (max-width:580px){.utility-pill{max-width:calc(100% - 28px);gap:10px;padding:0 11px}.utility-rule,.sync-state{display:none}.hero-copy{padding-left:16px}.hero-copy h1{font-size:36px;white-space:normal}.hero-copy h1 sup{font-size:22px}.hero-copy h1 small{font-size:20px}.hero-sub{font-size:13px}.mountains{width:230px;opacity:.6}.metrics-grid{grid-template-columns:1fr}.projection-card{grid-column:auto}.metric-card{padding:20px}.lower-grid{display:block}.budget-panel{margin-bottom:16px}.budget-heading-values{gap:14px}.global-chart-wrap{height:110px}.budget-stats{grid-template-columns:1fr}.budget-stats>div+div{margin-top:12px;padding:12px 0 0;border-left:0;border-top:1px solid #dce4ee}.panel{padding:19px}.radar-grid{row-gap:18px}.spend-feed{grid-template-columns:25px auto auto 1fr}.spend-feed strong{display:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* ============================================================
   UN SOLO ANCHO DE CONTENIDO EN TODAS LAS PAGINAS
   ------------------------------------------------------------
   El producto tenia TRES arquitecturas de scroll conviviendo, y
   eso hacia que el ancho del <main> cambiara al navegar:

     bridge, finops     html+body overflow:hidden -> no scrollea
     adoption           main overflow-y:auto      -> scroll interno
     las otras 7        scroll normal del documento

   Las dos primeras no muestran barra; la tercera si. MEDIDO a
   1318px de viewport con el rail colapsado:

     sin barra   main = 1242px
     con barra   main = 1227px      <- 15px de salto al navegar

   `scrollbar-gutter: stable` reserva el canal SIEMPRE, tambien en
   las paginas con overflow:hidden (siguen siendo contenedores de
   scroll, asi que la propiedad les aplica). Con eso las 11 miden
   1227px y el contenido deja de correrse.

   El precio: en bridge y finops queda un canal de 15px que nunca
   va a tener barra. Pinta el fondo de html, asi que no se lee como
   un hueco. Se elige eso antes que el salto, que si se ve.

   Va aca porque cloudbeach.css es la unica hoja que cargan las 11
   paginas. Ninguna otra define scrollbar-gutter, asi que el orden
   de cascada no importa.

   La raiz de fondo NO se toca: unificar las tres arquitecturas en
   una sola es otra conversacion, y mas riesgosa. */
html {
  scrollbar-gutter: stable;
}