.hero-content h1 span {
  color: var(--primary-color);
}

.result-section {
  padding: 80px 20px;
  max-width: 1000px;
  margin: 0 auto;
  text-align: center; /* Centra el título y el botón */
}

.result-section h2 {
  font-size: 2.2rem;
  color: #2C3E50; /* Azul oscuro corporativo */
  margin-bottom: 30px;
  font-weight: 700;
}

/* Caja del Itinerario (Estilo Tarjeta / Glassmorphism) */
.itinerary-details {
  background: #ffffff;
  padding: 50px;
  border-radius: 20px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.08);
  border: 1px solid #f0f0f0;
  text-align: left; /* Alineamos el texto a la izquierda para facilitar la lectura */
  margin-bottom: 40px;
  color: #333333;
  line-height: 1.8; /* Interlineado amplio para mejor legibilidad */
  font-size: 1.05rem;
}

/* Estilos para el contenido generado por la IA dentro de {{ itinerario | safe }} */
.itinerary-details h3, 
.itinerary-details h4 {
  color: #1ABC9C; /* Turquesa corporativo para los subtítulos */
  margin-top: 30px;
  margin-bottom: 15px;
  font-weight: 600;
}

.itinerary-details p {
  margin-bottom: 15px;
  white-space: pre-wrap;
}

.itinerary-details ul, 
.itinerary-details ol {
  margin-left: 20px;
  margin-bottom: 20px;
}

.itinerary-details li {
  margin-bottom: 8px;
}

/* Estilo específico para la fecha de creación ("Created in:") */
.itinerary-details p:last-child {
  margin-top: 40px;
  padding-top: 15px;
  border-top: 1px solid #eaeaea;
  font-size: 0.9rem;
  color: #7f8c8d;
  text-align: right;
}

/* Botón de Descarga PDF */
.result-section .download_button {
  background: linear-gradient(135deg, #1ABC9C, #16a085);
  color: white;
  border: none;
  padding: 16px 40px;
  font-size: 1.1rem;
  font-weight: 600;
  border-radius: 50px;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.result-section .download_button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(26, 188, 156, 0.4); /* Sombra turquesa brillante */
}