html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#ajaxBusy {
  display: none;
}
body {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}
@media only screen and (orientation: landscape) {
  body {
    background-image: url("/arquivos/placa-2026-dsk.jpg");
  }
  .block .logo.portrait {
    display: none;
  }
}
@media only screen and (orientation: portrait) {
  body {
    background-image: url("/arquivos/placa-2026-mob.jpg");
  }
  .block .logo.landscape {
    display: none;
  }
}
@media only screen and (max-width: 768px) and (orientation: landscape) {
  body {
    background-position: top left;
  }
  body.centered {
    background-position: top center;
  }
  body.right {
    background-position: top right;
  }
}
.wrapper {
  width: 100%;
  height: 100%;
  text-align: left;
  position: relative;
}
.block {
  top: 50%;
  width: 100%;
  position: absolute;
  box-sizing: border-box;
  padding: 40px 0 40px 40px;
  background: rgba(255, 255, 255, 0.85);
  display: flex;
  align-items: center;
}
.block .clock {
  width: fit-content;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.logo.portrait img {
  width: 100%;
}
.logo.landscape img {
  width: 80%;
}
@media only screen and (max-width: 1024px) {
  .wrapper {
    text-align: center;
  }
  .block {
    padding: 20px 0;
    flex-direction: column;
  }
  .logo {
    width: 100%;
  }
  .logo.portrait img {
    width: 80%;
  }
  .logo.landscape img {
    width: 50%;
  }
  .clock {
    width: auto;
    margin: 0 auto;
    padding: 30px 0 0 0;
    box-sizing: border-box;
    position: unset !important;
  }
}
@media only screen and (max-width: 768px) {
  .clock {
    zoom: 0.8;
    -moz-transform: scale(0.8);
  }
}
@media only screen and (max-width: 510px) {
  .clock {
    zoom: 0.6;
    -moz-transform: scale(0.6);
  }
}
@media only screen and (max-width: 375px) {
  .clock {
    zoom: 0.5;
    -moz-transform: scale(0.5);
  }
}