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

#title {}
#head {}
#side-menu {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

/* Elemento real que antecede o #side-bar na árvore do site
   (confirmado via Inspecionar): zera espaço residual abaixo dele */
#header-container {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

#main {
	gap: 0 !important;
}

/* CONTEÚDO: ocupa 100% da largura, com respiro lateral */
#content {
	width: 100% !important;
	float: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-top: 0 !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	padding-left: 30px !important;
	padding-right: 30px !important;
	padding-top: 0 !important;
}

/* BOTÕES "Inscreva-se aqui" / "Já me inscrevi e quero pagar"
   Fica no fluxo normal da página (onde já está no HTML), como uma
   barra horizontal única, sem fundos/posições/alturas antigas da
   plataforma interferindo. */

#side-bar,
#side-bar * {
	background-color: transparent !important;
	background-image: none !important;
	position: static !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
	height: auto !important;
	min-height: 0 !important;
	float: none !important;
	margin: 0 !important;
}

#side-bar,
#side-bar > * {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 14px !important;
}

#side-bar {
	width: 100% !important;
	padding: 14px 30px !important;
	box-sizing: border-box !important;
	background-color: transparent !important;
	color: #1f6b2c !important; /* cor do texto solto, ex: "Já me inscrevi e quero" */
	font-size: 15px;
	margin-top: 12px !important;
	margin-bottom: 0 !important;
}

#side-bar *:not(a) {
	color: #1f6b2c !important;
}

#side-bar a {
	display: inline-block !important;
	text-decoration: none !important;
	font-weight: 700 !important;
	text-align: center !important;
	border-radius: 999px !important;
	padding: 14px 30px !important; /* respiro padrão em cima/embaixo dos botões */
	font-size: 15px !important;
	white-space: nowrap;
	transition: opacity 0.2s ease;
	box-sizing: border-box !important;
	width: auto !important;
	height: auto !important;
}

/* Botão principal (inscrição) - é o link dentro do PRIMEIRO <p> de #inscreva */
#side-bar #inscreva {
	flex-direction: column !important;
	align-items: flex-end !important;
	gap: 6px !important;
}

#side-bar #inscreva p:first-child a {
	background-color: #46535e !important;
	color: #ffffff !important;
	padding: 8px 24px !important;
	font-size: 14px !important;
	line-height: 1.3 !important;
	white-space: normal !important;
	min-width: 180px;
}
#side-bar #inscreva p:first-child a:hover { opacity: 0.85; }

/* Botão secundário (pagamento) - é o link dentro do ÚLTIMO <p> de #inscreva */
#side-bar #inscreva p:last-child a {
	background-color: transparent !important;
	color: #1a73e8 !important;
	padding: 0 !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	text-decoration: underline !important;
	border-radius: 0 !important;
}
#side-bar #inscreva p:last-child a:hover { opacity: 0.85; }

/* Elemento extra encontrado dentro do #header-container, depois do
   menu (confirmado via Inspecionar) - provável causador do espaço
   entre o menu e a barra de botões */
#pos-header {
	display: none !important;
	height: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 0 !important;
}

/* ===== REFORÇO DE ESPECIFICIDADE =====
   Caso a plataforma tenha uma regra própria do tipo "#main #side-bar"
   (mais específica que "#side-bar" sozinho), ela pode vencer mesmo com
   !important. Repetimos os resets aqui com a mesma especificidade alta
   para garantir prioridade. */
#wapper #main #side-bar,
#wapper #main #side-bar * {
	margin: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
#wapper #main #side-bar {
	margin-top: 12px !important;
}

/* Restaura o arredondado dos botões com a mesma força do reforço acima */
#wapper #main #side-bar a {
	border-radius: 999px !important;
}

/* Reforço de especificidade para os botões distinguidos por estrutura real */
#wapper #main #side-bar #inscreva {
	flex-direction: column !important;
	align-items: flex-end !important;
}

#wapper #main #side-bar #inscreva p:first-child a {
	background-color: #46535e !important;
	padding: 8px 24px !important;
	font-size: 14px !important;
	min-width: 180px;
}
#wapper #main #side-bar #inscreva p:last-child a {
	background-color: transparent !important;
	color: #1a73e8 !important;
	padding: 0 !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	text-decoration: underline !important;
	border-radius: 0 !important;
}

/* Faixa sem fundo verde, conforme solicitado */
#wapper #main #side-bar {
	background-color: transparent !important;
	border-top: none !important;
	border-bottom: none !important;
}

#wapper #main #header-container {
	margin: 0 !important;
	padding: 0 !important;
}
#wapper #main {
	gap: 0 !important;
}

/* Menu real do site é #nav (dentro de #head), não #side-menu.
   Zera espaço residual abaixo do menu de navegação. */
#wapper #main #header-container #head,
#wapper #main #header-container #head #nav {
	margin: 0 !important;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

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

/* Smartphones na vertical */
@media (min-width:320px) {
	#title {}
	#head {}
	#side-menu {}
	#content {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
	#side-bar,
	#side-bar > * {
		flex-direction: column !important;
	}
	#side-bar a {
		width: 100% !important;
		max-width: 320px;
	}
	#inscreva {}
	#parceiros {}
}

/* Tables na vertical e Smartphones na horizontal */
@media (min-width:481px) {
	#title {}
	#head {}
	#side-menu {}
	#content {
		padding-left: 22px !important;
		padding-right: 22px !important;
	}
	#side-bar,
	#side-bar > * {
		flex-direction: row !important;
	}
	#side-bar a {
		width: auto !important;
	}
	#inscreva {}
	#parceiros {}
}

/* Tables na horizontal  */
@media (min-width:641px) {
	#title {}
	#head {}
	#side-menu {}
	#content {
		padding-left: 28px !important;
		padding-right: 28px !important;
	}
	#side-bar {}
	#inscreva {}
	#parceiros {}
}

/* Notebook pequenos */
@media (min-width:961px) {
	#title {}
	#head {}
	#side-menu {}
	#content {
		padding-left: 32px !important;
		padding-right: 32px !important;
	}
	#side-bar {}
	#inscreva {}
	#parceiros {}
}

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

/* Monitores grandes */
@media (min-width:1281px) {
	#title {}
	#head {}
	#side-menu {}
	#content {
		padding-left: 40px !important;
		padding-right: 40px !important;
	}
	#side-bar {}
	#inscreva {}
	#parceiros {}
}