.clientesTitle{
        font-family: "helvetica-lt-pro", sans-serif;
font-weight: 700;
font-style: normal;
        font-size:40px;
        line-height:40px;
        letter-spacing:-0.047em;
        color:#274988;
      }
      
      .clientesSubtitle{
        font-family: "helvetica-lt-pro", sans-serif;
font-weight: 400;
font-style: normal;
        font-size:18px;
        line-height:18px;
        letter-spacing:0.03em;
      }
      
      .clientesText{
        font-family: "helvetica-lt-pro", sans-serif;
font-weight: 400;
font-style: normal;
        font-size:17px;
        line-height:20px;
        letter-spacing:-0.01em;
        padding-bottom:14px;
      }
           
      .clientesAdentro{
        font-family: "helvetica-lt-pro", sans-serif;
font-weight: 700;
font-style: normal;
        font-size:30px;
        line-height:30px;
        letter-spacing:-0.047em;
        color:white;
        z-index:20;
      }
      
      
      .clientesCaja a{
        all:unset;
        position:relative;
        cursor:pointer;
        display:flex;
        /*background-color:pink;*/
        height: 45px;
        width: 166px;
        align-items: center;
        justify-content: center;
        border-radius:50px;
        background-image:url("./imgs/clientes/cliente_gob_boton.png");
        background-position:center;
        background-size:cover;
        background-repeat:no-repeat;
        font-family: "helvetica-lt-pro", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size:15.96px;
        line-height:15.96px;
        letter-spacing:0.01em;
        z-index:20;
        color: white;


         transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease !important;
    display: flex !important; /* Asegura que transform funcione */
    will-change: transform;

      }
      
      
      .clientes{
        display:flex;
        padding:120px 20px;
        width:100%;
        /*background-color:brown;*/
        justify-content:center;
        align-items:center;
      }
      
      .clientesContainer{
        display:flex;
        width:100%;
        max-width:1238px;
        justify-content:space-between;
        align-items:center;
        /*background-color:purple;*/
      }
      
      .clientesParrafo{
        display:flex;
        flex-direction:column;
        width:100%;
        max-width:525px;
        /*background-color:green;*/
        justify-content:center;
        gap:29px;
        position:relative;
      }
      
      .clientesEspacio{
        display:flex;
        width:fit-content;
        gap:40px;
      }
      
      .clientesCaja{
        display:flex;
        flex-direction:column;
        position:relative;
        height:416px;
        width:293.16px;
        background-color:black;
        padding:35px 30px;
        justify-content:flex-end;
        border-radius:12px;
        gap:35px;
        flex-shrink:no-shrink;
        box-shadow:0 0 50px #B7C8F3;
      }
      
      .clientesPicture{
        display:flex;
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        /*background-color:darkblue;*/
        border-radius:12px;
        z-index:1;
      }
      
      .clientesPicture img{
        width:100%;
        object-position:center;
        object-fit:cover;
        border-radius:12px;
      }
      



      .clientesCaja a:hover {
    /* Elevación y escala */
    transform: translateY(-2px) scale(1.04) !important;
    /* Sombra profunda para dar sensación de altura */
    box-shadow: 0 10px 20px rgba(30, 116, 226, 0.2) !important;
    cursor: pointer !important;
}


      


      @media(max-width:1270px){

        .clientes{
          padding-left:45px;
          padding-right: 30px;
          padding: 90px 30px 90px 45px;
        }

        .clientesContainer{
          gap: 23px;
          /*background-color: orange;*/
        }

        .clientesEspacio{
          /*background-color: aquamarine;*/
          gap: 20px;
        }

        .clientesCaja{
          width: 250px;
          padding: 20px;
          gap: 20px;
        }

        .clientesParrafo{
          gap: 20px;
        }



      }

      @media(max-width:955px){



        .clientesContainer{
          flex-direction: column;
        }

        .clientesParrafo{
          align-items: center;
          text-align: center;
          max-width: none;
        }

        .clientesText{
          max-width: 90%;
        }

        .clientesTitle{
          max-width: 70%;
        }

        .clientesCaja{
          width: 320px;
          height: 350px;
        }

        .clientesPicture img{
          object-position: top;
        }



      }


      @media(max-width:700px){


        .clientes{
          padding: 60px 25px;
        }
        
        .clientesParrafo{
          gap: 20px;
        }

        .clientesTitle{
          font-size: 30px;
          line-height: 30px;
        }

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

        .clientesText{
          font-size: 16px;
          line-height: 19px;
          max-width: 100%;
        }

        .clientesEspacio{
          flex-direction: column;
          max-width: 100%;
          width: 100%;
          align-items: center;
        }

        .clientesTitle{
          max-width: 100%;
        }

        .clientesCaja{
          height: 370px;
          width: 300px;
        }

        .clientesCaja img{
          object-position: 0 65%;
        }

        .clientesAdentro{
          font-size: 26px;
          line-height: 26px;
        }



      }