@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap');
body,html{ margin:0;font-family: 'Playfair Display', serif; width: 100%; height: 100%; }
.responsive{ width: 100%; }
.background{ width: 100%; height: 100%; overflow: hidden; }
.background-imagen{ background: url('/images/irene-pallares.jpg') no-repeat left top / 100% auto; width: 100%; height: 100%; }
svg{ position: relative; left:0; top:0; object-fit: contain; width: 100%; height:auto; object-position: 0; }
.button{ cursor:pointer; fill:transparent; }
.button2{ cursor:pointer; fill:transparent; }
@media screen and (max-width: 992px){
    .background-imagen{ background: url('/images/irene-pallares-movil.jpg') no-repeat center top / 100% auto; width: 100%; height: 100%; min-height: 170vw; }
    svg{ position: relative; left:0; top:0; object-fit: contain; width: 100%; height:auto; object-position: 0; }
    .button{ transform:translateY(-50px) }
}