@charset "utf-8";

/* ////////////////////////////////////////////////////////////// */

* {
  box-sizing:border-box;
  margin:0;
  padding:0;
  font-family:'Open Sans', sans-serif;
}

body {
  background-image:url("../ASSETS/fundo.png");
  background-repeat:repeat;
  overflow:hidden;
}

img { vertical-align:top; }

/* ////////////////////////////////////////////////////////////// */

#fundo {
  position:absolute;
  width:100%;
  height:100vh;
}

#contentor_galeria {
  display:block;
  width:100%;
  height:100vh;
  margin-left:auto;
  margin-right:auto;
  overflow:hidden;
}

.seccao {
  position:relative;
  width:100%;
  height:100vh;
}

#aviso {
  position:absolute;
  display:block;
  width:60%;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  padding:10px;
  border-radius:6px;
  border:1px solid #20ff84;
  color:#20ff84;
  font-size:1.4vw;
  font-weight:400;
  text-align:center;
}

#visita_features, #visita_fbaul {
  margin-top:50vh;
  margin-left:50%;
  transform:translate(-50%,-50%);
}

/* ////////////////////////////////////////////////////////////// */

.seta_esquerda, .seta_direita, .seta_cima, .seta_baixo {
  position:absolute;
  width:24px;
  height:24px;
  border-right: 6px solid #20ff84;
  border-top: 6px solid #20ff84;
  transition: .4s ease-in-out;
  z-index:100;
  cursor:pointer;
}

.seta_esquerda {
  left:6%;
  top:50%;
  transform:translateY(-50%);
  transform: rotate(-135deg);
}

.seta_direita {
  right:6%;
  top:50%;
  transform:translateY(-50%);
  transform: rotate(45deg);
}

.seta_cima {
  top:6%;
  left:50%;
  transform:translateX(-50%);
  transform: rotate(-45deg);
}

.seta_baixo {
  bottom:16%;
  left:50%;
  transform:translateX(-50%);
  transform: rotate(135deg);
}

.seta_esquerda:hover {
  border-right: 6px solid #717171;
  border-top: 6px solid #717171;
}

.seta_direita:hover {
  border-right: 6px solid #717171;
  border-top: 6px solid #717171;
}

.seta_cima:hover {
  border-right: 6px solid #717171;
  border-top: 6px solid #717171;
}

.seta_baixo:hover {
  border-right: 6px solid #717171;
  border-top: 6px solid #717171;
}

/* ////////////////////////////////////////////////////////////// */

.caixa {
  position:absolute;
  width:auto;
  height:auto;
  z-index:200;
  cursor:pointer;
}

.nome_projecto {
  font-size:2vw;
  line-height:4.2vw;
  font-weight:700;
  text-align:left;
  color:#20ff84;
  transition: .4s ease-in-out;
}

.plus {
  position:relative;
  margin-left:auto;
  margin-right:auto;
  width:22px;
  height:22px;
}

.plus span {
  display:block;
  position:absolute;
  left:0;
  width:100%;
  height:4px;
  background:#20ff84;
  transition: .4s ease-in-out;
}

.plus span:nth-child(1) {
  top:50%;
  transform:translateY(-50%);
}

.plus span:nth-child(2) {
  top:42%;
  transform:rotate(90deg);
}

.caixa:hover > .plus > span {
  background:#717171;
}

.caixa:hover > .nome_projecto {
  color:#717171;
}

/* ////////////////////////////////////////////////////////////// */

#navegador {
  position:fixed;
  display:flex;
  justify-content:center;
  width:60%;
  height:4vh;
  bottom:4vh;
  left:50%;
  transform:translateX(-50%);
}

.capitulos {
  position:relative;
  width:auto;
  height:30px;
  color:#20ff84;
  text-align:center;
  font-size:1.2vw;
  font-weight:400;
  transition: .2s ease-in-out;
  cursor:pointer;
  overflow:visible;
}

.marcador {
  width:100%;
  height:1px;
  margin-top:2px;
  transition: .4s ease-in-out;
  background:#20ff84;
  transform:scaleX(0);
}

#m1 {
  margin-left:8%;
}

.capitulos > a {
  transition: .4s ease-in-out;
}

.capitulos > a, .capitulos > a:visited, .capitulos > a:active {
  text-decoration:none;
  color:inherit;
}

/* ////////////////////////////////////////////////////////////// */

#contentor_slideshow {
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  background-color:rgba(255,255,255,1);
  pointer-events:none;
  opacity:0;
  z-index:1000;

  display:block;
  overflow:hidden;
}

#contentor_slideshow.animacao_slideshow {
  transition: all .3s ease;
  transition-delay: 0.1s;
}

#titulo_slideshow {
  width:auto;
  max-width:500px;
  height:auto;
  font-weight:700;
  font-size:2.22vw;
  color:#616161;
  margin-top:26px;
  margin-left:40px;
  margin-bottom:3%;
}

.slide {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:50%;
  opacity:0;
  transition:1s opacity;
  pointer-events:none;
}

.sinopse_projecto {
  width:100%;
  height:auto;
  color:#616161;
  font-size:1rem;
  font-weight:400;
  line-height:1.8rem;
  text-align:left;
}

.ativo {
  opacity:1;
  transition:1s opacity;
  pointer-events:all;
}

.seta_esq, .seta_dir {
  position:absolute;
  width:20px;
  height:20px;
  top:48%;
  border-right: 0.4rem solid #616161;
  border-top: 0.4rem solid #616161;
  transition: .2s ease-in-out;
  z-index:10;
  cursor:pointer;
}

.seta_esq {
  left:10%;
  transform: rotate(-135deg);
}

.seta_dir {
  right:10%;
  transform: rotate(45deg);
}

.seta_esq:hover, .seta_dir:hover {
  border-color:#20FF84;
}

#footer {
  position:absolute;
  width:100%;
  display:flex;
  justify-content:center;
  bottom:8vh;
}

#footer > a {
  text-decoration:none;
}

#nomes_footer_unico {
  width:auto;
  text-align:center;
  color:#616161;
  font-weight:400;
  font-size:1vw;
  transition: .2s ease-in-out;

}

#nomes_footer_unico_semhover {
  width:auto;
  text-align:center;
  color:#616161;
  font-weight:400;
  font-size:1vw;
  transition: .2s ease-in-out;

}


.nomes_footer_semhover {
  width:auto;
  text-align:center;
  color:#616161;
  font-weight:400;
  font-size:1vw;
  transition: .2s ease-in-out;
    margin-left:6vw;
}


.nomes_footer {
  width:auto;
  text-align:center;
  color:#616161;
  font-weight:400;
  font-size:1vw;
  transition: .2s ease-in-out;
    margin-left:6vw;
}

.nomes_footer > a:hover  {
    color: #20ff84;
    text-decoration: none;
}


.nomes_footer > a {
    color: #616161;
    text-decoration: none;
}

.nomes_footer:hover, #nomes_footer_unico:hover {
  color:#20ff84;
}