/* Fuente de texto: solo existe Regular; negrita e inclinada las simula el navegador */
@font-face{font-family:"MagdaClean";src:url(fonts/MagdaClean-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}

/* Igual que Cargo: toda la escala depende de la altura de la ventana */
html{font-size:1.44vh}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:rgba(0,0,0,.85);font-family:"MagdaClean",Arial,sans-serif;font-size:1.2rem;line-height:1.25}
a{color:inherit;text-decoration:none}
a:active{opacity:.7}
h1,.menu{font-family:"MagdaClean",Arial,sans-serif;font-weight:400;font-size:3rem;line-height:.9;color:rgba(0,0,0,.8);margin:0}
hr{background:rgba(0,0,0,.7);border:0;height:1px;display:block;margin:1.4rem 0 .25rem}

.nav{padding:1.5rem}
.menu a{display:block}
.contacto{margin-top:7.19rem}

main{margin:0 auto;padding:1.5rem}
.ancho50{max-width:50%}
.ancho44{max-width:44%}
.m{display:inline-block;height:auto;vertical-align:bottom}
.zoom{cursor:zoom-in}

#vista{position:fixed;inset:0;background:#fff;padding:1.5rem;z-index:10;cursor:zoom-out}
#vista[hidden]{display:none}
#vista img{width:100%;height:100%;object-fit:contain;object-position:right top}

/* Movil: una columna a todo el ancho, escala segun el ancho */
@media (max-width:767px){
  html{font-size:3.14vw}
  .ancho50,.ancho44{max-width:100%}
  .nav{padding:1rem}
  main{padding:1rem}
  #vista{padding:10px}
}