:root {
  --primary: #f56200;          /* Laranja vibrante principal */
  --primary-hover: #d45200;    /* Laranja escuro para hover */
  --dark: #0a192f;             /* Azul escuro / marinho no lugar do preto */
  --dark-light: #122540;       /* Azul um pouco mais claro para cards/hover */
  --whatsapp: #25d366;         /* Verde conversão WhatsApp */
  --phone: #0084d6;            /* Azul oceano para ligações */
  --bg-light: #f8fafc;
}

body {
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
  padding-top: 70px;
  color: #1e293b;
  background-color: #ffffff;
}

/* Header & Navbar */
.navbar-custom {
  background-color: var(--dark) !important;
  border-bottom: 3px solid var(--primary);
}

.brand-text {
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none !important;
}

.brand-main {
  color: var(--primary);
  font-size: 1.3rem;
  display: block;
}

.brand-sub {
  color: #ffffff;
  font-size: 0.75rem;
  letter-spacing: 1px;
}

/* Hero Section */
.hero-regiao {
  background: linear-gradient(rgba(10, 25, 47, 0.88), rgba(10, 25, 47, 0.92)), url('https://images.unsplash.com/photo-1619642751034-765dfdf7c58e?q=80&w=1200') center/cover no-repeat;
  color: #ffffff;
  padding: 80px 0;
  border-bottom: 4px solid var(--primary);
}

/* Botões de Ação Direta */
.btn-wa {
  background-color: var(--whatsapp);
  color: #ffffff;
  font-weight: bold;
}
.btn-wa:hover {
  background-color: #1eb954;
  color: #ffffff;
}

.btn-orange {
  background-color: var(--primary);
  color: #ffffff !important;
  font-weight: bold;
}
.btn-orange:hover {
  background-color: var(--primary-hover);
  color: #ffffff !important;
}

.btn-blue {
  background-color: var(--dark);
  color: #ffffff !important;
  font-weight: bold;
}
.btn-blue:hover {
  background-color: var(--dark-light);
  color: #ffffff !important;
}

/* Cards e Layout */
.card-bairro {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid #e2e8f0;
}
.card-bairro:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(10, 25, 47, 0.15) !important;
  border-color: var(--primary);
}

/* Ícone & Textos Laranja */
.text-orange {
  color: var(--primary) !important;
}
.bg-orange {
  background-color: var(--primary) !important;
  color: #ffffff !important;
}
.bg-blue-dark {
  background-color: var(--dark) !important;
  color: #ffffff !important;
}

/* Botão Flutuante WhatsApp */
.float-wa {
  position: fixed;
  bottom: 25px;
  right: 25px;
  z-index: 999;
}
.float-wa img {
  width: 60px;
  height: 60px;
  transition: transform 0.3s ease;
}
.float-wa img:hover {
  transform: scale(1.1);
}