.cover{
        width:100%;
        display:flex;
        justify-content:center;
        padding:66px 40px;
        background-color:darkblue;
        align-items:center;
        min-height:350px;
        position:relative;
      }
      
      .cover .contenedor{
        width:100%;
        max-width:1453px;
        display:flex;
        flex-direction:column;
        gap:28px;
        z-index:2;
      }
      
      .cover h2{
        font-size:50px;
        line-height:52px;
        color:white;
        text-transform:uppercase;
      }
      
      .cover p{
        font-size:21px;
        line-height:28px;
        color:white;
        max-width:1287px;
      }
      
      .cover .background{
        width:100%;
        height:100%;
        position:absolute;
        top:0;
        left:0;
        background-color:black;
        z-index:0;
      }
      
      
      .cover img{
        width:100%;
        height:100%;
        object-position:center;
        object-fit:cover;
      }
      

      @media(max-width:1000px){

        .cover{
          padding:56px 30px;
          min-height:300px;
        }

        .cover .contenedor{
          gap:20px;
        }

        .cover p{
          max-width:100%;
        }

      }


      @media (max-width:700px){

        .cover{
          padding:46px 28px;
          min-height:240px;
        }

        .cover .contenedor{
          gap:19.6px;
        }

        .cover h2{
          font-size:37.5px;
          line-height:39px;
        }

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

      }