/* CBA Circular V51 — fondo orgánico azul + limpieza lateral solicitada. */
:root{
  --v51-bg:#f8fcff;
  --v51-soft:#eaf7ff;
  --v51-line:#dbeaf6;
}

/* Fondo inspirado en el mockup azul: hojas grandes, halos suaves y aire entre paneles. */
html{background:var(--v51-bg)!important}
body.v48-body{
  position:relative;
  background:
    radial-gradient(circle at 73% 8%,rgba(116,207,255,.13),transparent 22%),
    radial-gradient(circle at 31% 88%,rgba(161,225,255,.11),transparent 24%),
    linear-gradient(180deg,#fbfdff 0%,#f7fcff 48%,#fbfdff 100%)!important;
  isolation:isolate;
}
body.v48-body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background-image:url('/assets/cba-background-leaves.svg');
  background-repeat:no-repeat;
  background-position:center top;
  background-size:max(1450px,100vw) auto;
  opacity:.74;
}
body.v48-body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 94% 44%,rgba(64,181,243,.075),transparent 17%),
    radial-gradient(circle at 9% 72%,rgba(90,194,248,.065),transparent 18%);
}

/* Dejamos ver el fondo decorativo entre los bloques, sin tocar la legibilidad. */
.v48-shell,.v48-stage,.v48-page-grid,.v48-main,.v48-right-rail{background:transparent!important}
.v48-page-grid{position:relative}
.v48-feed{position:relative}
.v48-filter-panel,.v48-rail-card,.v48-hero,.v48-sidebar,.v48-topbar{
  backdrop-filter:saturate(1.02) blur(2px);
}

/* Eliminados por pedido: no reaparecen aunque quede HTML viejo en alguna caché. */
.v48-donor-card,.v48-news-card{display:none!important}

/* El footer lateral ahora ocupa naturalmente el espacio libre después de Tu impacto. */
.v48-sidebar-spacer{min-height:26px!important;flex:1 1 auto!important}
.v48-sidebar-footer{padding-bottom:6px!important}

/* Un poco más de aire para que el fondo orgánico sea visible como en la referencia. */
.v48-feed{padding-bottom:4px!important}
.v48-eco-strip{position:relative;overflow:hidden}
.v48-eco-strip::before,
.v48-eco-strip::after{
  content:"";
  position:absolute;
  width:72px;height:34px;
  border-radius:100% 0 100% 0;
  background:linear-gradient(135deg,rgba(104,203,255,.24),rgba(184,235,255,.08));
  pointer-events:none;
}
.v48-eco-strip::before{left:-22px;top:-8px;transform:rotate(22deg)}
.v48-eco-strip::after{right:-20px;bottom:-9px;transform:rotate(205deg)}
.v48-eco-strip>*{position:relative;z-index:1}

@media (max-width:1080px){
  body.v48-body::before{background-size:1550px auto;opacity:.56}
}
@media (max-width:720px){
  body.v48-body::before{
    background-size:1120px auto;
    background-position:52% 0;
    opacity:.38;
  }
  body.v48-body::after{opacity:.55}
  .v48-eco-strip::before,.v48-eco-strip::after{opacity:.7}
}

html[data-theme="dark"] body.v48-body::before{opacity:.08;filter:saturate(.45) brightness(.8)}
html[data-theme="dark"] body.v48-body::after{opacity:.14}
