/* T&H Landing Universal 1.0.5: arte aprobado a pantalla completa y botones accesibles. */
.thlu,.thlu *{box-sizing:border-box}
.thlu{
  position:fixed!important;
  inset:0!important;
  z-index:9990!important;
  display:block!important;
  width:100vw!important;
  width:100dvw!important;
  height:100vh!important;
  height:100dvh!important;
  min-height:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  background:#154f5a;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.thlu__viewport{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
}
/* Un mismo lienzo escala la imagen y sus enlaces: object-fit cover sin desalineación. */
.thlu__poster-wrap{
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  width:max(100%, 56.28dvh)!important;
  height:auto!important;
  aspect-ratio:941 / 1672;
  transform:translate(-50%,-50%)!important;
  isolation:isolate;
  line-height:0;
}
.thlu__poster{display:block!important;width:100%!important;height:100%!important;object-fit:fill!important;max-width:none!important;border:0!important;margin:0!important;padding:0!important}
.thlu__hotspot{
  position:absolute!important;
  display:block!important;
  z-index:2;
  border:0!important;
  border-radius:999px;
  background:transparent!important;
  overflow:hidden;
  color:transparent!important;
  text-decoration:none!important;
  font-size:0!important;
  white-space:nowrap;
  transition:box-shadow .15s ease,background .15s ease;
}
.thlu__hotspot--demo{left:26.2%;top:72.2%;width:48.1%;height:6.8%}
.thlu__hotspot--login{left:28%;top:82.2%;width:44%;height:5.8%}
.thlu__hotspot:hover{background:rgba(255,255,255,.08)!important}
.thlu__hotspot:focus-visible{outline:3px solid #fff!important;outline-offset:2px;box-shadow:0 0 0 7px #2da9ef!important}
@media(prefers-reduced-motion:reduce){.thlu__hotspot{transition:none}}

/* v1.0.5: únicamente tablet y laptop. El CSS móvil (<768px) queda intacto.
   La página ya no se fija al viewport ni bloquea el scroll. */
@media (min-width:768px){
  .thlu{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:100svh!important;
    overflow:visible!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#154f5a!important;
  }
  .thlu__viewport{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:100svh!important;
    overflow:visible!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:12px!important;
  }
  .thlu__poster-wrap{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    transform:none!important;
    width:min(100%,620px,56svh)!important;
    height:auto!important;
    aspect-ratio:941 / 1672;
    margin:0 auto!important;
    flex:0 0 auto!important;
  }
  .thlu__poster{
    width:100%!important;
    height:auto!important;
    object-fit:contain!important;
  }
}