.container_itinerario{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2em;
    margin-top: 10em;
    
    position: relative;
    z-index: 6;
}

.container_itinerario::after{
   content: "";
  position: absolute;
   width:950px;
  height: 100%;
  top:-4.8em;

  background-image: url("/recursos/img/bordeVintageItinerario.png");
  background-size: contain;
   background-position: top;
  background-repeat: no-repeat;
  z-index: 5;
  pointer-events: none;
  
}

.container_itinerario_elementos{
    display: flex;
    align-items: stretch;
    gap: 20px;
    
}

/* Columna de iconos */
.container_itinerario_img{
    display: flex;
    flex-direction: column;
       justify-content: space-between;
       opacity: 0.80;
            padding-top: 1em; 
            position: relative;
            z-index: 6;
}
.container_itinerario_divisor{
    opacity: 0.8;
}

.container_itinerario_img img{
    width: 65px;
    animation: floatSoft 6s ease-in-out infinite;
}

/* Retrasos para sincronizar filas */
.container_itinerario_img img:nth-child(2),
.container_itinerario_text h2:nth-child(2){ animation-delay: 0.3s; }

.container_itinerario_img img:nth-child(3),
.container_itinerario_text h2:nth-child(3){ animation-delay: 0.6s; }

.container_itinerario_img img:nth-child(4),
.container_itinerario_text h2:nth-child(4){ animation-delay: 0.9s; }

.container_itinerario_img img:nth-child(5),
.container_itinerario_text h2:nth-child(5){ animation-delay: 1.2s; }

.container_itinerario_img img:nth-child(6),
.container_itinerario_text h2:nth-child(6){ animation-delay: 1.5s; }

@keyframes floatSoft{
    0%, 100%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(-8px);
    }
}

/* Columna de texto */
.container_itinerario_text{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
      
}

.container_itinerario_text_position{
     text-align: start;
}

.container_itinerario_text h2{
     animation: floatSoft 6s ease-in-out infinite;
        
}


/* Divisor de línea */
.container_itinerario_divisor{
    display: flex;
    align-items: center;
}
.container_itinerario_divisor img{
    height: 100%;
}

@media (max-width: 960px) {
    .container_itinerario::after{
   width:830px !important;
}
}

@media (max-width: 850px) {
        .container_itinerario::after{
   width:770px !important;
}
}

@media (max-width: 768px) {
.container_itinerario {
    gap: 1em;
}

 .container_itinerario::after{
width:620px !important;
}

.container_itinerario_elementos {
 gap: 0px; 
 padding:0em 0.8em 0em 0.8em;
}

.container_itinerario_text_position {
    text-align: center;
}

.container_itinerario_img img {
    width: 70px;
    padding-top: 0em;
}

.SizeTitulosGrande {
    font-size: 25px !important;
}


}


@media (max-width: 650px) {
   .container_itinerario::after{
width:600px !important;
top: 0em;
 background-image: url("/recursos/img/bordeVintageItinerarioMobile.png");
}

.container_itinerario {
    overflow: hidden;
    margin-top: 6em;
}

.marginTop {
    margin-top: 2em;
}
}