/* Base visual única: preto grafite, profundidade suave e acentos laranja Savnet. */
body { background: #0b0a09 !important; }

.hero,
.servicos-section,
.mapa-section,
#sobre,
.atc-section,
.cta-section {
  position: relative;
  background:
    radial-gradient(circle at 84% 24%, rgba(255, 99, 0, .11), transparent 25%),
    radial-gradient(circle at 10% 82%, rgba(255, 99, 0, .06), transparent 27%),
    linear-gradient(135deg, #0b0a09 0%, #14100d 52%, #0a0908 100%) !important;
  border-top: 1px solid rgba(255, 123, 47, .13);
}

.hero { background: #0a0908 !important; }
.hero-image { opacity: .28; filter: grayscale(.45) sepia(.3) contrast(1.05); }
.hero-overlay { background: linear-gradient(90deg, rgba(8,7,6,.9) 0%, rgba(10,8,7,.62) 52%, rgba(8,7,6,.78) 100%) !important; }

.servicos-section::before,
.mapa-section::before,
#sobre::before,
.atc-section::before,
.cta-section::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(115deg, transparent 0%, rgba(255, 99, 0, .025) 48%, transparent 100%);
}

/* As promoções usam a mesma paleta, com intensidade maior apenas para conversão. */
#planos.promo-banner {
  background:
    radial-gradient(circle at 76% 44%, rgba(255, 192, 92, .16), transparent 26%),
    linear-gradient(118deg, #b83b00 0%, #ed5700 52%, #c94907 100%) !important;
}

#savtv-promo {
  background:
    radial-gradient(circle at 48% 52%, rgba(255, 99, 0, .2), transparent 28%),
    linear-gradient(118deg, #0a0908 0%, #19100b 54%, #0a0908 100%) !important;
}

#servicos .container,
#mapa .container,
#sobre > div,
#atc > div,
.cta-section > div { position: relative; z-index: 1; }

footer { background: #070605 !important; border-top-color: rgba(255, 123, 47, .18) !important; }