.beneficiosTitle{
        font-family: 'MongolianBaiti', serif;
        font-weight: 400;
        font-style: normal;
        font-size:49px;
        line-height:53px;
      }
      
      .beneficiosExtrabold{
        font-family: 'CreatoDisplay_ExtraBold', sans-serif;
        font-weight: 900;
        font-style: normal;
        font-size: 30px;
        line-height:53px;
      }
      
      .beneficiosBold{
        font-family: 'CreatoDisplay_Bold', sans-serif;
        font-weight: 550;
        font-style: normal;
        font-size: 30px;
        line-height:53px;
      }
      
      .beneficiosMedium{
        font-family: 'CreatoDisplay_Medium', sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size:18px;
        line-height:25px;
      }
      
      .beneficiosRegular{
        font-family: 'CreatoDisplay_Regular', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size:17px;
        line-height:22px;
      }
      
      .beneficios{
        display:flex;
        flex-direction:column;
        gap:78px;
        /*background-color:beige;*/
        padding:127px 151px 161px 156px;
        align-items: center;
      }
      
      .beneficiosCaja{
        display:flex;
        /*background-color:lightblue;*/
        width:100%;
        align-items:center;
        max-width: 1133px;
      }
      
      .beneficiosTextos{
        display:flex;
        width:100%;
        flex-direction:column;
        gap:32px;
        /*background-color:pink;*/
      }
      
      .beneficiosFoto{
        display:flex;
        width:365px;
        height:292px;
        /*background-color:brown;*/
        flex-shrink:0;
        border-radius:13px;
        background-position:center;
        background-size:cover;
        background-repeat:no-repeat;
      }

      .beneficiosFoto1{
        background-image:url("./imgs/inicio/beneficios/beneficios_foto1.png");
      }

      .beneficiosFoto2{
        background-image:url("./imgs/inicio/beneficios/beneficios_foto2.png");
      }

      .beneficiosFoto3{
        background-image:url("./imgs/inicio/beneficios/beneficios_foto3.png");
      }

      .beneficiosFoto4{
        background-image:url("./imgs/inicio/beneficios/beneficios_foto4.png");
      }
      
      .beneficiosArriba{
        display:flex;
        gap:31px;
        width:100%;
        /*background-color:lightgreen;*/
      }
      
      .beneficiosVineta{
        display:flex;
        width:21px;
        height:19px;
        /*background-color:purple;*/
        margin-top:14px;
        flex-shrink:0;
        background-image: url("./imgs/inicio/beneficios/beneficiosFlecha.svg");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
      }
     
      .beneficiosTitular{
        display:flex;
        width:100%;
        flex-direction:column;
        gap:15px;
        /*background-color:grey;*/
      }
      
      .beneficiosLine{
        display:flex;
        width:100%;
        align-items:center;
      }
      
      .beneficiosBloque{
        display:flex;
        width:76px;
        height:9px;
        background-color:#C29725;
        flex-shrink:0;
      }
      
      .beneficiosLarga{
        display:flex;
        width:100%;
        height:2px;
        background-color:#C29725;
      }
      
      .beneficiosPrimer{
        display:flex;
        width:100%;
        gap:56px;
        /*background-color:green;*/
        align-items:center;
      }
      
      .beneficiosNumero{
        display:flex;
        flex-shrink:0;
        width:76px;
        height:51px;
        /*background-color:black;*/
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
      }
      
      .beneficiosAbajo{
        padding-left:171px;
      }
      
      .beneficiosPad{
        padding-right:20px;
      }

      .number1{
        background-image: url("./imgs/inicio/beneficios/beneficios_01.svg");
      }

      .number2{
        background-image: url("./imgs/inicio/beneficios/beneficios_02.svg");
      }

      .number3{
        background-image: url("./imgs/inicio/beneficios/beneficios_03.svg");
      }

      .number4{
        background-image: url("./imgs/inicio/beneficios/beneficios_04.svg");
      }
      
      .beneficiosWrapper{
        display: flex;
        justify-content: center;
        align-items: center;
      }

      @media(max-width:1200px){


        .beneficios{
          padding: 90px 40px;
          gap: 50px;
          max-width: 960px;
          align-self: center;
        }
        

        .beneficiosFoto{
          width: 300px;
        }

        .beneficiosPrimer{
          gap: 20px;
        }

        .beneficiosArriba{
          gap:10px;
        }

        .beneficiosAbajo.beneficiosPad{
          padding-left: 30px ;
        }

        .beneficiosMedium{
          max-width: 300PX;
        }

      }

      @media(max-width:760px){
          .beneficiosFoto{
            width: 30%;
          }
      }

      @media(max-width:600px){

        .beneficios{
          padding: 40px 20px;
        }

        .beneficiosCaja{
          flex-direction: column;
           gap: 20px;
        }

        .beneficiosTextos{
          gap:20px;
        }

        .beneficiosFoto{
          width: 70%;
          height: 200px;
          background-position: top;
        }

        .beneficiosMedium{
          font-size: 16.5px;
          line-height: 21px;
        }

        .beneficiosRegular{
          font-size: 14.5px;
          line-height: 19px;
        }

        .beneficiosPrimer{
          gap: 10px;
        }

        .beneficiosNumero{
          scale: 0.75;
        }

        .beneficiosAbajo{
          padding: 0;
        }

        .beneficiosTitular{
          gap: 15px;
        }

      }