/* FEATURES SECTION - AJUSTES */

/* ===========================
   DIMINUIR ESPAÇO ENTRE TÍTULO E CARDS
   =========================== */

.features-header {
  margin-bottom: 2rem !important; /* Reduzido de 3rem */
}

.features-title {
  margin-bottom: 2rem !important; /* Reduzido de 3rem */
}

/* ===========================
   PRIMEIRO CARD AZUL COM BOTÃO
   =========================== */

.feature-highlight {
  background: linear-gradient(135deg, var(--navy), var(--navy-dark)) !important;
  color: white !important;
  margin-bottom: 1rem !important;
  transition: all 0.3s ease;
}

.feature-highlight:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 50px rgba(12, 59, 107, 0.3);
}

.feature-highlight .feature-title {
  color: white !important;
}

.feature-highlight .feature-description {
  color: rgba(255, 255, 255, 0.9) !important;
  margin-bottom: 1.5rem !important;
}

/* Botão Saiba Mais */
.feature-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 28px;
  background: linear-gradient(135deg, var(--orange), var(--orange-dark));
  color: white;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-decoration: none;
  border: none;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 6px 20px rgba(241, 90, 36, 0.3);
  margin-top: 1rem;
}

.feature-cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(241, 90, 36, 0.4);
  background: linear-gradient(135deg, var(--orange-light), var(--orange));
}

/* Ícone do card destacado */
.feature-highlight .feature-icon {
  opacity: 0.2 !important;
  color: white !important;
}

.feature-highlight .feature-icon svg {
  stroke: white !important;
}

/* ===========================
   RESPONSIVIDADE
   =========================== */

@media (max-width: 768px) {
  .features-header {
    margin-bottom: 1.5rem !important;
  }

  .features-title {
    margin-bottom: 1.5rem !important;
  }

  .feature-cta-btn {
    width: 100%;
    max-width: 200px;
    margin: 1.5rem auto 0;
  }

  .feature-highlight {
    text-align: center;
  }

  .feature-highlight .feature-content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}