.introSubtitles{
        font-family: "Inter", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size:26.7px;
        line-height:32px;
        letter-spacing:0.02em;
      }
      
      .introTexto{
        font-family: "Inter", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size:18px;
        line-height:25px;
        letter-spacing:-0.02em;
        padding-top:8px;
      }
      
      .intro{
        display:flex;
        width:100%;
        padding:97px 20px 86px 20px;
        /*background-color:darkgrey;*/
        justify-content: center;
      }
      
      .introContainer{
        display:flex;
        width:100%;
        max-width:1280px;
        /*background-color:purple;*/
        gap:20px;
        justify-content:space-between;
        align-items:center;
      }
      
      .introImagenSpace{
        display:flex;
        width:100%;
        max-width:773px;
        height:fit-content;
        border-radius:9px;
        /*background-color:green;*/
        flex-wrap:wrap;
        gap:10px;
        justify-content:center;
      }
      
      .imagenIntro{
        display:flex;
        height:252px;
        width:100%;
        max-width:370px;
        flex: 1 1 0;
        min-width:280px;
        /*background-color:blue;*/
        border-radius:10px;
      }
      
      .imagenIntro img{
        width:100%;
        height:100%;
        object-position:center;
        object-fit:cover;
        border-radius:10px;
      }
      
      .introTextos{
        display:flex;
        flex-direction:column;
        width:100%;
        max-width:406px;
        gap:15px;
        justify-content:center;
        /*background-color:green;*/
      }
      
      .introEdad{
        display:flex;
        width:297px;
        height:68px;
        flex-shrink:0;
      }
      
      .introEdad img{
        width:100%;
        height:100%;
        object-position:center;
        object-fit:center;
      }



    @media(max-width:1040px){

      .imagenIntro {
        width:45%;
        max-width:45%;
        flex: 1 1 0;
        min-width:45%;
      }

      .introTextos{
        max-width:500px;
      }



    }



    @media(max-width:950px){

      .introContainer {
        flex-direction: column;
      }

      .imagenIntro {
        height: 190px;
      }

            .introContainer{
        gap: 42px;
      }


      .introTextos{
        padding: 0 20px ;
      }
      

    }