/**
 * Profundidad visual extra en sectores (no adultos, no LGBT).
 * Solo fondo: capas radiales + atmósfera, mismo criterio que LGBT.
 * Los destellos de página siguen en carihub-page-sector-sparkles.css.
 */

body[data-sector]:not([data-sector="adultos"]):not([data-subtema="lgbt"]),
body[data-rp-sector]:not([data-rp-sector="adultos"]):not([data-subtema="lgbt"]) {
  background-color: color-mix(in srgb, var(--res-accent-soft, #f5f5f5) 38%, #fff);
  background-image:
    radial-gradient(ellipse 118% 88% at 8% 6%, color-mix(in srgb, var(--res-accent, #1976d2) 14%, transparent) 0%, transparent 62%),
    radial-gradient(ellipse 108% 82% at 94% 8%, color-mix(in srgb, var(--res-accent-light, #42a5f5) 12%, transparent) 0%, transparent 58%),
    radial-gradient(ellipse 96% 74% at 50% 0%, color-mix(in srgb, #fff 70%, var(--res-accent-soft, #e3f2fd)) 0%, transparent 54%),
    radial-gradient(ellipse 120% 90% at 4% 92%, color-mix(in srgb, var(--res-accent-light, #42a5f5) 10%, transparent) 0%, transparent 60%),
    radial-gradient(ellipse 112% 84% at 96% 90%, color-mix(in srgb, var(--res-accent, #1976d2) 11%, transparent) 0%, transparent 56%),
    radial-gradient(ellipse 78% 58% at 72% 44%, color-mix(in srgb, var(--res-accent-light, #42a5f5) 8%, transparent) 0%, transparent 68%),
    var(--res-page-bg, linear-gradient(165deg, #f5f5f5 0%, #fafafa 100%));
  background-attachment: fixed;
}

/* Registro — subcategorías con tema sectorial en modal/pantalla */
.rp-page[data-rp-sector]:not([data-rp-sector="adultos"]):not([data-subtema="lgbt"]) .rp-shell,
.rp-page[data-rp-sector]:not([data-rp-sector="adultos"]):not([data-subtema="lgbt"]) .rp-screen.is-active,
.home-modal--otros-sectores:not([data-rp-sector="adultos"]) .home-modal__panel {
  background-color: color-mix(in srgb, var(--res-accent-soft, #f5f5f5) 32%, #fff);
  background-image:
    radial-gradient(ellipse 100% 76% at 12% 8%, color-mix(in srgb, var(--res-accent, #1976d2) 10%, transparent) 0%, transparent 58%),
    radial-gradient(ellipse 92% 70% at 88% 12%, color-mix(in srgb, var(--res-accent-light, #42a5f5) 9%, transparent) 0%, transparent 54%),
    var(--res-page-bg, var(--rp-sub-page-bg, linear-gradient(165deg, #f5f5f5 0%, #fafafa 100%)));
}

/* Geo picker registro/home — sectores no adultos */
html .ch-geo-modal.ch-geo-modal--registro:not([data-rp-sector="adultos"]):not([data-subtema="lgbt"]) .ch-geo-sheet__panel,
html .ch-geo-modal.ch-geo-modal--home:not([data-rp-sector="adultos"]):not([data-subtema="lgbt"]) .ch-geo-sheet__panel {
  background-color: color-mix(in srgb, var(--res-accent-soft, #f5f5f5) 28%, #fff);
  background-image:
    radial-gradient(ellipse 90% 68% at 10% 10%, color-mix(in srgb, var(--res-accent, #1976d2) 9%, transparent) 0%, transparent 55%),
    radial-gradient(ellipse 84% 62% at 90% 90%, color-mix(in srgb, var(--res-accent-light, #42a5f5) 8%, transparent) 0%, transparent 52%),
    var(--res-page-bg, linear-gradient(165deg, #f8f9fa 0%, #fff 100%));
}