.hacer{
        display:flex;
        width:100%;
        justify-content:center;
        background-color: #252525;
        padding:182px 20px;
      }

      .hacer .content{
        width:100%;
        display:flex;
        flex-direction:column;
        gap:103px;
        max-width:1213px;
        /*background-color:purple;*/
      }

      .hacer .titular{
        display:flex;
        width:100%;
        flex-direction:column;
        gap:17px;
        /*background-color:green;*/
      }

      .hacer .titleGrande{
        display:flex;
        gap:18px;
        width:100%;
        /*background-color:darkblue;*/
        align-items:center;
      }

      .hacer .cosito{
        display:flex;
        height:55px;
        width:2px;
        background-color:#DD6D03;;
      }

      .hacer .explica{
        display:flex;
        padding-left:21px;
        width:100%;
        max-width:793px;
      }


  /* EXTRAS */

      .hacer .espacioFilas{
        display:flex;
        width:100%;
        gap:47px;
        /*background-color:red;*/
        flex-direction:column;
      }

      .hacer .filaCards{
        width:100%;
        display:flex;
        gap:42px;
        /*background-color:orange;*/
      }

      .hacer .card{
        display:flex;
        width:100%;
        padding:30px 31px 51px 51px;
        background-color:#1D1D1D;;
        border-radius:20px;
        justify-content: space-between;
      }

      .hacer .textinCard{
        display:flex;
        flex-direction:column;
        justify-content:flex-end;
        gap:16px;
        padding-top:70px;
        /*background-color:lightblue;*/
      }

      .hacer .number{
        display:flex;
        width:fit-content;
        font-family: "Fira Sans", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 100px;
    line-height: 100px;
    color: #3B3B3B;
      }


    .hacer .title{
    font-family: "Fira Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 37.01px;
    line-height: 44.4px;
      color:white;
  }

     .hacer .main{
       font-family: "Fira Sans", sans-serif;
       font-weight: 400;
       font-style: normal;
       font-size:20px;
       line-height:30px;
       color:white;
      }


      .hacer .pequeTitle{
    font-family: "Fira Sans", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    color: #E0E0E0;
      }

      .hacer .pequeText{
    font-family: "Fira Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 23px;
    color: #E0E0E0;
    max-width:400px;
      }


      @media(max-width:800px){

        .hacer{
          padding: 140px 20px 100px 20px;  
        }
        
      .hacer .filaCards{
        flex-direction:column;
        align-items:center;
        gap:20px;
      }

        .hacer .card{
          max-width:600px;
        }

        .hacer .espacioFilas{
          gap:20px;
        }

        .hacer .textinCard{
          padding-top:60px;
        }

        .hacer .content{
          gap:90px;
        }




        @media(max-width:800px){

.hacer{
padding:120px 20px 110px 20px;
}

.hacer .filaCards{
flex-direction:column;
align-items:center;
gap:20px;
}

.hacer .card{
max-width:600px;
}

.hacer .espacioFilas{
gap:20px;
}

.hacer .textinCard{
padding-top:60px;
}

.hacer .content{
gap:70px;
}

          .hacer .card{

            padding:20px 20px 35px 30px;
            
          }

/* tipografías al 85% */

.fuente{
font-size:19.69px;
line-height:26.69px;
}

.hacer .title{
font-size:31.46px;
line-height:37.74px;
}

.hacer .main{
font-size:17px;
line-height:25.5px;
}

.hacer .pequeTitle{
font-size:15.3px;
line-height:20.4px;
}

.hacer .pequeText{
font-size:13.6px;
line-height:19.55px;
}

.hacer .number{
font-size:85px;
line-height:85px;
}

}
        



        
        
        
      }