/* Estilos para backgrounds alternados com as cores do logo */

/* Redefinição das cores de fundo para seções alternadas */
.section {
  padding: 5rem 0;
}

/* Seções com fundo branco (padrão) */
.section {
  background-color: var(--white);
  color: var(--dark-color);
}

/* Seções com fundo verde claro (cor primária do logo) */
.section-green {
  background-color: var(--primary-color);
  color: var(--white);
}

/* Seções com fundo roxo (cor secundária do logo) */
.section-purple {
  background-color: var(--secondary-color);
  color: var(--white);
}

/* Ajustes para títulos em fundos coloridos */
.section-green h2,
.section-purple h2 {
  color: var(--white);
}

.section-green h2::after,
.section-purple h2::after {
  background: var(--white);
}

/* Ajustes para subtítulos em fundos coloridos */
.section-green h3,
.section-purple h3 {
  color: var(--white);
}

/* Ajustes para parágrafos em fundos coloridos */
.section-green p,
.section-purple p {
  color: var(--white);
}

/* Ajustes para ícones em fundos coloridos */
.section-green .service-icon,
.section-purple .service-icon,
.section-green .value-icon,
.section-purple .value-icon,
.section-green .responsibility-icon,
.section-purple .responsibility-icon,
.section-green .benefit-icon,
.section-purple .benefit-icon {
  color: var(--white);
}

/* Ajustes para cards em fundos coloridos */
.section-green .service-card,
.section-purple .service-card,
.section-green .value-card,
.section-purple .value-card,
.section-green .responsibility-card,
.section-purple .responsibility-card,
.section-green .benefit-card,
.section-purple .benefit-card,
.section-green .stat-card,
.section-purple .stat-card {
  background-color: rgba(255, 255, 255, 0.1);
  color: var(--white);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

/* Ajustes para hover em cards em fundos coloridos */
.section-green .service-card:hover,
.section-purple .service-card:hover,
.section-green .value-card:hover,
.section-purple .value-card:hover,
.section-green .responsibility-card:hover,
.section-purple .responsibility-card:hover,
.section-green .benefit-card:hover,
.section-purple .benefit-card:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

/* Ajustes para títulos em cards em fundos coloridos */
.section-green .service-card h3,
.section-purple .service-card h3,
.section-green .value-card h3,
.section-purple .value-card h3,
.section-green .responsibility-card h3,
.section-purple .responsibility-card h3,
.section-green .benefit-card h3,
.section-purple .benefit-card h3 {
  color: var(--white);
}

/* Ajustes para botões em fundos coloridos */
.section-green .btn-primary,
.section-purple .btn-primary {
  background: var(--white);
  color: var(--dark-color);
}

.section-green .btn-outline,
.section-purple .btn-outline {
  border-color: var(--white);
  color: var(--white);
}

.section-green .btn-outline:hover,
.section-purple .btn-outline:hover {
  background-color: var(--white);
  color: var(--dark-color);
}

/* Ajustes para estatísticas em fundos coloridos */
.section-green .stat-number,
.section-purple .stat-number {
  color: var(--white);
  -webkit-text-fill-color: var(--white);
}

/* Ajustes para formulários em fundos coloridos */
.section-green .form-control,
.section-purple .form-control {
  background-color: rgba(255, 255, 255, 0.9);
}

/* Ajustes para links em fundos coloridos */
.section-green a:not(.btn),
.section-purple a:not(.btn) {
  color: var(--white);
  text-decoration: underline;
}

.section-green a:not(.btn):hover,
.section-purple a:not(.btn):hover {
  opacity: 0.8;
}

/* Ajustes para o hero section */
.hero {
  background-color: var(--primary-color);
}

/* Ajustes para o footer */
.footer {
  background-color: var(--dark-color);
}