/**
 * Corrección del espaciado del header para TRAUMA 2025
 * Soluciona el problema del subtítulo que se corta con el formulario
 */

/* Ajuste de espaciado del header */
header {
  padding: 40px 0 60px; /* Aumentado padding inferior */
  margin-bottom: 80px; /* Incrementado para más espacio */
}

/* Ajuste del contenedor de progreso para no solaparse */
.progress-container {
  margin-top: -70px; /* Posicionado más arriba dentro del header */
  position: relative;
  z-index: 20; /* Mayor z-index para asegurar que esté sobre el header */
}

/* Espacio adicional para el texto del header */
header p {
  margin-bottom: 25px; /* Añadido margen inferior al subtítulo */
}

/* Sombra mejorada para separar visualmente el header */
header {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}

/* Mejora de la separación del contenedor principal */
.form-container {
  margin-top: 30px; /* Espacio adicional después de la barra de progreso */
}

/* En pantallas pequeñas */
@media (max-width: 768px) {
  header {
    padding: 30px 0 70px; /* Más padding en móviles */
    margin-bottom: 60px;
  }
  
  .progress-container {
    margin-top: -50px;
  }
}

/* En pantallas muy pequeñas */
@media (max-width: 480px) {
  header {
    padding: 25px 0 80px; /* Aún más padding para móviles pequeños */
  }
  
  .progress-container {
    margin-top: -40px;
  }
}