.intro{
        display:flex;
        width:100%;
        padding:96px 20px 110px 20px;
        /*background-color:green;*/
        justify-content:center;
      }
      
      .introContainer{
        display:flex;
        width:100%;
        max-width:1210px;
        /*background-color:blue;*/
        flex-direction:column;
      }
      
      .introTop{
        display:flex;
        justify-content:space-between;
        width:100%;
        position:relative;
        gap:20px;
        /*background-color:purple;*/
        z-index:0;
      }
      
      .introMainText{
        display:flex;
        width:100%;
        flex-direction:column;
        gap:26px;
        max-width:589px;
        /*background-color:lightblue;*/
        justify-content:flex-end;
      }
      
      
      .introTitle{
        font-family: "helvetica-lt-pro", sans-serif;
font-weight: 700;
font-style: normal;
        font-size:41.18px;
        line-height:43px;
        letter-spacing:-0.047em;
        color:#274988;
      }
      
      .introTitleEdad{
        font-family: "helvetica-lt-pro", sans-serif;
font-weight: 700;
font-style: normal;
        font-size:51.47px;
        line-height:43px;
        letter-spacing:-0.05em;
        color:#2069F1;
      }
      
      .introText{
        font-family: "helvetica-lt-pro", sans-serif;
font-weight: 400;
font-style: normal;
        font-size:18.53px;
        line-height:22.6px;
        letter-spacing:-0.01em;
      }
      
      .introMainText a{
        display:flex;
        all:unset;
        cursor:pointer;
        display:flex;
        align-items:center;
        justify-content:center;
        /*background-color:pink;*/
        border-radius:50px;
        background-image:url("./imgs/intro/intro_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:18.42px;
        line-height:21px;
        letter-spacing:-0.024em;
        height:49.41px;
        width:184.26px;
      }
      
      .introEspacioFoto{
        display:flex;
        width:494px;
        height:324px;
        /*background-color:brown;*/
        position:relative;
      }
      
      .introFoto{
        display:flex;
        width:494px;
        height:583.68px;
        position:absolute;
        top:0;
        left:0;
        background-color:black;
        border-radius:20.59px;
      }
      
      .introFoto img{
        width:100%;
        object-fit:cover;
        object-position:center;
        border-radius:20.59px;
      }
      
      .introBottom{
        display:flex;
        width:100%;
        padding:46px 30px 64px 0;
        justify-content:space-between;
        /*background-color:brown;*/
       /*border:2px solid yellow;*/
        gap:15px;
        position:relative;
        z-index:1;
      }
      
      .introCaja{
        display:flex;
        width:371.62px;
        height:150.29px;
        padding:28px 15px 28px 46px;
        background-color:white;
        gap:10px;
        align-items:center;
        border-radius: 12px;
         box-shadow:0 0 50px rgba(213, 220, 245, 0.8);
      }
      
      .introIcon{
        display:flex;
        width:48.38px;
        height:49.41px;
        /*background-color:black;*/
        flex-shrink: 0;
      }
      
      .introIcon img{
        width:100%;
        object-fit:cover;
        object-position:center;
      }
      
      .introCaja .textual{
        display:flex;
        flex-direction:column;
        width:100%;
        gap:9px;
        /*background-color:beige;*/
      }
      
      .introCaja .textual .smallTitle{
        font-family: "helvetica-lt-pro", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size:18.01px;
        line-height:21px;
        letter-spacing:-0.01em;
      }
      
       .introCaja .textual .smallText{
        font-family: "helvetica-lt-pro", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 15.5px;
        line-height: 17px;
        letter-spacing:-0.01em;
      }



      @media(max-width:1150px){


        .intro{
          padding: 100px 30px 30px 30px;
        }

        .introEspacioFoto{
          /*border: 1px solid #2069F1;*/

        }

        .introFoto{
          width: 100%;
          min-width: 230px;
          height: 520px;
        }

        .introFoto img{
          width: 100%;
        }

        .introBottom{
          flex-direction: column;
          justify-content: center;
          align-items: center;
        }

        .introCaja{
          width: 520px;
          height: 110px;
          padding: 25px;
        }
        

        .introBottom{
          padding-top: 38px;
        }

        .introTop{
          gap: 25px;

        }

        .introMainText{
          padding: 0 15px;
        }

       .introCaja .textual{
          gap: 6px;
        }



      }


       @media(max-width:700px){


        .introFoto{
          height: 100%;
        }

        .introFoto img{
          object-position: top;
        }

        .introEspacioFoto{
          width: 90%;
        }

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

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

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

        .introTop{
          flex-direction: column;
        }

        .introMainText a{
          width: 155px;
          height: 42px;
          font-size: 16.04px;
          
        }

        .introMainText{
          align-items: center;
          padding: 0;
          gap: 20px;
        }

        .introTop{
          align-items: center;
          text-align: center;
          justify-content: center;
        }

        .intro{
          padding: 60px 20px;
        }

        .introBottom{
          /*background-color: orange;*/
          padding: 0;
        }
        .introCaja{
          width: 100%;
          padding: 20px;
          height: fit-content;
          gap: 22px;
        }

        .introCaja .textual{
          padding: 0;
        }

        .introCaja .textual .smallTitle{
          font-size: 16.5px;
          line-height: 16px;
        }

        .introCaja .textual .smallText{
          font-size: 15px;
          line-height: 16.5px;
        }

        .introContainer{
          gap: 30px;
        }

             
      .introIcon{
        display:flex;
        width:38.7px;
        height:39.52px;
      }

      


       }