/* Estilo inicial com opacidade zero */
.fade-in-out {
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

/* Aplica opacidade total para o fade-in */
.fade-in-out.visible {
    opacity: 1;
}


.section--full-screen {
    position: relative;
    width: 100%;
    height: 100vh; /* Ocupa toda a altura da tela */
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff; /* Cor do texto, ajuste conforme necessário */
    text-align: center;
}

.full-screen-content {
    max-width: 80%;
    padding: 0 20px;
    background: rgba(0, 0, 0, 0.5); /* Fundo semitransparente para o texto */
    border-radius: 10px;
}
/* Estilos para o dropdown customizado */
.custom-select {
	position: relative;
	display: inline-block;
}

.select-selected {
	background-color: transparent;
	padding: 4px 16px;
	cursor: pointer;
	border: 1px solid rgba(255, 255, 255, .35);;
	display: flex;
	align-items: center;
}

.select-selected img {
	margin-right: 8px;
	width: 24px;
	height: auto;
}

.select-items {
	position: absolute;
	background-color: #f9f9f9;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 99;
	display: none;
	border: 1px solid #ddd;
}

.select-items div {
	padding: 4px 16px;
	cursor: pointer;
	display: flex;
	align-items: center;
}

.select-items div img {
	margin-right: 8px;
	width: 24px;
	height: auto;
}

.select-items div:hover {
	background-color: #f1f1f1;
}