.section {
  position: relative;
}

.section + .section {
  border-top: 1px solid rgba(213, 162, 44, 0.15);
}

.hero + .section {
  border-top: none;
}

/* === About Section === */
#sobre {
  background: var(--bg-primary);
}

/* === Styles Section === */
#estilos {
  background: var(--bg-secondary);
}

/* === Portfolio Section === */
#portfolio {
  background: var(--bg-primary);
}

/* === Process Section === */
#processo {
  background: var(--bg-secondary);
}

.timeline__marker {
  background: var(--surface-light);
  box-shadow: 0 0 0 4px var(--bg-secondary), 0 0 0 5px var(--border);
  transition: all var(--transition-base);
}

.timeline__item:hover .timeline__marker {
  border-color: var(--primary);
  background: rgba(213, 162, 44, 0.12);
  box-shadow: 0 0 0 4px var(--bg-secondary), 0 0 0 5px var(--primary), var(--shadow-gold);
}

/* === Why Us Section === */
#diferenciais {
  background: var(--bg-primary);
  position: relative;
  overflow: hidden;
}

#diferenciais::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    url('https://images.unsplash.com/photo-1679621550970-32d6587b62c4?q=100&w=1200&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D') center/cover no-repeat;
  opacity: 0.06;
  pointer-events: none;
}

#diferenciais::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to bottom, var(--bg-primary) 0%, transparent 25%, transparent 75%, var(--bg-primary) 100%),
    linear-gradient(to right, var(--bg-primary) 0%, transparent 15%, transparent 85%, var(--bg-primary) 100%);
  pointer-events: none;
}

#diferenciais .container {
  position: relative;
  z-index: 1;
}

/* === Testimonials Section === */
#depoimentos {
  background: var(--bg-secondary);
}

/* === FAQ Section === */
#faq {
  background: var(--bg-primary);
  position: relative;
  overflow: hidden;
}

#faq::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    url('https://images.unsplash.com/photo-1543244128-30d70d41e2a9?q=100&w=1200&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D') center/cover no-repeat;
  opacity: 0.07;
  pointer-events: none;
}

#faq::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to bottom, var(--bg-primary) 0%, transparent 30%, transparent 70%, var(--bg-primary) 100%),
    linear-gradient(to right, var(--bg-primary) 0%, transparent 20%, transparent 80%, var(--bg-primary) 100%);
  pointer-events: none;
}

#faq .container {
  position: relative;
  z-index: 1;
}

/* === CTA Section === */
#cta.section {
  background: var(--bg-secondary);
  padding: var(--space-5xl) 0;
}

/* === Contact Section === */
.contact-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: var(--space-lg);
  max-width: 1000px;
  margin: 0 auto;
}