.mensaje h3{
        font-family: "gelica", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size:46.64px;
        line-height:51.8px;
        color:#82132F;
}

.mensaje p {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:17.62px;
  line-height:24px;
}
      
      
.mensaje p.semibold {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size:22.8px;
  line-height:28px;
  color:#361818;
}
      
      
      .mensaje a{
        all:unset;
        padding:22px 33px;
        background-color:#B48B55;
        box-shadow:0 0 20px rgba(0,0,0,0.2);
        cursor:pointer;
        color:white;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size:19.02px;
  line-height:19.02px;
        width:fit-content;
        border-radius:5px;
        position:relative;
        transition:all 0.25s ease;
        top:0;
      }
      
      .mensaje a:hover{
        background-color:#A87634;
        top:-6px;
      }
      
      .mensaje{
        display:flex;
        width:100%;
        padding:106px 20px 129px 20px;
        /*background-color:pink*/
        justify-content:center;
      }
      
      .mensajeContent{
        display:flex;
        width:100%;
        max-width:1149px;
        justify-content:space-between;
        gap:40px;
        align-items:center;
      }
      
      .mensajeContent .foto{
        display:flex;
        width:465px;
        height:589px;
        /*background-color:grey;*/
        flex-shrink:0;
        transition: all 0.25s ease;
        box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.17);
        border-radius: 10px;
      }

      .mensajeContent .foto:hover{
        transform:scale(1.01);
      }
      
      
      .mensajeContent .foto img{
        width:100%;
        height:100%;
        object-position:center;
        object-fit:cover;
      }
      
      .mensajeContent .parrafo{
        display:flex;
        gap:37px;
        width:100%;
        max-width:592px;
        flex-direction:column;
        /*background-color:beige;*/
        justify-content:center;
      }
      
      .mensajeContent .parrafo .titular{
        display:flex;
        flex-direction:column;
        gap:21px;
        width:100%;
        /*background-color:orange;*/
      }
      
      .mensajeContent .parrafo .texto{
        display:flex;
        flex-direction:column;
        gap:28px;
        width:100%;
        /*background-color:green;*/
      }
      

      @media(max-width:1036px){
          .mensajeContent{
              flex-direction: column;
              justify-content: center;
              align-items: center;
          }

          .mensajeContent .parrafo{
              text-align: center;
              justify-content: center;
              align-items: center;
              max-width: 80%;
          }


      }

      
      
@media(max-width:720px){


  .mensaje{
    padding: 50px 20px;
  }

  .mensajeContent .foto{
    height: 400px;
    width: 300px;
  }

  .mensajeContent .parrafo{
    max-width: none;
    gap: 20px;
  }


.mensaje h3{
  font-size: 33px;
  line-height: 33px;
}

.mensaje p.semibold{
  font-size: 19px;
  line-height: 19px;
}

.mensaje p{
  font-size: 15px;
  line-height: 19px;
}

.mensajeContent .parrafo .titular{
  gap: 15px;
}

.mensajeContent .parrafo .texto{
  gap: 15px;
  padding-bottom: 10px;
}

.mensaje a{
  padding: 15px 23px;
  font-size: 16px;
}



}