.contacto-page{
  display:none;
  position:relative;
  width:100%;
  min-height:100vh;
  background:#ffffff;
  box-sizing:border-box;
  padding:0 0 60px;
  overflow:visible;
}

.contacto-page.show{
  display:block;
}

.contacto-banner.home-hero{
  margin-bottom:clamp(70px, 10vw, 120px);
}

@media (min-width:769px){
  .contacto-banner .home-hero-content{
    width:var(--home-hero-content-width);
  }

  .contacto-banner .home-hero-title{
    position:relative;
    font-size:var(--home-hero-title-size-desktop);
    line-height:var(--home-title-line-height);
  }

  .contacto-banner .home-hero-content p{
    position:relative;
    top:var(--home-subtitle-top-desktop);
    left:var(--home-subtitle-left-desktop);
    max-width:var(--home-subtitle-width-desktop);
    font-size:var(--home-subtitle-size-desktop);
    line-height:var(--home-subtitle-line-height);
  }
}

@media (max-width:768px){
  .contacto-banner.home-hero{
    overflow:visible;
    height:auto;
    min-height:var(--home-hero-height-mobile);
    padding-bottom:clamp(120px, 30vw, 190px);
  }

  .contacto-banner .home-hero-content{
    width:100%;
  }

  .contacto-banner .home-hero-title{
    top:var(--home-title-mobile-top);
    left:var(--home-title-mobile-left);
    width:var(--home-title-mobile-width);
    font-size:var(--home-title-mobile-size);
  }

  .contacto-banner .home-hero-content p{
    top:var(--home-subtitle-top-mobile);
    left:var(--home-subtitle-left-mobile);
    max-width:var(--home-subtitle-width-mobile);
    font-size:var(--home-subtitle-size-mobile);
  }
}