*{ margin:0; padding:0; font-family:"Roboto"; }

body{ background:#00626f; }

.conteudo{ width:1020px; margin:0 auto; position:relative; }
.titulo-sessao{ font-size:16px; color:#1e0300; letter-spacing:1px; text-transform:uppercase; margin-top:20px; }



h1{ background-image:url(../img/logo.webp); width:349px; height:222px; display:inline-block; text-indent:-3000px; margin-top:00px; }

body{ overflow-x:hidden; }

.base-icone-rede-social{ height:32px; width:32px; margin-top: 20px; margin-right: 30px; display:inline-block; background-image:url(../img/icones-redes-sociais.webp); background-repeat: no-repeat;  }
#youtube{ background-position:center left; }
#facebook{ background-position:center left -33px; width:18px; }
#instagram{ background-position:center left -52px; width:32px; }
#spotify{ background-position:center left -85px; width:32px; }
#tiktok{ background-position:center left -118px; width:32px; }

#btn-links{ width:600px; margin-left:-20px; margin-top:20px; }
#btn-links a{ background:#fff; height: 60px; width:290px; line-height: 60px; text-align: center; text-decoration: none; color:#1e0300; font-size:14px; letter-spacing:1px; text-transform:uppercase; display:inline-block; }
#btn-links a:first-child{ margin-right:20px; }

iframe{ margin-left:-20px; margin-top:20px }

#galeria{ position:absolute; right:0; top: 0; }
#galeria #foto-principal{ width:440px; background-image:url(../galeria/0.webp); background-repeat:no-repeat; background-position:center; background-size:cover; transition:0.8s; }
#galeria #galeria-navegacao{ position:absolute; right:-100px; top:345px;  }
#galeria #galeria-navegacao .base-seta{ width:60px; height:60px; display:inline-block; background-image:url(../img/icones-navegacao.webp); background-repeat:no-repeat; cursor:pointer; margin-right:20px; }
#galeria #galeria-navegacao #seta-direita{ background-position: center left -61px; }
#galeria #thumb-fotos{ position:absolute; left: 290px; top: 425px; width:5000px; }
#galeria #thumb-fotos img{ height:150px; margin-right:10px; }

#bg-celular{ display:none; }

@media (max-width: 1019px){

	.conteudo{ width:100%; }
	#base-texto{ text-align:center; }

	#galeria{ display:none; }
	h1{ width:calc(100% - 20px); height:150px; background-size: contain; background-repeat: no-repeat; background-position:center; margin-left:10px; }
	#tiktok{ margin-right:0px; }
	#btn-links { width:unset; margin-left:0px; }
	#btn-links a{ width:calc(100% - 20px); margin-right: 0px !important; margin-left:0px; margin-top:10px; }

	iframe{ margin-left:0px; width:100%; }

	#bg-celular{ position:fixed; display: block; left:0; right:0; top:0; bottom:0; background-color:#00626f; background-image:url(../galeria/foto-01.webp); background-position:center; background-size:cover; background-blend-mode:luminosity; opacity:0.3;	transition:0.8s; }

}