/* Tema de fundos Savnet: laranja como base e branco como luz. */
body { background: #ff6300 !important; }

.hero,
.servicos-section,
.mapa-section,
#sobre,
.atc-section,
.cta-section,
#planos.promo-banner,
#savtv-promo {
  background:
    radial-gradient(circle at 82% 20%, rgba(255,255,255,.30), transparent 25%),
    radial-gradient(circle at 15% 88%, rgba(255,255,255,.14), transparent 30%),
    linear-gradient(125deg, #e74b00 0%, #ff6300 50%, #ff7c2a 100%) !important;
  border-top-color: rgba(255,255,255,.26) !important;
  border-bottom-color: rgba(255,255,255,.18) !important;
}

.hero { background: linear-gradient(125deg, #e94d00, #ff7118 55%, #f05a07) !important; }
.hero-image { opacity: 1 !important; filter: none !important; }
.hero-overlay { background: linear-gradient(90deg, rgba(0,0,0,.56), rgba(0,0,0,.20), rgba(0,0,0,.55)) !important; }

#savtv-promo h2 span,
#savtv-promo > .container > div > div:first-child > div span:first-child { color: #fff !important; }
#savtv-promo > .container > div > div:first-child a { border-color: rgba(255,255,255,.58) !important; }

.servicos-section::before,
.mapa-section::before,
#sobre::before,
.atc-section::before,
.cta-section::before { background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,.10) 48%, transparent 100%) !important; }

/* Textos de apoio continuam legíveis sobre o laranja. */
.servicos-section p,
.mapa-section p,
#sobre p,
.atc-section p,
.cta-section p { color: rgba(255,255,255,.9) !important; }

/* Os cards pretos funcionam como contraste pontual e não como plano de fundo. */
.servico-card,
.map-card,
.atc-card { background: rgba(32, 15, 7, .9) !important; border-color: rgba(255,255,255,.28) !important; }

/* Cards de serviços em branco, para integrar a seção ao tema laranja. */
#servicos .servico-card {
  background: #fffaf5 !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  box-shadow: 0 18px 36px rgba(140, 45, 0, .18) !important;
}
#servicos .servico-card h3 { color: #4a1b05 !important; text-shadow: none !important; }
#servicos .servico-card p,
#servicos .servico-card li { color: #5b3a2a !important; text-shadow: none !important; }
#servicos .servico-card li::before { color: #ff6300 !important; }
#servicos .servico-card .servico-icon,
#servicos .servico-card .service-icon { background: #ff6300 !important; color: #fff !important; }
#servicos .servico-card .btn-servico { background: #ff6300 !important; color: #fff !important; box-shadow: none !important; }

footer { background: #e84c00 !important; border-top-color: rgba(255,255,255,.25) !important; }
