/* desktop */

:root {
	--cor-destaque-forte: #860B00; /* h2, h3, acordeon, etc */
	--cor-destaque-clean: #ef9696; /* background */
}

html,
body {
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-style: normal;
	margin: 0 auto;
	overflow-x: hidden;
	background: var(--cor-destaque-clean);
	color: #101010;
}

/* .header > .row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .0);
    padding-left: calc(var(--bs-gutter-x) * .0);
    margin-top: var(--bs-gutter-y);
} */


.layout{
	min-height: 3040px;
}

.legenda {
	font-size: 0.7em;
	opacity: 0.8;
}

section {
	padding-bottom: 40px !important;
	max-width: 1220px;
}

.branding {
	background: #fff;
}

.titulo-pagina {
	padding-bottom: 0px !important;
}

.titulo {
	text-align: center;
	font-weight:500;
	font-size: 1.3em;
	color: var(--cor-destaque-forte);
	padding-bottom: 0px;
}

h2 {
	text-align: center;
	font-weight:600;
	font-size: 2.5em;
	line-height: 130%;
	color: var(--cor-destaque-forte);
	padding-bottom: 20px;
}

h3 {
	font-weight:600;
	font-size: 2em;
	line-height: 130%;
	color: var(--cor-destaque-forte);
	padding-top: 0px !important;
	padding-bottom: 20px !important;
}

.frase-obrigatoria p {
	font-size: 12px;
	margin-bottom: 4px;
}

.accordion-button, .accordion-item {
	background: transparent;
}

.accordion-item {
	border: solid 1px var(--cor-destaque-forte);
}

/*.show {
	background: #000 !important;
}*/

button.collapsed {
	background: transparent;
}

.accordion-button:not(.collapsed) {
    color: #fff !important;
    background-color: var(--cor-destaque-forte) !important;
    box-shadow: none;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}



@media (max-width: 767px) {

	h3 {
		font-size: 1.8em;
		padding-top: 20px;
		padding-bottom: 10px;
	}

	h2 {
		font-size: 1.5em;
		text-align: left;
	}

	.frase-obrigatoria {
		padding-left: 0px;
	}

	.branding {
		margin-bottom: 20px;
	}

}