html {
  background: #000000
}
* {
  box-sizing: border-box
}
body {
  margin: 0;
  padding: 0;
  font-family: neue-haas-grotesk-display;
  height: 100vh;
  max-height: 100vh;
}
.conteudo-pagina {
  height: 100vh;
  max-height: 100vh;
  background: #000000;
  color: #ffffff;
  padding: 30px;
  justify-content: end;
  display: flex;
  align-items: center;
  justify-items: center;
  text-align: center;
  flex-direction: column;
}
.green-text {
  color: #00AE84 !important;
}
.green-text a {
  color: #00AE84 !important;
}
.small-text-copy {
  font-size: 11px;
  line-height: 18px;
  display: inline-block
}
.icons-redes ul {
  display: flex;
  list-style: none;
  color: #ffffff;
  margin: 0 0 30px;
  gap: 12px;
  padding: 0;
	justify-content: center;
}



.icons-redes ul li a {
  background: #ffffff;
  border-radius: 100%;
  height: 25px;
  width: 25px;
  line-height: 25px;
  display: block;
  text-align: center;
}
.icons-redes ul li a:hover {
  background: #00AE84
}
.icons-redes ul li a:hover i {
  color: #ffffff
}
.icons-redes ul li a i {
  color: #000000
}
.texto-pagina {
  width: 600px;
  max-width: 100%;
  font-size: 16px;
  line-height: 22px;
  display: inline-block;
  margin-bottom: 50px;
}
video {
  width: 100%;
  margin: 0 auto 0 8px;
}
.mobile {
  visibility: hidden;
  display: none
}





.conteudo-pagina {
  display: flex;
  flex-direction: column;
  height: 100vh; /* ocupa a altura total da janela */
}

.video {
	 width: 600px;
  max-width: 100%;
  flex: 1; /* ocupa todo o espaço disponível */
  display: flex;
  align-items: center; /* centraliza verticalmente o vídeo */
  justify-content: center; /* centraliza horizontalmente */
}

.miolo {
  margin-top: auto; /* empurra para o fim */
	    max-width: 100%;
}


@media only screen and (max-width: 768px) {
	.texto-pagina {overflow:hidden}
	
	.video {  position: relative;}
	
	
	body {
 
  height: auto;
  max-height: auto;
		min-height: 100vh;
}
	
	/*
.conteudo-pagina {
	    justify-content: center;
  height: auto;
  max-height: auto;
 	min-height: 100vh;
}*/
	
	
  .small-text-copy {
    font-size: 9px;
  }
  .green-text {
    display: block
  }
  .green-text strong {
    display: block;
    margin: 0 auto
  }
  .conteudo-pagina {
    padding: 30px 42px ;
  }
  .texto-pagina {
    font-size: 14px;
    line-height: 20px;
  }
  video {
    width: 120%;
    margin-bottom: 20px;
    margin-left: calc(-10% - 8px);
  }
  .mobile {
    visibility: visible;
    display: block;
  }
  .desktop {
    visibility: hidden;
    display: none
  }
}