/* Base calida */
  body{ background:#fffdfa !important; }

  /* Capa fija con el degradado Vice City suave (pseudo-elemento para
     no penalizar el scroll en movil como background-attachment:fixed) */
  body::before{
    content:"";
    position:fixed; inset:0; z-index:-1; pointer-events:none;
    background:
      /* franja de atardecer arriba (rosa -> naranja) */
      linear-gradient(180deg, rgba(255,120,180,.20) 0%, rgba(255,165,110,.14) 16%, rgba(255,255,255,0) 42%),
      /* sol rosa Vice City */
      radial-gradient(1000px 680px at 86% -160px, rgba(255,95,175,.42), transparent 60%),
      /* calor naranja */
      radial-gradient(900px 600px at -140px 22%, rgba(255,150,90,.36), transparent 60%),
      /* neon violeta */
      radial-gradient(1100px 800px at 112% 72%, rgba(140,110,255,.32), transparent 62%),
      /* agua turquesa */
      radial-gradient(800px 600px at 8% 112%, rgba(80,195,255,.24), transparent 60%),
      linear-gradient(180deg, #fff6f3 0%, #fdf2ef 45%, #f5effb 100%);
  }

  /* Que los contenedores del tema no tapen el fondo con blanco opaco */
  .site-main, .elementor-location-main, #content, .site-content, .entry-content,
  body .elementor-section-wrap, .hello-elementor-default .site-main{
    background:transparent !important;
  }

  /* ── NOCHE: brasa de atardecer ya caído (sin violeta/turquesa neón) ── */
  :root[data-phx-theme="dark"] body{ background:#17130e !important; }
  :root[data-phx-theme="dark"] body::before{
    background:
      radial-gradient(1000px 680px at 86% -160px, rgba(200,70,120,.12), transparent 60%),
      radial-gradient(900px 600px at -140px 22%, rgba(210,110,60,.10), transparent 60%),
      linear-gradient(180deg, #1b1610 0%, #17130e 55%, #1a1410 100%);
  }