/* Ajustes para la sección de itinerario en dispositivos móviles */
@media (max-width: 700px) {
  /* Asegurar que la sección de itinerario tenga altura automática */
  body .cruise-details-grid .cruise-card-section.cruise-itinerary,
  html body .cruise-card .cruise-details-grid .cruise-card-section.cruise-itinerary {
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 0.5rem 0.2rem !important;
    margin: 0 0 0.5rem 0 !important;
    box-sizing: border-box !important;
  }
  
  /* Ajustes para el icono y título */
  body .cruise-card-section.cruise-itinerary .section-icon {
    margin: 0 0.3rem 0.3rem 0 !important;
    padding: 0 !important;
    height: 1.8rem !important;
    width: 1.8rem !important;
    display: inline-block !important;
    vertical-align: middle !important;
  }
  
  body .cruise-card-section.cruise-itinerary h4 {
    margin: 0 0 0.5rem 0 !important;
    padding: 0 !important;
    font-size: 0.9rem !important;
    line-height: 1.2 !important;
    display: inline-block !important;
    vertical-align: middle !important;
  }
  
  /* Ajustes para la lista de itinerario */
  body .cruise-card-section.cruise-itinerary .itinerary-list {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none !important;
    width: 100% !important;
  }
  
  /* Ajustes para cada elemento del itinerario */
  body .cruise-card-section.cruise-itinerary .itinerary-list li {
    margin: 0 0 0.5rem 0 !important;
    padding: 0.3rem !important;
    font-size: 0.85rem !important;
    line-height: 1.3 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    border-radius: 4px !important;
  }
  
  /* Ajustes para el icono del itinerario */
  body .cruise-card-section.cruise-itinerary .itinerary-icon {
    margin-right: 0.3rem !important;
    flex: 0 0 auto !important;
  }
  
  /* Ajustes para las etiquetas de llegada/salida */
  body .cruise-card-section.cruise-itinerary .itinerary-label {
    margin: 0.2rem 0.2rem 0 0 !important;
    padding: 0.1rem 0.3rem !important;
    font-size: 0.75rem !important;
    border-radius: 3px !important;
    display: inline-block !important;
    white-space: nowrap !important;
  }
  
  /* Ajustes para la descripción del itinerario */
  body .cruise-card-section.cruise-itinerary .itinerary-desc {
    margin-left: 0.3rem !important;
    font-size: 0.8rem !important;
    font-style: italic !important;
    opacity: 0.8 !important;
    display: inline-block !important;
  }
  
  /* Asegurar que el texto no se corte */
  body .cruise-card-section.cruise-itinerary strong {
    display: inline-block !important;
    margin-right: 0.3rem !important;
  }
  
  /* Ajustes para las banderas */
  body .cruise-card-section.cruise-itinerary .flag {
    margin: 0 0.3rem !important;
  }
  
  /* Permitir que los elementos largos se envuelvan correctamente */
  body .cruise-card-section.cruise-itinerary li > * {
    flex: 0 0 auto !important;
  }
  
  /* Añadir espacio para elementos que necesitan ocupar toda la línea */
  body .cruise-card-section.cruise-itinerary .itinerary-label.llegada,
  body .cruise-card-section.cruise-itinerary .itinerary-label.salida {
    margin-top: 0.2rem !important;
    display: inline-block !important;
  }
  
  /* Asegurar que los días largos se muestren correctamente */
  body .cruise-card-section.cruise-itinerary li {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }
}