.desarrolloTitle{
        font-family: 'futura-bold', sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:36px;
        line-height:48px;
      }
      
      
     .desarrolloTexto{
        font-family: 'futura-medium', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size:23px;
        line-height:28px;
      }
      
      .desarrolloPunto .desarrolloTexto{
        font-size:19px;
        line-height:22px;
        color:#808080;
      }
           
      
      .desarrollo{
        display:flex;
        width:100%;
        padding:90px 0 96px 0;
        /*background-color:purple;*/
        justify-content:center;
        color:white;
      }
      
      .desarrolloWrapper{
        display:flex;
        width:100%;
        padding:0 60px;
        background-color:#274147;
        justify-content:center;
      }
      
      .desarrolloContainer{
        display:flex;
        width:100%;
        max-width:1195px;
        gap:69px;
        /*background-color:lightblue;*/
      }
      
      .desarrolloTextual{
        display:flex;
        width:62%;
        flex-direction:column;
        justify-content:center;
        width:100%;
        /*background-color:grey;*/
        gap:64px;
      }
      
      .desarrolloListadoSpace{
        display:flex;
        position:relative;
        width:38%;
        /*background-color:blue;*/
        height:565px;
        min-width:470px;
      }
      
      .desarrolloListado{
        display:flex;
        position:absolute;
        top:50%;
        transform:translateY(-50%);
        width:100%;
        height:677px;
        overflow-x: auto;
        scrollbar-color: #B3B3B3 white; 
        background-color:white;
        border-radius:12px;
        min-width:430px;
        max-width:463px;
        box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.2);
      }
      
  
      .desarrolloAbajo{
        display:flex;
        gap:30px;
        /*background-color:pink;*/
      }
      
      .desarrolloIcon{
        display:flex;
        /*background-color:black;*/
        height:28px;
        width:42px;
        flex-shrink:0;
        background-image:url("./imgs/desarrollo/desarrollo_flecha.png");
        background-position:center;
        background-size:cover;
        background-repeat:no-repeat;
      }

      .desarrolloContenedorListado{
        display:flex;
        width:100%;
        height:fit-content;
        flex-direction:column;
        padding:21px 0;
        background-color:white;
        min-width:430px;
        max-width:463px;
      }
      
      .desarrolloPunto{
        display:flex;
        align-items:center;
        width:100%;
        gap:25px;
        padding:15px 45px;
        /*background-color:pink;*/
        transition: all 0.2s ease;
      }

      
      .puntoColor{
        background-color:#EAEAEA;
      }
      
      .desarrolloPuntoFoto{
        display:flex;
        height:152.3px;
        width:151.6px;
        background-color:black;
        flex-shrink:0;
        border-radius:12px;
        border:1px solid #B3B3B3;
      }
      
     .desarrolloPuntoFoto img{
        width:100%;
        object-fit:cover;
        object-position:center;
        border-radius:12px;
      }

      @media(max-width:1140px){

        .desarrolloTextual{
          gap: 35px;
          width: 55%;
        }

      
        .desarrolloListadoSpace{
          /*border: 4px solid orange;*/
          width: 45%;
          min-width: auto;
        }

        .desarrolloListado{
          display: flex;
          width: 100%;
          min-width: auto;
        }

        .desarrolloContenedorListado{
          display: flex;
          /*border: 5px solid purple ;*/
          width: 100%;
          min-width: 0;
        }

        .desarrolloPunto{
          padding: 15px;
          width: 100%;
        }


      }

     @media(max-width:1000px){

        .desarrollo{
          padding: 0;
          align-items: center;
        }

        .desarrolloIcon{
          display: none;
        }

        .desarrolloContainer{
          gap: 45px;
          align-items: center;
        }

        .desarrolloContainer{
          flex-direction: column;
          padding: 0;
        }

        .desarrolloListado{
          height: 100%;
        }

        .desarrolloTextual{
          width: 90%;
          text-align: center;
          gap:28px;
        }

        .desarrolloWrapper{
          padding: 67px 20px 78px 20px;
        }

        .desarrolloListadoSpace{
          width: 70%;
        }

        .desarrolloListado, .desarrolloContenedorListado{
          max-width: 100%;
        }
    }


    @media(max-width:700px){
      .desarrolloTitle{
        font-size: 30px;
        line-height: 35px;
      }

      .desarrolloTexto{
        font-size: 19px;
        line-height: 23px;
      }

      .desarrolloPunto .desarrolloTexto{
        font-size: 17px;
        line-height: 22px;
      }

      .desarrolloListadoSpace{
        width: 100%;
      }

      .desarrolloPunto{
        flex-direction: column;
        gap: 15px;
      }

      .desarrolloTextual{
        gap: 25px;
      }

      .desarrolloWrapper{
        padding: 65px 20px 70px 20px; 
      }
    }