.histo{
        display:flex;
        width:100%;
        justify-content:center;
        padding:78px 20px 0 20px;
        /*background-color:darkgreen;*/
      }
      
      .histoContainer{
        display:flex;
        width:100%;
        max-width:1070px;
        flex-direction:column;
        /*background-color:green;*/
      }
      
      .histoTop{
        display:flex;
        flex-direction:column;
        width:100%;
        gap:18px;
        align-items:center;
        /*background-color:beige;*/
        text-align:center;
      }
      
      .histoTop .title{
        font-family: "helvetica-lt-pro", sans-serif;
font-weight: 700;
font-style: normal;
        font-size:49px;
        line-height:49px;
        letter-spacing:-0.047em;
        color:#274988;
      }
      
       .histoTop .title .fosfo{
        color:#2069F1;
      }
      
      .histoTop .sub{
        font-family: "helvetica-lt-pro", sans-serif;
font-weight: 400;
font-style: normal;
        font-size:18px;
        line-height:21px;
        letter-spacing:0.03em;
      }
      
      
      
      .histoLinea{
        display:flex;
        flex-direction:column;
        padding:40px 0px 106px 0px;
        /*background-color:lightblue;*/
        width:100%;
        max-width:1070px;
        position:relative;
      }
      
      .histoFila{
        display:flex;
        width:100%;
        /*background-color:pink;*/
      }
      
      .histoEspacio{
        display:flex;
        width:calc(100% - 31px);;
        height:144px;
       /*background-color:brown;*/
       /*opacity:0.7;*/
      }
      
      .histoSustancia{
        display:flex;
        width:calc(100% + 31px);
        min-height:100px;
        position:relative;
        flex-direction:column;
        /*background-color:lightgreen;*/
        /*opacity:0.7;*/
      }
      
      .histoSustancia .topi{
        display:flex;
        width:100%;
        gap:11px;
        /*background-color:red;*/
        align-items:center;
      }
      
      .histoSustancia .number{
        display:flex;
        width:31px;
        height:37px;
        /*background-color:black;*/
        flex-shrink:0;
      }
      
      .histoSustancia .icon{
        display:flex;
        width:74px;
        height:74px;
        /*background-color:black;*/
        flex-shrink:0;
      }
      
      .histoSustancia .linea{
        display:flex;
        width:100%;
        height:18px;
        /*background-color:purple;*/
      }
      
      .histoBottom{
        display:flex;
        width:100%;
        /*background-color:pink;*/
      }
      
      .histoBottom.left{
         justify-content:flex-start;
         padding-left:56px;
      }
      
      .histoBottom.right{
         justify-content:flex-end;
         padding-right:56px;
      }
      
      .histoBottom .espacio{
        display:flex;
        width:393px;
        height:68px;
        position:relative;
        /*background-color:brown;*/
      }
      
      .histoBottom .caja{
        display:flex;
        flex-direction:column;
        width:393px;
        height:171px;
        position:absolute;
        top:0;
        left:0;
        background-color:white;
        border-radius:19.3px;
        padding:30px 22px 30px 34px;
        gap:16px;
        justify-content:center;
      }
      
      .histoBottom .caja.last{
        position:relative;
      }
      
      

      .histoAtraviesa{
        display:flex;
        position:absolute;
        top:0;
        left:50%;
        transform:translateX(-50%);
        width:31px;
        height:100%;
        /*background-color:purple;*/
      }
      
      .histoAtraviesa img{
        width:100%;
        object-fit:fill;
        object-position:top;
      }
      
      .histoBottom .caja .title{
        font-family: "helvetica-lt-pro", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size:18.55px;
        line-height:21px;
        letter-spacing:-0.01em;
      }
      
      .histoBottom .caja .text{
        font-family: "helvetica-lt-pro", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size:15.8px;
        line-height:18px;
        letter-spacing:-0.01em;
      }
      
      .histoBottom .caja .text .especial{
        font-weight: 700;
      }



        .invertir{
          flex-direction: row;
        }
      


      @media(max-width:1150px){


        .histoBottom .espacio{
          height: fit-content;

        }

        .histoBottom .caja{
          position: relative;
        }

        .agregados{
          order: 2;
        }

        .histoAtraviesa{
          left: 15px;
        }

        .histoEspacio{
          width: 5px;
        }

        .histoBottom.right{
          justify-content: flex-start;
          padding-right: 0;
          padding-left: 56px;
        }

        .invertir{
          flex-direction: row-reverse;
        }

        .histoSustancia .topi{
          width: fit-content;
        }

        .histoSustancia{

            width: fit-content;
        }

        .histoLinea{
          /*background-color: purple;*/
          width: fit-content;
        }

        .histoFila{
          width: fit-content;
        }

        .histoContainer{
          align-items: center;
        }

        .histoEspacio{
          display: none;
        }

        



      }



            @media(max-width:700px){


              .histoSustancia .linea{
                width: 240px;
                overflow: hidden;
              }
        .histoBottom.right, .histoBottom.left{
          padding-left: 40px;
        }


        .histoBottom .caja{
          width: 330px;
          height: fit-content;
          padding: 23px ;
        }

        .histoSustancia{
          /*background-color: orange;*/
          gap: 15px;
        }

        .histoBottom .espacio{
          /*background-color: purple;*/
          width: fit-content;
        }

        .histoLinea{
          gap: 20px;
          padding-bottom: 80px;
        }


        .histoTop .title{
          font-size: 28px;
          line-height: 28px;
        }

        .histoTop .sub{
          font-size: 16px;
          line-height: 16px;
        }

        .histoTop{
          gap: 20px;
        }

        .histoBottom .caja .title{
          font-size: 17px;
          line-height: 20px;
        }

        .histoSustancia .icon{
          width: 67px;
          height: 67px;
        }

        .histo{
          padding-top: 60px;
          padding-bottom: 0px;
        }


      }