/* ============================================================
   MAPAS MENTALES — Overrides de color exclusivos
   Pisan cualquier valor hardcodeado del sistema base
   ============================================================ */

/* --- FONDO DEL HERO (section con min-height:100vh) --- */
[data-theme="universo-menta"] section[style*="min-height:100vh"],
[data-theme="universo-menta"] section[style*="min-height: 100vh"] {
  background:
    radial-gradient(130% 95% at 50% -8%, rgba(34,175,134,.20), transparent 56%),
    radial-gradient(72% 62% at 12% 8%,  rgba(28,84,74,.40),   transparent 60%),
    radial-gradient(82% 72% at 88% 96%, rgba(16,108,116,.30),  transparent 62%),
    #07070B !important;
}

/* --- FONDO DEL CONTENEDOR PRINCIPAL DEL REACT APP --- */
[data-theme="universo-menta"] #root > div,
[data-theme="universo-menta"] body > div:first-child {
  background: #07070B !important;
}

/* --- BODY --- */
[data-theme="universo-menta"] body {
  background: #07070B !important;
}

/* --- ESTRELLAS DEL STARFIELD --- */
[data-theme="universo-menta"] .starfield-dot,
[data-theme="universo-menta"] [class*="star"] {
  background: #d6fbef !important;
  fill: #d6fbef !important;
}

/* --- GLOW DE ESTRELLAS/PARTÍCULAS (puntos animados) --- */
[data-theme="universo-menta"] [style*="rgba(167, 121, 226"],
[data-theme="universo-menta"] [style*="rgba(167,121,226"] {
  box-shadow: 0 0 12px rgba(46,224,176,.55) !important;
}

/* --- SVG HERO: trazos morados → verde menta --- */
[data-theme="universo-menta"] .hero-emblem circle,
[data-theme="universo-menta"] .hero-emblem path,
[data-theme="universo-menta"] .hero-emblem line,
[data-theme="universo-menta"] .hero-emblem rect {
  stroke: rgba(95,239,196,.22);
}

/* ============================================================
   FONDO GLOBAL — aplica a TODAS las páginas internas
   Reemplaza el ambient morado en nosotros, metodologia,
   arquetipos, manifiesto, blog, espera, resultado, entrega
   ============================================================ */

/* El ambient morado viene de un div con background radial inline.
   Lo pisamos a nivel de body y de cualquier div contenedor raíz */

[data-theme="universo-menta"] body {
  background:
    radial-gradient(130% 95% at 50% -8%, rgba(34,175,134,.20), transparent 56%),
    radial-gradient(72% 62% at 12% 8%,  rgba(28,84,74,.40),   transparent 60%),
    radial-gradient(82% 72% at 88% 96%, rgba(16,108,116,.30),  transparent 62%),
    #07070B !important;
  background-attachment: fixed !important;
}

/* Para páginas donde el ambient está en el primer div hijo de #root */
[data-theme="universo-menta"] #root > div {
  background:
    radial-gradient(130% 95% at 50% -8%, rgba(34,175,134,.20), transparent 56%),
    radial-gradient(72% 62% at 12% 8%,  rgba(28,84,74,.40),   transparent 60%),
    radial-gradient(82% 72% at 88% 96%, rgba(16,108,116,.30),  transparent 62%),
    #07070B !important;
}

/* Para páginas donde el ambient está hardcodeado como style inline
   en un div con position:relative y overflow:hidden */
[data-theme="universo-menta"] div[style*="overflow:hidden"][style*="position:relative"],
[data-theme="universo-menta"] div[style*="overflow: hidden"][style*="position: relative"] {
  background:
    radial-gradient(130% 95% at 50% -8%, rgba(34,175,134,.20), transparent 56%),
    radial-gradient(72% 62% at 12% 8%,  rgba(28,84,74,.40),   transparent 60%),
    radial-gradient(82% 72% at 88% 96%, rgba(16,108,116,.30),  transparent 62%),
    #07070B !important;
}

/* Eliminar cualquier halo morado residual en pseudo-elementos */
[data-theme="universo-menta"] body::before,
[data-theme="universo-menta"] body::after {
  background: none !important;
}