.container-inicio {
	background-image: url('/static/40DDCA04-4B2A-4FEF-AC3B-C10FC5826322_1_201_a.jpeg');
  	background-size: cover;
  	background-position: center;
	height: 800px;
	width: 100%;
	object-fit: cover;
}
.background-img {
	width: 100%;
}

.login-logout {
	display: flex;
	flex-direction: row;
	gap: 5px;
}

.text-titulo {
	font-size: 20px;
	color: white;
	text-align: justify !important;
	text-align-last: left;
}

.text-descricao {
	font-size: 16px;
	color: white;
	text-align: justify !important;
	text-align-last: left;
}

.card-inicial {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: 340px;
	margin-left: 60px;
	width: 35%;
}

.text-titulo-azul {
	color: #1B355C;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	max-width: 450px;
}

.text-azul {
	color: #1B355C;
	max-width: 450px;
	font-size: 16px;
	text-align: justify !important;
	text-align-last: left;
}

.card-texto-morcegos {
	align-items: left;
	margin-top: 30px;
	margin-left: 40px;
	display: flex;
	flex-direction: column;
	gap: 40px;
	width: 40%;
}

.a-morcegos {
	color: #1B355C;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
}

.img-lista-morcegos {
	width: 85%;
	height: 90%;
}

.container-img {
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}



@media only screen and (max-width: 800px) {

	section {
		flex-direction: column;
		height: auto;
	}

	.card-texto-modelagem, .card-texto-sonoteca {
		width: 100% !important;
		margin-top: 30px !important;
		order: 1;
	}

	.card-img-modelagem {
		width: 100% !important;
		align-items: center;
		order: 2;
	}
	.email-form {
		flex-direction: column !important;
	}
	form {
		width: 80% !important;
	}
	.card-qs {
		flex-direction: column !important;
		align-items: center;
	}
	.container-a-seta {
		max-width: 60%;
	}
	.section-sonoteca {
		align-items: center;
		justify-content: center;
		padding-top: 20px;
	}
	.text-descricao, .text-azul{
		width: 70% !important;
	}
	.noticias {
		flex-direction: column !important;
	}
	.a-card-noticia {
		width: 60% !important;
	}
        .metade {
		z-index: 1;
		width: 100% !important;
	}
	.metade2 {
		z-index: 2;
	}
	.divisao-email {
		flex-direction: column !important;
	}
}

.section-noticia {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: white;
}

.section-sonoteca {
	display: flex;
}

.card-qs {
	display: flex;
	flex: 1 1 100%;
	margin-top: 40px;
	flex-direction: row;
	justify-content: center;
	background-color: white;
}


.card-img-modelagem {
	width: 50%;
}
.card-img-sonoteca {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50%;
}

.card-texto-modelagem, .card-texto-sonoteca {
	display: flex;
	flex-direction: column;
	gap: 60px;
	width: 50%;
	align-items: center;
	margin-top: 60px;
}

.text-modelagem, .titulo-modelagem, .a-modelagem {
	color: white;
	text-decoration: none;
}

.titulo-modelagem {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}

.text-modelagem {
	text-align: justify !important;
	font-size: 16px;
	width: 70%;
	text-align-last: center;
}

.a-modelagem {
	font-size: 20px;
	font-weight: 480;
	text-align: center;
}

.text-socio, .titulo-socio, .a-socio {
	color: #1B355C;
	text-decoration: none;
}

.section-socio {
	background-color: white;
	height: 500px;
	align-items: center;
}

.card-text-socio {
	display: flex;
	flex-direction: column;
	gap: 60px;
	width: 50%;
	align-items: left;
	margin-left: 60px;
}

.card-img-socio {
	margin-right: 60px;
}

.titulo-socio {
	font-size: 22px;
	font-weight: bold;
	text-align: left;
}

.text-socio {
	text-align: justify !important;
	font-size: 16px;
	width: 70%;
	text-align-last: left;
}

.a-socio {
	font-size: 20px;
	font-weight: 480;
	text-align: left;
}

.seta-azul, .seta-branca{
	width: 19px;
}

.container-a-seta {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
}

.sonoteca, .noticias {
    background-color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 60px;
    overflow-y: auto;
}
.noticias {
	flex-direction: row;
}

.titulo-pub {
    font-size: 24px; /* tamanho do título */
    color: #1B355C; /* azul para combinar com o esquema do site */
    padding: 20px; /* Espaço ao redor do título */
    margin-bottom: 20px; /* Espaço antes dos cartões */
}

.a-card, .a-card-noticia {
    text-decoration: none; /* remove sublinhado dos links */
    color: inherit; /* herda a cor do texto do elemento pai */
	width: 25%;
	height: 400px;
}

.card-pub-pan {
    border: 1px solid #d2d2d2; /* borda sutil */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); /* sombra leve */
    border-radius: 10px; /* cantos arredondados */
    overflow: hidden; /* previne que conteúdos ultrapassem o limite do cartão */
    margin-bottom: 20px; /* espaço entre os cartões */
    background-color: #ffffff; /* fundo branco */
    transition: box-shadow 0.3s ease-in-out; /* animação suave para a sombra */
	height: 100%;
}

.card-pub-pan:hover {
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.2); /* sombra mais destacada ao passar o mouse */
}

.imagem-publicacao {
    width: 100%; /* faz a imagem ocupar toda a largura do cartão */
    height: 150px; /* altura fixa para a imagem */
    object-fit: cover; /* garante que a imagem cubra o espaço sem deformar */
}

.titulo-carregado {
    font-size: 18px; /* tamanho do título da notícia */
    color: #0056b3; /* azul para combinar com o título da seção */
    padding: 10px 15px; /* espaço ao redor do título da notícia */
    margin: 0; /* remove a margem padrão */
    background-color: #f7f7f7; /* fundo cinza claro */
    border-bottom: 1px solid #d2d2d2; /* borda no fundo do título */
}

.txt-carregado {
    padding: 10px 15px; /* espaço ao redor do texto da notícia */
    color: #333; /* cor escura para o texto para fácil leitura */
    font-size: 14px; /* tamanho do texto */
    line-height: 1.6; /* espaçamento entre as linhas */
    margin: 0; /* remove a margem padrão */
    height: 90%; /* altura fixa para manter o cartão uniforme */
    overflow: hidden; /* esconde o texto que passar da altura definida */
    text-overflow: ellipsis; /* adiciona reticências se o texto for muito longo */
}


form {
    width: 40%;
    margin: 10px;
    border-radius: 5px;
}

.form-sec {
	width: 90%;
    margin: 10px;
    border-radius: 5px;
	display: flex;
	flex-direction: column;
	gap: 40px;
	justify-content: center;
	align-items: center;
}

label {
    display: block;
    margin-bottom: 5px;
    color: #1B355C; /* Cor das etiquetas */
}

input[type="text"],
input[type="email"],
input[type="password"],
textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
#mensagem {
	margin: 0px !important;
}
textarea {
    height: 150px; /* Altura do campo de texto */
}

input[type="submit"],
button[type="submit"]{
    background-color: #1B355C; /* Cor de fundo do botão de envio */
    color: #ffffff; /* Cor do texto do botão de envio */
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input[type="submit"]:hover,
button[type="submit"]:hover{
    background-color: #0e243d; /* Cor de fundo do botão de envio ao passar o mouse */
}

.email-sec {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: white;
}
.email-form {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 80%;
	gap: 40px;
	background-color: white;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	border-radius: 14px;
}

.divisao-email {
	display: flex;
	width: 90%;
	flex-direction: row;
	gap: 40px;
	justify-content: center;
}

.metade {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 40%;
}
.metade-metade {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
}

.metade2 {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.texto-email {
	display: flex;
	flex-direction: column;
	gap: 60px;
	text-align: left;
	margin: 40px;
}

.titulo-email {
	font-size: 30px;
    font-weight: 450;
    text-align: justify !important;
	text-align-last: center;
    color: #1B355C;
}

.txt-email {
	font-size: 24px;
    text-align: justify !important;
	text-align-last: center;
    color: #1B355C;
}	

.img-modelagem {
	max-width: 90%;
}