/* ==========================================
   THEME - LENÇÓIS DE MINAS (AZUL MAIS ESCURO)
   ========================================== */

/* Botão do seletor de tema */
#switcher .theme-click {
  background-color: #0092E0;
}

/* Botões médios */
.btn-md:hover {
  background: #0092E0;
  color: #fff;
}

/* Owl carousel (setas de navegação) */
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
  background: #0092E0;
}

/* Navbar fixada ao rolar */
.navbar-scroll-custom {
  background: rgba(0, 146, 224, 0.95);
}

.navbar.navbar-scroll-custom {
  border-top: 4px solid #48CAE4;
}

@media (min-width: 991px) {
  .navbar-nav li.active a,
  .navbar-nav li.active a:focus,
  .navbar-nav li:focus a,
  .nav-item.active a {
    color: #0092E0;
  }
}

/* Cabeçalho com gradiente de água cristalina */
.header-bg:before {
  background: linear-gradient(135deg, #0092E0 0%, #3AB6E6 50%, #90E0EF 100%);
}

/* Botões azuis do header */
.header-buttons .btn-blue {
  background: #0092E0;
  border-color: #0092E0;
}

.header-buttons .btn-blue:hover {
  background: #0077B6;
  border-color: #0077B6;
}

/* Ícones de serviço */
.service-img span {
  color: #0092E0;
}

/* Ícones de destaque */
.feature-icon {
  background-color: #0092E0;
  border: 2px solid #A9E8FF;
  transition: all 0.3s ease;
  color: #fff;
}

.feature-card:hover .feature-icon {
  background-color: rgba(72, 202, 228, 0.25);
  border-color: #0092E0;
  transform: scale(1.08);
}

.feature-card:hover .feature-icon span {
  color: #0077B6;
}

/* Texto dos cards */
.feature-card h3 {
  color: #023E8A;
  font-weight: 600;
}

.feature-card p {
  color: #333;
  opacity: 0.85;
}

/* Rodapé */
.footer {
  background: linear-gradient(135deg, #0077B6 0%, #0092E0 100%);
  color: #fff;
}

/* ==========================================
   BOTÃO “VOLTAR AO TOPO”
   ========================================== */
.back-to-top {
  background: #0092E0;
}

.back-to-top:hover span,
.back-to-top:focus span {
  color: #0077B6;
}

/* ==========================================
   SEÇÃO "SEJA UM DISTRIBUIDOR"
   ========================================== */
#app-features {
  position: relative;
  background: linear-gradient(180deg, #f7faff 0%, #eef6ff 100%);
  padding: 100px 0;
  overflow: hidden;
}

/* BANNER */
#app-features .feature-banner {
  background: linear-gradient(135deg, #0092E0 0%, #3AB6E6 100%);
  color: #fff;
  text-align: center;
  padding: 60px 20px;
  margin-bottom: 60px;
  border-radius: 15px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

#app-features .feature-banner h2 {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 10px;
  letter-spacing: 1px;
}

#app-features .feature-banner p {
  font-size: 18px;
  max-width: 720px;
  margin: 0 auto;
  line-height: 1.6;
  opacity: 0.95;
}

/* Ícones das 6 opções */
#app-features .feature-icon {
  font-size: 36px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0092E0;
  color: #fff;
  box-shadow: 0 5px 15px rgba(0, 146, 224, 0.3);
}

/* Ajusta espaçamento entre os cards */
#app-features .feature-card {
  margin-bottom: 35px;
}

/* Ícone “Parceria de Confiança” */
#app-features .feature-card.parceria .feature-icon::before {
  content: "\f0c0"; /* ícone de usuários (Font Awesome) */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
