.hero{
        width:100%;
        display:flex;
        background-color:black;
        padding:96px 20px;
        min-height:680px;
        justify-content:center;
        align-items:center;
        position:relative;
      }
      
      .hero .contenedor{
        display:flex;
        width:100%;
        max-width:1573px;
        /*background-color:brown;*/
        align-items:center;
        justify-content:space-between;
        z-index:1;
      }
      
      .hero .spaceImage{
        width:50%;
        height:100%;
        /*background-color:lightblue;*/
      }
      
      .hero .spaceTextos{
        width:50%;
        display:flex;
        flex-direction:column;
        /*background-color:darkblue;*/
        color:white;
        padding-left: 50px;
      }
      
      .hero .pleca{
        padding:9px 22px 9px 12px;
        background-color:#EEBE3D;
        display:flex;
        width:fit-content;
        gap:12px;
        align-items:center;
        border-radius:50px;
        color:black;
      }
      
      .hero .icon{
        width:32px;
        height:32px;
        border-radius:50px;
      }
            
      .hero .titulito{
        font-size:16px;
        line-height:21px;
      }
      
      .hero .titular{
        padding:45px 0 28px 0;
        font-size:53px;
        line-height:55px;
      }
      
      .hero .parrafo{
        font-size:23px;
        line-height:30px;
        max-width:603px;
      }
      
      .hero .background img{
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center;
      }
      
      .hero .background{
        position:absolute;
        width:100%;
        height:100%;
        top:0;
        left:0;
        background-color:darkgrey;
        z-index:0;
      }

     .hero img{
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center;
      }


      .hero .brillo{
        color:#F1CB65;
      }


            .hero .filtro{
        position: absolute;
        top:0;
        left:0;
        width: 100%;
        height: 100%;
        background: linear-gradient(
    to top,
    rgb(78, 9, 18) 0%,
    rgb(59, 4, 22) 15%,
    rgba(77, 6, 26, 0) 80%
);
z-index: 1;
display: none;
      }




      @media(max-width:1280px){

        .hero .spaceImage{
          width: 35%;
        }

        .hero .spaceTextos{
          width: 65%;
        }

      }



      @media(max-width:1000px){

        .hero .spaceImage{
          height: 300px;
          width:100%;
        }

        .hero .spaceTextos{
          width: 100%;
          padding-left: 0;
          text-align: center;
          align-items: center;
        }

        .hero .contenedor{
          flex-direction: column;
        }

        .hero{
          min-height: 0;
          padding: 70px 20px 120px 20px;
        }

        .hero .background img{
            object-position: 0px top;
        }


                
        .hero .filtro{
          display: flex;
        }



      }

            @media(max-width:900px){
              .hero .background img{
                object-position: -90px top;
              }
            }


@media (max-width:700px){

  .hero .titulito{
    font-size:15px;
    line-height:15.75px;
  }

  .hero .titular{
    font-size:39.75px;
    line-height:41.25px;
  }

  .hero .parrafo{
    font-size:17.25px;
    line-height:22.5px;
    order: 3;
    padding-top: 20px;
  }

  .hero .pleca{
    padding: 13px 23px;
    order: 2;
  }
  .hero .icon{
    display: none;
  }

   .hero{
    padding:67.2px 14px;
  }

  .hero .titular{
    padding:20px 0 19.6px 0;
    order: 1;
  }



}

@media(max-width:600px){

              .hero .background img{
                object-position: -200px top;
              }
}