/* Use "Inspecionar" do navegador para determinar o elemento desejado */

#title {}
#head img {
    border-radius: 15px; /* Arredonda as bordas da imagem dentro de #head */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5); /* Efeito de sombreamento 3D */
    width: 840px;  /* largura do banner*/
}

/* Opcional: Adiciona uma classe específica para ajustar a imagem sem alterar o estilo geral */
#head img.custom-style {
    border-radius: 10px; /* Mude para um valor menor, se necessário */
    box-shadow: none; /* Remove o sombreamento, se preferir */
}

#side-menu {
       color: #003399; /* Cor do texto no menu */
}

/* Se o menu contiver links */
#side-menu a {
    color: #006699; /* Cor da fonte dos links */
    text-decoration: none; /* Remove o sublinhado dos links */
}

#side-menu a:hover {
    color: #cccccc; /* Cor dos links ao passar o mouse */
}
#content {}

#parceiros {}
#side-bar #compartilhamento iframe {
    width: 170px !important; /* Define uma largura menor */
    height: auto !important; /* Mantém a proporção original */
} /* Aqui estava faltando a chave de fechamento */

.social-share {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 20px;
}

.social-share a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    color: white;
    font-size: 20px;
    transition: background-color 0.3s, transform 0.3s;
    text-decoration: none;
}

/* Estilos Específicos para cada Rede Social */
.social-share .facebook { background-color: #3b5998; }
.social-share .instagram { background-color: #e4405f; }
.social-share .linkedin { background-color: #0077b5; }
.social-share .whatsapp { background-color: #25d366; }

/* Efeito ao passar o mouse */
.social-share a:hover {
    transform: scale(1.1);
    opacity: 0.9;
}
#side-bar #inscreva > p {
    background: linear-gradient(to right, #0a1a2f 0%, #0a3d73 40%, #0d69bb 80%, #0e74cc 100%); /* Cor de fundo do botão */
    color: #fff; /* Cor do texto */
    padding: 20px 20px; /* Tamanho do botão */
    font-size: 16px; /* Tamanho do texto */
    cursor: pointer; /* Ícone de "mãozinha" ao passar o mouse */
    border-radius: 5px; /* Bordas arredondadas */
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3); /* Sombra para criar efeito 3D */
    transition: transform 0.2s ease, box-shadow 0.2s ease; /* Transição suave */
}

/* Efeito ao passar o mouse por cima */
#side-bar #inscreva > p:hover {
    background-color: #006699; /* Cor do botão ao passar o mouse */
    transform: scale(1.05); /* Aumenta ligeiramente o botão */
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.4); /* Aumenta a sombra ao passar o mouse */
}



/* Caso queira responsividade, coloque nas seções correspondentes */

/* Smartphones na vertical */
@media (min-width:320px) {
	#title {}
	#head {}
	#side-menu {}
	#content {}
	#side-bar {}
	#inscreva {}
	#parceiros {}
}

/* Tables na vertical e Smartphones na horizontal */
@media (min-width:481px) {
	#title {}
	#head {}
	#side-menu {}
	#content {}
	#side-bar {}
	#inscreva {}
	#parceiros {}
}

/* Tables na horizontal  */
@media (min-width:641px) {
	#title {}
	#head {}
	#side-menu {}
	#content {}
	#side-bar {}
	#inscreva {}
	#parceiros {}
}

/* Notebook pequenos */
@media (min-width:961px) {
	#title {}
	#head {}
	#side-menu {}
	#content {}
	#side-bar {}
	#inscreva {}
	#parceiros {}
}

/* Notebook grandes e monitores pequenos */
@media (min-width:1025px) {
	#title {}
	#head {}
	#side-menu {}
	#content {}
	#side-bar {}
	#inscreva {}
	#parceiros {}
}

/* Monitores grandes */
@media (min-width:1281px) {
	#title {}
	#head {}
	#side-menu {}
	#content {}
	#side-bar {}
	#inscreva {}
	#parceiros {}
}