.rutas{
        display:flex;
        width:100%;
        padding:0 20px 101px 20px;
        gap:61px;
        /*background-color:brown;*/
        justify-content:center;
        align-items:center;
        
      }
      
      .rutasContenedor{
        display:flex;
        flex-direction:column;
        width:100%;
        max-width:1389px;
        /*background-color:grey;*/
        gap:61px;
      }
      
      .rutas .top{
        width:100%;
        display:flex;
        flex-direction:column;
        gap:21px;
        /*background-color:purple;*/
        text-align:center;
      }
      
      .rutas .title{
        font-family: "Bebas Neue", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size:55px;
        line-height:52px;
        color:white;
      }
      
      .rutas .subtitle{
        font-family: "Poppins", sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size:17px;
        line-height:20px;
        color:rgba(255,255,255,0.9);
      }
      
      .rutas .cajasSpace{
        width:100%;
        max-width:;
        display:flex;
        gap:21px;
        /*background-color:green;*/
        justify-content:space-between;
      }
      
      .rutas .caja{
        display:flex;
        flex-direction:column;
        width:100%;
        max-width:420px;
        gap:27px;
        padding:19px 20px;
        background-color:rgba(0,0,0,0.1);
        border-radius:30px;
        border:1px solid rgba(255,255,255,0.15);
      }
      
      .rutas .caja .cabeza{
        display:flex;
        width:100%;
        height:fit-content;
        min-height:183px;
        /*background-color:purple;*/
        flex-direction:column;
        padding-left:21px;
        gap:18px;
        justify-content:flex-end;
        position:relative;
      }
      
      .rutas .caja .iconBox{
        position:absolute;
        top:0;
        right:0;
        height:104px;
        width:103px;
        background-color:rgba(0,0,0,0.3);
        border-radius:20px;
      }
      
      .rutas .caja .iconBox img{
        width:100%;
        object-fit:cover;
        object-position:cover;
      }
      
      .rutas .caja .title{
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:20.79px;
        line-height:26px;
        letter-spacing:0.02em;
        padding-right:140px;
      }
      
      .rutas .caja .subtitle{
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size:15.07px;
        line-height:20.8px;
      }
      
      .rutas .caja .cajaInterior{
        display:flex;
        width:100%;
        height:100%;
        flex-direction:column;
        padding:28px 18px;
        background-color:rgba(0,0,0,0.15);
        border-radius:17px;
        gap:14px;
      }
      
      .rutas .filaText{
        display:flex;
        width:100%;
        gap:15px;
        /*background-color:brown;*/
      }
      
      .rutas .puntito{
        display:flex;
        width:33px;
        height:33px;
        /*background-color:black;*/
        flex-shrink:0;
      }
      
      .rutas .puntito img{
        width:100%;
        object-fit:cover;
        object-position:center;
      }
      
      .rutas .text{
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size:14px;
        line-height:20px;
        color:rgba(255,255,255,0.9);
        padding-top:6px;
      }
      
      .rutas .colora{
        color: var(--color-acento);
      }
      
      @media(max-width:1180px){
        
        .rutas .cajasSpace{
          flex-direction:column;
          align-items:center;
        }
        
        .rutas .caja{
          max-width:1000px;
        }
        
        .rutas .caja .cabeza{
          min-height:120px;
        }
        
      }
      
      @media(max-width:1180px){

        .rutas .caja .cabeza{
          min-height:160px;
        }

        
      }