/*
 * CALCULADORA DE FRETE - Header Component
 * Sits above the main container, on the page's gradient background.
 */
.header-section {
  text-align: center;
  margin-bottom: var(--spacing-xl); /* Espaço entre o título e o cartão branco */
  color: var(--text-white); /* Cor do texto branca */
}

.app-title {
  font-size: var(--text-4xl);
  font-weight: var(--font-bold);
  margin: 0 0 var(--spacing-sm) 0;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Sombra para legibilidade */
}

.app-subtitle {
  font-size: var(--text-lg);
  font-weight: var(--font-light);
  margin: 0;
  opacity: 0.9;
}

/* Ajuste para telas menores */
@media (max-width: 768px) {
  .app-title {
    font-size: var(--text-3xl);
  }
  .app-subtitle {
    font-size: var(--text-base);
  }
  .header-section {
      margin-bottom: var(--spacing-lg);
  }
}