@charset "utf-8";
html {
  overflow-y: scroll;
  overflow-x: hidden;
  background: #000;
  margin: 0;
  padding: 0;
  color: #fff;
}
body {
  font: 20px/30px 'Biko', sans-serif;
  font-weight: 400;
  display: block;
  margin: 0;
  padding: 0;
}
h1 {
  font: 2.5em/1em 'Brasilero', sans-serif;
  margin: 0.5em 0 1em 0;
}
h2 {
  font: 1.5em/1em 'Brasilero', sans-serif;
  margin: 0.5em 0 1em 0;
}
h3,
legend {
  font-size: 1em;
  line-height: 1.5em;
  font-weight: 500;
  margin: 0 0 1em 0;
}
p {
  margin: 0 0 1.25em 0;
  line-height: 1.5em;
  max-width: 80em;
}
ul,
ol {
  margin: 0;
  padding: 0 0 0 1em;
}
.estranho {
  font-family: 'Brasilero';
  font-size: 1.25em;
  line-height: 1em;
}
a:link {
  color: #def;
  text-decoration: none;
}
a:visited {
  color: #fde;
  text-decoration: none;
}
a:active,
a:hover {
  color: #fd9;
  text-decoration: underline;
}
.ig-profile {
  position: relative;
  display: inline-block;
  line-height: 1;
  width: 5.5em;
  height: 5.5em;
  border-radius: 2.75em;
  float: right;
  background: linear-gradient(45deg, #f58529, #f77737, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5);
}
.ig-profile img {
  border-radius: 2.5em;
  height: 5em;
  width: 5em;
  position: relative;
  left: 0.15em;
  top: 0.15em;
  border: 0.1em solid #000;
}
.ig-profile:after {
  content: attr(title);
  position: absolute;
  top: 110%;
  right: -25%;
  width: 150%;
  text-align: center;
  font-size: 0.7em;
  opacity: 0.3;
}
.ig-profile:hover:after,
.ig-profile:active:after {
  opacity: 1;
}
.www-profile {
  display: block;
  clear: right;
  float: right;
  font-size: 0.7em;
  margin-top: 2em;
  width: 15em;
  position: relative;
  right: -3.5em;
  text-align: center;
  opacity: 0.3;
}
.www-profile:hover,
.www-profile:active {
  opacity: 1;
}
.texto {
  width: 80%;
  max-width: 70em;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .texto {
    width: 90%;
    width: calc(100% -2em);
  }
  .ig-profile:after,
  .www-profile {
    right: 0;
    text-align: right;
    width: auto;
  }
}
@media screen and (max-width: 360px) {
  .ig-profile,
  .www-profile {
    font-size: 0.75em;
  }
  .ig-profile img,
  .www-profile img {
    left: 0.2em;
    top: 0.2em;
  }
  .ig-profile:after,
  .www-profile {
    display: none;
  }
}
img {
  max-width: 100%;
}
.mapa img,
.mapa svg {
  width: 100%;
}
.mapa img {
  position: absolute;
  z-index: -1;
}
.mapa svg {
  z-index: 1;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.list-banners > h1:first-child {
  display: none;
}
.list-banners > ul {
  position: relative;
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
  list-style: none;
}
.list-banners > ul li {
  position: absolute;
  display: block;
  overflow-x: hidden;
  overflow-y: hidden;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
.list-banners > ul li a {
  position: relative;
  display: block;
}
.list-banners > ul li a:before {
  content: ' ';
  display: block;
  background: url(/_/img/aielo.png) no-repeat 50% 50%;
  background-size: contain;
  position: relative;
  width: 100vw;
  height: 100vh;
  box-shadow: inset 0 0 5em #000, inset 0 0 15em #000, inset 0 0 10em #000;
  z-index: 1;
}
.list-banners > ul img {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
}
.list-banners.only-active > ul li {
  opacity: 0;
  transition: opacity 1s ease-out;
}
.list-banners.only-active > ul li img {
  transition: bottom 30s linear;
  bottom: -100%;
}
.list-banners.only-active > ul li.active {
  opacity: 1;
  z-index: 2;
}
.list-banners.only-active > ul li.active img {
  bottom: 0;
}
.list-banners.only-active > ul li.was-active {
  z-index: 1;
}
.list-banners.only-active > ul li.was-active img {
  transition-delay: 1s;
}
@media (max-aspect-ratio: 9/16) {
  .list-banners.only-active > ul li img {
    transition: none;
    bottom: inherit;
    top: 0;
    height: 100vh;
    width: inherit;
    left: inherit;
  }
}
.oculto {
  display: block;
  height: 0;
  opacity: 0;
}
.galeria ul,
.galeria li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.galeria img {
  width: 100%;
}
.galeria.only-active {
  position: relative;
}
.galeria.only-active > ul {
  position: relative;
}
.galeria.only-active > ul li {
  opacity: 0;
  transition: opacity 1s ease-out;
  position: absolute;
  display: block;
  overflow-x: hidden;
  overflow-y: hidden;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  width: 100%;
}
.galeria.only-active > ul li a {
  position: relative;
  display: block;
}
.galeria.only-active > ul li a:before {
  content: ' ';
  display: block;
  background: url(/_/img/aielo.png) no-repeat 50% 50%;
  background-size: contain;
  position: relative;
  width: 100vw;
  height: 100vh;
  box-shadow: inset 0 0 5em #000, inset 0 0 15em #000, inset 0 0 10em #000;
  z-index: 1;
}
.galeria.only-active > ul li.active {
  position: relative;
  opacity: 1;
  z-index: 2;
}
.galeria.only-active > ul li.active img {
  bottom: 0;
}
.galeria.only-active > ul li.was-active {
  opacity: 0.1;
  z-index: 1;
}
.galeria.only-active > ul li.was-active img {
  transition-delay: 1s;
}
.galeria.only-active > ul img {
  display: block;
  position: relative;
  left: 0;
  width: 100%;
}
.galeria.only-active > .thumbs {
  display: flex;
}
.galeria.only-active > .thumbs a {
  display: cursor;
  border: 0.1em solid transparent;
  opacity: 0.5;
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
  flex: 1;
}
.galeria.only-active > .thumbs a:before {
  content: ' ';
  display: block;
  height: 0;
  width: 100%;
  padding-bottom: 100%;
  max-height: 10em;
}
.galeria.only-active > .thumbs a img {
  position: absolute;
  left: 0;
  top: 0;
}
.galeria.only-active > .thumbs a.active {
  border-color: #fc0;
  opacity: 1;
}
h2.obra {
  margin-bottom: 0;
}
h2.obra ~ blockquote {
  opacity: 0.7;
  margin: 0;
  padding: 0.5em 0 1em 0;
}
@font-face {
  font-family: 'Brasilero';
  src: url('/_/fonts/Brasilero2018Free.otf');
  src: local('Brasilero2018Free'), url('/_/fonts/Brasilero2018Free.otf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Biko';
  src: url('/_/fonts/Biko_Regular.otf');
  src: local('Biko Regular'), url('/_/fonts/Biko_Regular.otf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Biko';
  src: url('/_/fonts/Biko_Bold.otf');
  src: local('Biko Bold'), url('/_/fonts/Biko_Bold.otf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'fa';
  src: url('/_/fa-solid-900.eot?v5.15.1');
  src: url('/_/fa-solid-900.eot?v5.15.1') format('embedded-opentype'), url('/_/fa-solid-900.woff2?v5.15.1') format('woff2'), url('/_/fa-solid-900.woff?v5.15.1') format('woff'), url('/_/fa-solid-900.ttf?v5.15.1') format('truetype'), url('/_/fa-solid-900.svg?v5.15.1') format('svg');
  font-weight: normal;
  font-style: normal;
}