/* ----------------------------------------- */
/* -------- -------- PAGES  ---------------- */
/* --------------------------------------- */


.titles{
	color: #37A6F0;
}


.titles_H3{
	font-size: 25px !important;
	text-align: center;
}


.icon_open_in_new{
	width: 16px;
}


#perfil p{
	margin: 0px;
	font-size: 18px;
}


.modal_Perfil_divider{
	width: 100%;
	margin: 36px auto;
}


.modal_Perfil_divider_End{
	width: 100%;
	margin: 100px auto 0 auto;
}


.modal_Perfil_Experiencias li p{
	margin: 25px 0 !important;
	line-height: 25px;
}


.modal_Perfil_Experiencias li p strong{
	display: block;
}


#portfolio{
	width: 100% !important;
}


	.Portfolio_Box_Job{
		width: 100%;
		padding: 20px 0;
		background: #FFF;
		border-radius: 20px;
		overflow: hidden;
	}


	.Portfolio_Job_Title{
		font-size: 45px;
		font-weight: bold;
		text-transform: uppercase;
		color: #000;
		margin: 0;
	}


	.Portfolio_Job_Description{
		width: 100%;
		max-width: 1024px;
		margin: 0 auto 20px auto;
		font-size: 22px;
		font-weight: bold;
		line-height: 28px;
		color: #333;
		opacity: 0.6;
	}


	.portfolio_Job_IMG{
		max-width: 100%;
		margin-top: 20px;
	}


		.modal_Portfolio_divider_Box{
			width: 100%;
			text-align: center;
			padding: 50px 0;
		}


		.modal_Portfolio_divider{
			width: 100%;
			max-width: 1024px;
			margin: 36px auto;
		}


		.modal_Portfolio_divider_End{
			width: 100%;
			max-width: 1024px;
			margin: 100px auto 0 auto;
		}


.Portfolio_Box_links{
	display: block;
	margin: 36px auto;
}


		.Portfolio_link_EloCorretora{
			border-bottom: none;
			opacity: 0.8;
			background: rgb(21 108 173);
			border-radius: 100px;
			margin: 0;
			padding: 10px 20px;
		}
		.Portfolio_link_EloCorretora:hover{
			opacity: 1.0;
		}


		.Portfolio_link_Musicarte{
			border-bottom: none;
			opacity: 0.8;
			background: rgb(41 87 164);
			border-radius: 100px;
			margin: 0;
			padding: 10px 20px;
		}
		.Portfolio_link_Musicarte:hover{
			opacity: 1.0;
		}


.work{
	width: 100%;
}


.vimeo-container {
    width: 100%; /* Garante a largura total */
    /* Define a proporção: largura / altura */
    /* Mude para 4 / 3, 1 / 1, ou 16 / 9, etc., conforme seu vídeo */
    aspect-ratio: 16 / 9;
    margin-bottom: -25px;
}
	.vimeo-container iframe {
	    width: 100%;
	    height: 100%;
	    /* Ocupa todo o contêiner com a proporção definida acima */
	}


.Contatos_links{
	border-bottom: none;
	opacity: 0.8;
	background: rgba(27, 31, 34, 0.85);
	border-radius: 100px;
	margin: 0;
	padding: 10px 20px;
}


	.Contatos_links:hover{
		opacity: 1.0;
	}


#footer p{
	margin: 0;
	opacity: 0;
	transition: opacity 10s ease-in-out !important;
}


	.p-visivel {
    	opacity: 0.8 !important; 
	}








/* ------------------------------------- */
	/* -------- ASTRONAUTA -------- */
/* ------------------------------------- */


@keyframes flutuar {
    0% {
        transform: translateY(0px); /* Posição base */
    }
    50% {
        transform: translateY(-30px); /* Move 15px para cima */
    }
    100% {
        transform: translateY(0px); /* Volta à posição base */
    }
}


#astronauta{
	position: fixed;
	z-index: 3;
	top: 40%;
	right: 100px;
}


	#astronauta_img{
		opacity: 0;
		transition: opacity 8s ease-in-out !important;

		/* Animação de gravidade */
	    animation-name: flutuar;
	    animation-duration: 4s; /* Ajuste para mais lento ou rápido */
	    animation-timing-function: ease-in-out;
	    animation-iteration-count: infinite;
	}








/* ------------------------------------- */
	/* -------- Planeta -------- */
/* ------------------------------------- */


@keyframes girar {
    /* O movimento vai de 0 graus (início) a 360 graus (volta completa) */
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


#planeta{
	position: fixed;
	height: 100vh;
	z-index: 2;
	top: 0;
	left: -36%;
}


	#planeta_img{
		height: 100vh;
		opacity: 0;
		transition: opacity 8s ease-in-out !important;

		/* Animação do planeta girando */
		animation-name: girar;           /* Nome dos keyframes que definimos */
	    animation-duration: 120s;         /* Tempo para uma volta completa (muito suave) */
	    animation-timing-function: linear; /* Garante velocidade constante (sem aceleração/desaceleração) */
	    animation-iteration-count: infinite; /* Repetição infinita */
	}




.img-visivel {
    opacity: 1 !important;
}