.benefi{
        display:flex;
        width:100%;
        justify-content:center;
        padding:0 20px;
      }
      
      .benefi .contenedor{
        display:flex;
        width:100%;
        flex-direction:column;
        gap:18px;
        max-width:1231px;
        align-items:center;
      }
      
      .benefi .topi{
        display:flex;
        width:100%;
        flex-direction:column;
        gap:24px;
        text-align:left;
      }
      
      .benefi .bottom{
        display:flex;
        width:100%;
        justify-content:space-between;
        gap:30px;
      }
      
      .benefi .cajaTextos{
        padding-top:55px;
        display:flex;
        flex-direction:column;
        gap:48px;
        width:100%;
        max-width:704px;
      }
      
      .benefi .cajitaWrapper{
         display:flex;
         width:100%;
         height:fit-content;
         box-shadow:0 0 15px rgba(0,0,0, 0.15);
         border-radius: 10px;
      }
      
      .benefi .cajita{
        display:flex;
        width:100%;
        background-color:darkgrey;
        clip-path: inset(0 round 10px);
      }
      
      .benefi .adorno{
        display:flex;
        height:100%;
        width:7px;
      }
      
      .benefi .cajitaContainer{
        display:flex;
        width:100%;
        padding:35px 34px 40px 36px;
        background-color:white;
        gap:22px;
        align-items:center;
      }
      
      .benefi .icon{
        display:flex;
        height:74px;
        width:80px;
        flex-shrink: 0;
      }
      
      .benefi .cajitaIcon img{
        width:100%;
        height:100%;
        object-position:center;
        object-fit:cover;
      }
      
      .benefi .textos{
        display:flex;
        width:100%;
        flex-direction:column;
        gap:12px;
      }
      
      
      .benefi .cajaFoto{
        display:flex;
        height:100%;
        width:457px;
        position:relative;
        border-radius:9px;
      }
      
      .benefi .foto{
        display:flex;
        padding-top:55px;
        width:457px;
        height:702px;
        position:sticky;
        top: 0;
      }
      
      .benefi .foto img{
        width:100%;
        height:100%;
        object-position:center;
        object-fit:cover;
        border-radius:9px;
      }
      
      .benefi h3{
        font-size:36px;
        line-height:38px;
        font-weight:700;
        max-width:760px;
      }
      
      .benefi h6{
        font-size:17.4px;
        line-height:23.5px;
        font-weight:600;
      }
      
      .benefi h7{
        font-size:16px;
        line-height:25px;
        font-weight:600;
      }
      
      .benefi p{
        font-weight:400;
        font-size:14px;
        line-height:21px;
      }
      



            @media(max-width:1000px){


              .benefi .contenedor{
                gap: 50px;
              }

              .benefi .cajaTextos{
                order: 2;
                padding: 0;
              }

              .benefi .bottom{
                flex-direction: column;
                align-items: center;
                gap: 50px;
              }

              .benefi .cajaFoto{
                height: 400px;
                width: 100%;
                max-width: 600px;
              }

              .benefi .foto{
                width: 100%;
                height: 400px;
                padding: 0;
              }




            }




           @media(max-width:700px){

              .benefi .textos{
                text-align: center;
              }

            .benefi .cajitaWrapper{
              flex-direction: column;
            }

              .benefi .cajitaContainer{
                  flex-direction: column;
                  padding: 20px 20px 30px;
              }

              .benefi .cajita{
                flex-direction: column;
              }

              .benefi .adorno{
                width: 100%;
                height: 6px;
              }


          }