@charset "ISO-8859-1";

.preto-branco {
  -webkit-filter: grayscale(100%);
}

.zoom-1 {
  zoom: 0.7;
  -moz-transform: scale(0.85);
  -moz-transform-origin: top;
}

.zoom-2 {
  zoom: 0.8;
  -moz-transform: scale(0.9);
  -moz-transform-origin: top;
}

.zoom-3 {
  zoom: 0.9;
  -moz-transform: scale(0.95);
  -moz-transform-origin: top right;
}

.zoom-4 {
  zoom: 1;
  -moz-transform: scale(1);
  -moz-transform-origin: top left;
}

.zoom-5 {
  zoom: 1.1;
  -moz-transform: scale(1.05);
  -moz-transform-origin: top left;
}

.zoom-6 {
  zoom: 1.2;
  -moz-transform: scale(1.2);
  -moz-transform-origin: top left;
}

.invert {
  -webkit-filter: invert(100%);
  -moz-filter: invert(100%);
  -ms-filter: invert(100%);
  -o-filter: invert(100%);
  filter: invert(100%);
}

.buttonHeader {
  background-color: Transparent;
  border: none;
  cursor: pointer;
  overflow: hidden;
  font-size: 14px;
  color: white;
  text-align: center
}

.buttonHeader:hover {
  color: orange;
}

.imgButton {
  width: 1.5em;
  height: 1.5em;
  margin-bottom: 3px;
  fill: #fff;
}

.invertButton {
  background-color: Transparent;
  border: none;
  cursor: pointer;
  overflow: hidden;
  font-size: 14px;
  color: white;
  text-align: center
}

.invertButton:hover {
  color: #fff;
  filter: invert(35%) sepia(80%) saturate(3000%) brightness(100%) contrast(100%);
}

@media screen and (max-width: 414px) {
  .imgButton {
    width: 1em;
    height: 1em;
    margin-bottom: 3px
  }
}

body {
  touch-action: manipulation;
}