@charset "utf-8";

/* cor principal: #616161 // cor secundária: #20FF84*/

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



html {
  font-size:14px;
}

img {
  vertical-align:top;
  width:100%;
  height:100%;
}

#contentor_slideshow {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:100%;
  height:100%;
  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;
}

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

}

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

}


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


.nomes_footer {
  width:auto;
  text-align:center;
  color:#616161;
  font-weight:400;
  font-size:1.2vw;
  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;
}

/*////////////////////// RESPONSIVO //////////////////////*/

/* SMARTPHONE VERTICAL */
@media all and (max-width:479px) {

#contentor_slideshow {
  overflow-y:scroll;
  overflow-x:hidden;
}

#titulo_slideshow {
  max-width:500px;
  font-weight:700;
  font-size:20px;
}

.sinopse_projecto {
    font-size:14px;
    width:auto;
    height:60vh;
    z-index: 500;
    overflow-y:scroll;
    position: relative;
}

#footer {
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:100%;
  height:auto;
  max-height:18%;
  display:flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content:center;
  bottom:8vh;
}

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

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

}

/* SMARTPHONE HORIZONTAL */
@media all and (min-width:480px) and (max-width:768px) {


 #titulo_slideshow {
  max-width:500px;
  font-weight:700;
  font-size:20px;
}

.sinopse_projecto {
    font-size:14px;
    width:auto;
    height:60vh;
    z-index: 500;
    overflow-y:scroll;
    position: relative;
}

#footer {
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:100%;
  height:auto;
  max-height:18%;
  display:flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content:center;
  bottom:8vh;
}

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

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

}

/* SMARTPHONE (GRANDE) + TABLET VERTICAL */
@media all and (min-width:480px) and (max-width:760px) and (orientation:portrait) {

#titulo_slideshow {
  max-width:500px;
  font-weight:700;
  font-size:20px;
}

.sinopse_projecto {
    font-size:14px;
    width:auto;
    height:60vh;
    z-index: 500;
    overflow-y:scroll;
    position: relative;
}

#footer {
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:100%;
  height:auto;
  max-height:18%;
  display:flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content:center;
  bottom:8vh;
}

#nomes_footer_unico {
  font-size:2vw;
}

.nomes_footer {
  font-size:2vw;
}



}

/* SMARTPHONE HORIZONTAL + TABLETS */
@media all and (min-width:761px) and (max-width:959px)  {
 #titulo_slideshow {
  max-width:500px;
  font-weight:700;
  font-size:20px;
}

.sinopse_projecto {
    font-size:14px;
    width:auto;
    height:60vh;
    z-index: 500;
    overflow-y:scroll;
    position: relative;
}

#footer {
  bottom:8vh;
}

#nomes_footer_unico {
  font-size:1.4vw;
}

.nomes_footer {
  font-size:1.4vw;
}

}