/* ---- PÁGINA DE AJUDA DO PAINEL DE OFERTAS BÁSICAS ---- */

section.fmcsv-pob-content {
	padding-top: 56px;
	padding-bottom: 56px;
	text-align: center;
	font-family: var(--font-family-eesti-regular);
}

section.fmcsv-pob-content h1 {
	font-family: var(--font-family-eesti-bold);
	font-size: 20px;
	line-height: 23px;
	margin-bottom: 16px;
	margin-top: 0;
}

section.fmcsv-pob-content p {
	font-family: var(--font-family-eesti-regular);
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 16px;
	margin-top: 0;
}

img.fmcsv-pob-img-arrow {
	margin-top: 16px;
}

section.fmcsv-pob-content article h2 {
	font-family: var(--font-family-eesti-regular);
	font-size: 18px;
	line-height: 21px;
	margin-bottom: 8px;
	margin-top: 0;
}

.fmcsv-pob-moments article {
	margin-top: 48px;
}

.fmcsv-pob-moments article img {
	aspect-ratio: auto;
	max-height: 124px;
	margin-bottom: 32px;
}

@media (min-width: 768px) {
	section.fmcsv-pob-content-first {
		text-align: left;
	}

	.fmcsv-pob-moments {
		display: flex;
		flex-direction: row;
		gap: 24px;
	}

	.fmcsv-pob-moments article {
		flex: 1;
	}

	section.fmcsv-pob-content-second h1 + p {
		max-width: 545px;
		margin-right: auto;
		margin-left: auto;
	}

	.fmcsv-pob-moments article img {
		max-height: 100px;
	}
}

@media (min-width: 920px) {
	.fmcsv-pob-moments article img {
		max-height: 124px;
	}
}

/* ******************************************************* */
/* ---- PÁGINAS DE CONTEÚDO PAINEL DE OFERTAS BÁSICAS ---- */
/* ******************************************************* */

section.fmcsv-app-content {
	text-align: left;
	color: black;
	font-family: var(--font-family-eesti-regular);
	padding-top: 40px;
	padding-bottom: 40px;
}

section.fmcsv-app-content h1 {
	font-size: 45px;
	line-height: 1.15em;
	font-family: var(--font-family-eesti-bold);
	text-decoration: underline solid #FED26F;
	margin: 24px 0;
}

section.fmcsv-app-content h1 + h2 {
	color: #838488;
	font-style: italic;
	font-size: 23px;
	line-height: 1.15em;
	margin-bottom: 24px;
}

section.fmcsv-app-content h2.fmcsv-app-subheading {
	color: #1E1D36;
	font-size: 20px;
	line-height: 1.15em;
	font-family: var(--font-family-eesti-bold);
	margin: 0 0 16px;
}

section.fmcsv-app-content h3 {
	font-family: var(--font-family-eesti-regular);
	font-size: 18px;
	line-height: 21px;
	margin-bottom: 8px;
	margin-top: 0;
}

section.fmcsv-app-content .fmcsv-app-heading-button {
	font-size: 18px;
	line-height: 1.15em;
	font-family: var(--font-family-eesti-regular);
	margin: 32px 0 16px;
}

section.fmcsv-app-content p {
	font-size: 18px;
	line-height: 1.15em;
	margin-bottom: 16px;
}

section.fmcsv-app-content p small {
	font-size: 14px;
	line-height: 16px;
}

section.fmcsv-app-content ul {
	list-style-type: disc;
	padding-left: 16px;
}

section.fmcsv-app-content ul li {
	font-size: 14px;
	line-height: 16px;
	color: #656564;
	margin-bottom: 8px;
}

section.fmcsv-app-content ul[data-type="large"] li {
	margin-bottom: 16px;
}

section.fmcsv-app-content ul li a {
	color: #70A7A5;
	text-decoration: underline;
}

section.fmcsv-app-content-posts article {
	padding-bottom: 24px;
	margin-bottom: 32px;
	border-bottom: 1px solid rgba(30, 29, 54, 0.13);
}

section.fmcsv-app-content-posts article img {
	max-width: 343px;
	width: 100%;
	height: auto;
	margin-bottom: 16px;
}

section.fmcsv-app-content-posts article h1 {
	font-size: 28px;
	line-height: 1.15em;
	text-decoration: none;
	margin: 0 0 16px 0;
}

section.fmcsv-app-content-posts article p {
	font-size: 14px;
	line-height: 1.15em;
}

section.fmcsv-app-content-posts article:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

@media (min-width: 768px) {
	section.fmcsv-app-content-posts article {
		display: flex;
		flex-direction: row;
		gap: 24px;
	}

	section.fmcsv-app-content-posts article img {
		max-width: 343px;
		align-self: flex-start;
	}

	section.fmcsv-app-content-posts article > div {
		flex: 1;
	}

	section.fmcsv-app-content-posts article h1 {
		margin-top: -5px;
	}
}

/* ---- SEÇÃO: Seção principal da página de ajuda do Painel de Ofertas Básicas ---- */

.fmcsv-pob-help-main-section .fmcsv-app-video {
	padding: 0 16px 32px 16px;
}

@media (min-width: 768px) {
	section.fmcsv-pob-help-main-section {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	section.fmcsv-pob-help-main-section div {
		flex: 1;
	}

	.fmcsv-pob-help-main-section .fmcsv-app-video {
		padding: 0;
	}
}

/* ---- COMPONENTE: Lista de áreas com ícone ---- */

.fmcsv-pob-areas {
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-top: 24px;
}

.fmcsv-pob-areas article {
	flex-direction: row;
	text-align: left;
	display: flex;
	gap: 16px;
	align-items: flex-start;
}

.fmcsv-pob-areas article > div {
	flex: 1;
}

.fmcsv-pob-areas article img {
	width: 56px;
}

.fmcsv-pob-areas article h2 {
	font-family: var(--font-family-eesti-regular);
	font-size: 18px;
	line-height: 21px;
	margin-bottom: 8px;
	margin-top: 0;
}

.fmcsv-pob-areas article p {
	margin-bottom: 0;
	font-size: 14px;
	line-height: 16px;
}

/* ---- COMPONENTE: botões ---- */

/* Base, classe abstrata */
.fmcsv-app-btn {
	font-family: var(--font-family-eesti-bold);
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	color: white;
	transition: background-color 200ms;
}

/* Super botão azul grande e centralizado */
.fmcsv-app-btn-big-blue {
	background-color: #2C2F53;
	width: 300px;
	padding: 13px 16px;
	font-size: 14px;
	line-height: 17px;
	border-radius: 24px;
	margin: 32px auto 0 auto;
}

.fmcsv-app-btn-big-blue:hover {
	background-color: #545774 !important;
}

/* Botão verde de link para artigos e páginas de conteúdo ---- */
.fmcsv-app-btn-green {
	background-color: #7CA6A4;
	font-size: 14px;
	line-height: 1.15em;
	padding: 8px 16px;
	border-radius: 8px;
	margin: 0;
	width: fit-content;
}

.fmcsv-app-btn-green:hover {
	background-color: #96B8B6 !important;
}

/* ---- COMPONENT: Flex container to show the infographic sections ---- */

img.fmcsv-app-img-info {
	margin-bottom: 32px;
	max-width: 560px;
	width: 100%;
}

@media (min-width: 768px) {
	.fmcsv-app-info-outer {
		display: flex;
		flex-direction: row;
		gap: 24px;
		justify-content: space-between;
		align-items: center;
	}

	.fmcsv-app-info-outer > * {
		flex: 1;
	}

	.fmcsv-app-info-inner {
		display: flex;
		flex-direction: column;
		gap: 24px;
		justify-content: center;
		align-items: center;
	}

	.fmcsv-app-info-inner p {
		text-align: left;
	}

	.fmcsv-app-info-inner > * {
		margin: 0;
		max-width: 346px;
	}

	.fmcsv-app-info-inner[data-type="articule"] {
		gap: 8px;
	}

	.fmcsv-app-info-inner[data-type="articule"] > * {
		max-width: 570px;
	}
}

/* ---- COMPONENTE: Flex container to show some content columns ---- */

@media (min-width: 768px) {
	.fmcsv-app-flex-desktop-columns {
		display: flex;
		flex-direction: row;
		gap: 24px;
	}

	.fmcsv-app-flex-desktop-columns > * {
		flex: 1;
	}
}

/* ---- COMPONENTE: Título com ícone por área da lista de posts ---- */

.fmcsv-app-area-title {
	display: flex;
	gap: 20px;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 40px;
}

.fmcsv-app-area-title h2 {
	font-size: 28px;
	line-height: 1.15em;
	font-family: var(--font-family-eesti-bold);
	margin: 0;
}

/* ---- UTILITÁRIOS ---- */

.fmcsv-bg-white {
	background-color: white !important;
}

.fmcsv-bg-gray {
	background-color: #F5F5F7 !important;
}

.fmcsv-mt-32 {
	margin-top: 32px !important;
}

.fmcsv-color-green {
	color: #70A7A5 !important;
}

.fmcsv-color-yellow {
	color: #E0AC38 !important;
}

.fmcsv-color-blue {
	color: #1E1D36 !important;
}

.fmcsv-app-video {
	padding: 20px 8px 40px 8px;
}

.fmcsv-app-video iframe {
	border: 0;
	width: 100%;
	aspect-ratio: 16 / 9;
	border-radius: 10px;
	overflow: hidden;
}

@media (min-width: 768px) {
	.fmcsv-app-video {
		padding: 20px 0 40px 0;
	}
}