.centro{
        width:100%;
        display:flex;
        justify-content:center;
        padding:66px 40px;
        background-color:black;
        align-items:center;
        min-height:490px;
        position:relative;
        justify-content: center;
      }
      
      .centro .contenedor{
        width:100%;
        display:flex;
        flex-direction:column;
        gap:28px;
        /*background-color:brown;*/
        z-index:2;
        max-width: 1400px;
      }
      
      .centro .logo{
        width:431px;
        height:133px;
        /*background-color:blue;*/
      }
      
      .centro h2{
        font-size:50px;
        line-height:52px;
        color:white;
        width:70%;
        max-width: 800px;
      }
      
      .centro p{
        font-size:21px;
        line-height:28px;
        color:white;
        max-width:987px;
      }
      
      .centro .background{
        width:100%;
        height:100%;
        position:absolute;
        top:0;
        left:0;
        /*background-color:black;*/
        z-index:0;
        opacity: 0.8;
      }
      
      
      .centro img{
        width:100%;
        height:100%;
        object-position:center;
        object-fit:cover;
      }
            .centro .filtro{
        position: absolute;
        top:0;
        left:0;
        width: 100%;
        height: 100%;
        background: linear-gradient(
    to top,
    rgb(46, 6, 11) 0%,
    rgb(52, 19, 30) 30%,
    rgba(102, 41, 58, 0) 80%
);
z-index: 2;
display: none;
      }

      @media(max-width:1000px){

        .centro{
          padding:56px 30px;
          min-height:490px;
          align-items: flex-end;
        }

        .centro .contenedor{
          gap:20px;
        }

        .centro .logo{
          width:300px;
          height:auto;
        }

        .centro h2{
          width:100%;
          max-width:760px;
        }
        .centro .filtro{
          display: flex;
        }

        .centro .background{
         max-height: 420px;
        }
      }


       @media (max-width:819px){

        .centro .background{
          right: 0;
          max-height: 500px;
        }

        .centro .background img{
          object-position: right;
        }

        .centro .background img{
          object-position: -700px top;
        }

       }

      @media (max-width:700px){

        .centro{
          padding:46px 28px;
        }

        .centro .contenedor{
          gap:19.6px;
        }

        .centro .logo{
          width:250px;
          height:auto;
        }

        .centro h2{
          font-size:37.5px;
          line-height:39px;
          width:100%;
          max-width:100%;
        }

        .centro p{
          font-size:16px;
          line-height:21px;
          max-width:100%;
        }

      }

      
       @media (max-width:601px){


        .centro .background img{
          object-position: -950px top;
        }

       }