.valoresSub{
        font-family: "helvetica-lt-pro", sans-serif;
font-weight: 400;
font-style: normal;
        font-size:18px;
        line-height:18px;
        letter-spacing:0.03em;
      }

      .valoresTitle{
        font-family: "helvetica-lt-pro", sans-serif;
font-weight: 700;
font-style: normal;
        font-size:40px;
        line-height:40px;
        letter-spacing:-0.047em;
        max-width:560px;
        color:#274988;
      }
      
      .valoresText{
        font-family: "helvetica-lt-pro", sans-serif;
font-weight: 400;
font-style: normal;
        font-size:17px;
        line-height:22px;
        letter-spacing:-0.005em;
        max-width:870px;
      }
           
      .valores{
        display:flex;
        padding:0 20px 117px 20px;
        justify-content:center;
        /*background-color:purple;*/
      }
      
      .valoresContainer{
        display:flex;
        width:100%;
        max-width:1120px;
        flex-direction:column;
        gap:56px;
        /*background-color:green;*/
      }
      
      .valoresTop{
        display:flex;
        flex-direction:column;
        gap:15px;
        text-align:center;
        align-items:center;
      }
      
      .valoresBottom{
        display:flex;
        justify-content:center;
        flex-wrap:wrap;
        row-gap:40px;
        column-gap:30px;
       /*background-color:brown;*/
      }
      
      .valoresCaja{
        display:flex;
        flex-direction:column;
        height:240px;
        width:256px;
        padding:18px 12px 24px 12px;
        background-color:#FFFFFF;
        box-shadow:0 0 50px rgba(148, 165, 234, 30%);     
        border-radius:10px;
        transition: transform 0.2s cubic-bezier(0.22, 1, 0.36, 1);
      }
      
      .valoresTopIcon{
        display:flex;
        width:100%;
        height:102px;
        align-items:center;
        justify-content:center;
        /*background-color:purple;*/
      }
      
      .valoresTopIcon .icon{
        display:flex;
        width:100px;
        height:83px;
        /*background-color:black;*/
      }
      
      .valoresTopIcon .icon img{
        width:100%;
        object-position:center;
        object-fit:cover;
      }
      
      .valoresBottomCaja{
        display:flex;
        flex-direction:column;
        gap:8px;
        /*background-color:pink;*/
        align-items:center;
        text-align:center;
      }
      
      .valoresBottomCaja .title{
        font-family: "helvetica-lt-pro", sans-serif;
font-weight: 700;
font-style: normal;
        font-size:20px;
        line-height:23px;
        letter-spacing:-0.047em;
      }
      
     .valoresBottomCaja .texto{
        font-family: "helvetica-lt-pro", sans-serif;
font-weight: 400;
font-style: normal;
        font-size:15px;
        line-height:17px;
        letter-spacing:-0.02em;
      }
      
      .primeraCaja{
        max-width:196px;
      }

      .valoresCaja:hover{
        transform: scale(1.01) translateY(-4px);
      }




.valoresCaja .icon {
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.valoresCaja:hover .icon {
  transform: scale(1.1) translateY(-4px);
}




.valoresCaja {
  position: relative;
  transition: transform 0.4s ease;
}

.valoresCaja::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 1px solid rgba(17, 93, 193,0);
  transition: all 0.4s ease;
}

.valoresCaja:hover::after {

  border: 1px solid rgba(17, 93, 193,0.5);
}





      @media(max-width:900px){


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

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

        .valoresText{
          font-size: 16px;
          line-height: 20px;
        }

        .valoresBottom{
          gap: 20px;
        }

        .valoresContainer{
          gap: 40px;
        }

        .valores{
          padding-bottom: 80px;
        }

        .valoresBottomCaja .title {
          font-size: 18px;
        }

        .valoresCaja{
          padding-top: 15px;
          height: fit-content;
        }

        .valoresTopIcon{
          height: fit-content;
        }

        .valoresTopIcon .icon{
          width: 70px;
          height: 70px;
        }

      }