.mesa{
        display:flex;
        padding:131px 20px;
        justify-content:center;
        align-items:center ;
        /*background-color:green;*/
      }
      
      .mesa .wrapper{
        display:flex;
        justify-content:center;
        align-items:center;
        padding:64px 20px;
        width:100%;
        max-width:1135px;
        background-color:white;
      }
      
      .mesa .content{
        display:flex;
        width:100%;
        justify-content:space-between;
        align-items:center;
        gap:40px;
        /*background-color:pink;*/
        max-width:926px;
      }
      
      .mesa .logo{
        display:flex;
        width:333px;
        height:83px;
        /*background-color:purple;*/
        flex-shrink:0;
        mix-blend-mode: multiply;
      }
      
      .mesa .logo img{
        width:100%;
        object-position:center;
        object-fit:center;
      }
      
      .mesa .parrafo{
        display:flex;
        width:100%;
        flex-direction:column;
        max-width:469px;
        gap:24px;
        /*background-color:beige;*/
      }
      
      .mesa .title{
         font-family: "Playfair Display", serif;
         font-weight: 400;
         font-style: italic;
         font-size:44.97px;
         line-height:49px;
      }
      
      .mesa .eventoBox{
        display:flex;
        width:fit-content;
        border:1px solid #E6E6E6;
        background-color:#F9F9F9;
        font-family: "Cardo", serif;
        font-weight: 400;
        font-style: normal;
        font-size:19px;
        line-height:20px;
      }
      
      .mesa .evento{
        display:flex;
        width:fit-content;
        padding:13px 40px;
      }
      
      .mesa a.eventoEnlace{
        display:flex;
        text-decoration:none;
        color:white;
        width:fit-content;
        padding:13px 40px;
        background-color:#656970;
        cursor:pointer;
      }
      
      @media(max-width:900px){
        
.mesa{
  padding-top: 80px;
  padding-bottom: 80px;
}

        .mesa .wrapper{
          max-width:600px;
          padding-top:50px;
        }
        
        .mesa .content{
          flex-direction:column;
        }
        
        .mesa .parrafo{
          text-align:center;
          align-items:center;
        }

        .mesa .logo{
          width: 100%;
          height: auto;
          aspect-ratio:333/83;
        }

        .mesa .eventoBox{
          flex-direction: column;
          align-items: center;
        }

        .mesa a.eventoEnlace{
          width: 100%;
          justify-content: center;
        }

      }