.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:17px;
        line-height:21px;
      }
      
      .hero .titular{
        padding:45px 0 28px 0;
        font-size:58px;
        line-height:58px;
      }
      
      .hero .parrafo{
        font-size:23px;
        line-height:30px;
        max-width:603px;
      }
      
      .hero .background img{
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center -10px;
      }
      
      .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;
      }