/* assets/css/linea_grafica.css */
:root{
  --ui-max: 1150px;
  --nav-h: 76px;
  --nav-radius: 22px;

  --c1: #38bdf8;  /* cyan */
  --c2: #6366f1;  /* indigo */
  --c3: #22c55e;  /* green */
  --c4: #f59e0b;  /* amber */
  --c5: #ef4444;  /* red */

  --nav-grad: linear-gradient(135deg, rgba(56,189,248,.95), rgba(99,102,241,.92), rgba(34,197,94,.88));
  --hero-grad: radial-gradient(1200px 600px at 12% 10%, rgba(56,189,248,.22), transparent 60%),
               radial-gradient(900px 500px at 92% 18%, rgba(99,102,241,.20), transparent 55%),
               radial-gradient(1000px 520px at 40% 90%, rgba(34,197,94,.16), transparent 60%);
}

html, body{ height:100%; }

body.ui-body{
  background: var(--hero-grad), linear-gradient(180deg, rgba(241,245,249,1), rgba(248,250,252,1));
  color: #0f172a;
}

html[data-bs-theme="dark"] body.ui-body{
  background: var(--hero-grad), linear-gradient(180deg, rgba(2,6,23,1), rgba(3,7,18,1));
  color: #e5e7eb;
}

/* =========================================================
   FIX FONDO ÚNICO (sin “doble color”) + respeta tema
   - Esto sobre-escribe backgrounds duplicados/antiguos
   ========================================================= */

:root{
  /* el “inferior” que dijiste que te gusta: ajusta si quieres */
  --app-page-bg: #F9FDFF;
  --app-page-bg-dark: #0b1220;
}

html, body{
  background: var(--app-page-bg) !important;
}

html[data-bs-theme="dark"] body{
  background: var(--app-page-bg-dark) !important;
}

/* opcional: evita que algún contenedor antiguo ponga “otro fondo” */
#page_content,
.ui-page-wrap{
  background: transparent !important;
}