@charset "UTF-8";html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body,html{height:100vh;width:100vw}body{font-family:Rubik,sans-serif;margin:0}header{height:100vh;pointer-events:none;width:100vw;z-index:999}header,header h1{position:absolute}header h1{color:#e7dfae;font-family:trumpgothicpro,sans-serif;font-size:0;font-style:normal;font-weight:700;line-height:.8;margin:0;padding:0;text-transform:uppercase;top:50%;transform:translateY(-50%);z-index:1}header h1 .highlight{color:#e44b4b;z-index:99}header #descripcion{color:#e9e2b6;font-size:0;letter-spacing:2px;padding:1em;position:absolute;top:50%;transform:translateY(-50%)}#creditos{background-color:#e44b4b;bottom:0;color:#e9e2b6;height:3em;overflow:hidden;padding:1em;position:fixed;right:0;transition:all .3s;width:91px;z-index:9999}#creditos #botonCreditos:after{content:"Créditos";cursor:pointer;display:block;padding-bottom:1em;text-align:right}#creditos #contenido{padding:2em}#creditos.active{height:auto;width:100%}#creditos.active #botonCreditos:after{content:"X"}main{background-color:#000;margin:0;overflow-x:scroll;overflow-y:hidden;padding:0;touch-action:pan-x;white-space:nowrap}.img,main{height:100vh}.img{cursor:zoom-in;float:left;overflow:hidden;position:relative}.img img{height:100vh;opacity:0;transition:opacity 5s;width:auto}.img img.cargado{opacity:1}.img.escalado{cursor:zoom-out}.img .descripcion{bottom:3em;color:#e7dfae;font-family:trumpgothicpro,sans-serif;font-style:normal;font-weight:700;left:0;letter-spacing:1px;opacity:.8;padding:1em;position:absolute;text-shadow:1px 1px #000;text-transform:uppercase;white-space:normal;width:100%}.mask{pointer-events:none}#mask,.mask{height:100vh;position:fixed;width:100vw}#mask{left:0;top:0}.hand,.mouse{bottom:10px;left:50%;pointer-events:none;position:fixed}.mouse{display:none}.hand{display:block;transform:translate(-50%,-50%)}svg.icon-swipe{height:35px;width:72px}svg.icon-swipe #hand{fill:#e9e2b6;animation:hand-swipe 3.5s ease infinite;transform-origin:50% 100%}svg.icon-swipe .left,svg.icon-swipe .right{fill:#e7dfae;opacity:0}svg.icon-swipe .right{animation:arrow-right 1.5s ease infinite}svg.icon-swipe .left{animation:arrow-left 1.5s ease infinite}@keyframes hand-swipe{5%{transform:translate(3px) rotate(6deg)}25%{transform:translate(0) rotate(0)}28%{transform:translate(0) rotate(0)}33%{transform:translate(-3px) rotate(-6deg)}53%{transform:translate(0) rotate(0)}to{transform:translate(0) rotate(0)}}@keyframes arrow-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(10px)}}@keyframes arrow-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-10px)}}.ayuda{opacity:1;transition:opacity 1s}.ayuda.hide{opacity:0}@media only screen and (min-width:1030px){.hand{display:none}.mouse{border-radius:20px;box-shadow:inset 0 0 0 1px #e9e2b6;display:block;height:60px;margin-left:-15px;margin-top:-30px;width:30px}.mouse:before{animation-duration:1.5s;animation-iteration-count:infinite;animation-name:scroll;background:#e9e2b6;border-radius:3px;content:"";height:6px;left:50%;margin-left:-3px;position:absolute;top:6px;width:6px}.mouse svg.icon-swipe{transform:translate(-30%,65%);width:150px}@keyframes scroll{0%{opacity:1}to{opacity:0;transform:translateY(30px)}}@keyframes arrow-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(10px)}}@keyframes arrow-left{0%{opacity:1;transform:translate(-20px)}to{opacity:0;transform:translate(-30px)}}}@media only screen and (min-width:1240px){#creditos.active{width:50%}}