/* ===== Fondo de estrellas / constelaciones (estilo todocodigos) =====
   El SVG se sirve como archivo aparte (cacheable); la URL es relativa a
   este CSS, así que ambos viven en la carpeta del plugin. */

/* Nota: cp-estilos declara `body{background:...!important}` y se inyecta
   inline DESPUÉS de este archivo, así que aquí se usa `html body` para
   ganar por especificidad y dejar el body transparente. */
html{ background:var(--cp-bg,#0a1413) !important; }
html body{ background:transparent !important; }

/* Capa de fondo fija, detrás de todo el contenido */
html body::before{
  content:"";
  position:fixed; inset:0; z-index:-1;
  pointer-events:none;
  background-color:var(--cp-bg,#0a1413);
  background-image:
    radial-gradient(1100px 620px at 78% -12%, rgba(22,163,154,.16), transparent 60%),
    radial-gradient(900px 520px at 8% 6%, rgba(34,211,238,.09), transparent 62%),
    url("estrellas.svg");
  background-repeat:no-repeat, no-repeat, repeat;
  background-position:center top, center top, center top;
  background-size:auto, auto, 1920px 1200px;
}

/* Nada opaco encima que tape las estrellas */
.site, .site-content, #content, #page, main, .content-area,
.entry-content, .woocommerce, .site-main, .wp-site-blocks{ background:transparent !important; }