/* ============================================
   ESTILOS BASE
   ============================================ */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--container-padding);
}

/* ============================================
   UTILITÁRIOS DE ANIMAÇÃO
   ============================================ */
.fade-up {
  opacity: 0;
  transform: translateY(30px);
}

.fade-up--animation {
  animation: fadeUp 0.8s ease-out forwards;
  animation-delay: calc(var(--delay-1, 0) * 0.15s);
}

.in-view .fade-up,
.in-view .fade-up--animation {
  opacity: 1;
  transform: translateY(0);
}

/* Delays de animação */
.fade-up--delay-1 {
  animation-delay: var(--delay-1);
}
.fade-up--delay-2 {
  animation-delay: var(--delay-2);
}
.fade-up--delay-3 {
  animation-delay: var(--delay-3);
}
.fade-up--delay-4 {
  animation-delay: var(--delay-4);
}
.fade-up--delay-5 {
  animation-delay: var(--delay-5);
}
.fade-up--delay-6 {
  animation-delay: var(--delay-6);
}

/* ============================================
   UTILITÁRIOS DE TIPOGRAFIA
   ============================================ */

.text-gradient--orange {
  background: var(--gradient-orange);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.text-gradient--blue {
  background: var(--gradient-blue);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ============================================
   SEÇÃO - HEADER E TÍTULO
   ============================================ */
.section-header {
  text-align: center;
  max-width: 800px;
  margin: 0 auto var(--spacing-4rem);
}

.section-header.fade-up {
  opacity: 0;
  transform: translateY(30px);
  transition:
    opacity var(--transition-slow),
    transform var(--transition-slow);
}

.history.in-view .section-header,
.benefits.in-view .section-header,
.photos.in-view .section-header,
.services.in-view .section-header,
.testimonials.in-view .section-header,
.contact.in-view .section-header {
  opacity: 1;
  transform: translateY(0);
}

/* Badge da seção */
.section-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--color-orange-700);
  color: var(--color-white);
  border-radius: var(--radius-full);
  font-size: var(--text-size-sm);
  font-weight: var(--font-weight-medium);
  margin-bottom: var(--spacing-md);
}

/* Título da seção */
.section-title {
  font-size: var(--text-size-4xl);
  font-weight: var(--font-weight-bold);
  margin-bottom: var(--spacing-lg);
  color: var(--color-blue-900);
}

/* Descrição da seção */
.section-description {
  font-size: var(--text-size-lg);
  color: var(--text-muted);
  line-height: 1.6;
}