.objetivos h3 {
  font-family: 'futura-bold', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 36px;
  line-height: 38px;
  color: #0D426F;
}
      
.objetivos h4 {
  font-family: 'futura-medium', sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 22.5px;
  line-height: 29px;
  color:#333333;
}

.objetivosTitle {
  font-family: 'futura-bold', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 22.81px;
  line-height: 28.25px;
  color:white;
  max-width: 320px;
}
      
.objetivosTexto {
  font-family: 'futura-medium', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 15.48px;
  line-height: 18.57px;
  color:white;
  max-width: 350px;
}
           
.objetivosTitular {
  display: flex;
  position: relative;
  width: 100%;
  flex-direction: column;
  gap: 37px;
  /*background-color: grey;*/
  max-width: 950px;
  z-index: 3;
}
      
        .objetivos{
            display: flex;
            width: 100%;
            justify-content: center;
            /*background-color: aqua;*/
        }

      .objetivosWrapper{
        display:flex;
        flex-direction:column;
        gap:76px;
        padding: 52px 60px 113px 60px;
        /*background-color:brown;*/
      }

      .objetivosListado{
        display:flex;
        width:100%;
        gap:37px;
        max-width:1306px;
        
      }
      
      .objetivosCaja{
        display:flex;
        flex-direction:column;
        width:100%;
        gap:30px;
        background-color:#114063;
        padding:44.5px 21.7px 47px 21.7px;
        align-items:center;
        text-align:center;
        border-radius:12px;
        transition: all 0.3s ease;
      }
      

      .objetivosCaja:hover{
        scale:1.05;
      }

      .objetivosIcon{
        display:flex;
        width:153.75px;
        height:153.75px;
        /*background-color:black;*/
      }
      
      .objetivosIcon img{
        width:100%;
        object-fit:cover;
        object-position:center;
      }

      @media(max-width:1020px){

        .objetivosWrapper{
          padding: 40px 40px 80px 40px;
          gap: 50px;
        }
        
        .objetivosTitular{
          gap: 30px;
          align-items: center;
          text-align: center;
        }

        .objetivosListado{
          flex-direction: column;
          align-items: center;
        }

        .objetivosCaja{
          max-width: 500px;
          padding: 25px 18px 35px 18px;
          gap: 20px;
        }

        .objetivosTitle, .objetivosTexto{
          max-width: none;
        }

      }

      @media(max-width:700px){

        .objetivos h3{
          font-size: 30px;
          line-height: 33px;
        }

        .objetivos h4{
          font-size: 19px;
          line-height: 22px;
        }

        .objetivosTitular{
          gap: 20px;
        }

        .objetivosWrapper{
          padding: 10px 20px 70px 20px;
          gap: 45px;
        }

        .objetivosIcon{
            width: 120px;
            height: 120px;
        }

        .objetivosTitle{
          font-size: 18px;
          line-height: 22px;
          max-width: 400px;
        }

        .objetivosTexto{
          font-size: 15px;
          line-height: 19px;
        }

      }