html,
body{
	margin:0;
	padding:0;
	overflow-x:hidden;
	font-family:Arial, Helvetica, sans-serif;
}

*{
	box-sizing:border-box;
}

img{
	max-width:100%;
	height:auto;
}

.container_oferecimento{
	width:100%;
	max-width:1100px;
	margin:0 auto;
	padding:28px 18px 40px 18px;
}

.topo_oferecimento{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	margin-bottom:24px;
	flex-wrap:nowrap;
}

.titulo_pagina{
	display:flex;
	align-items:center;
	gap:10px;
	font-size:26px;
	font-weight:800;
	color:#1a3e6e;
	margin:0;
	line-height:1.15;
	white-space:nowrap;
	min-width:0;
	flex:1 1 auto;
	overflow:hidden;
	text-overflow:ellipsis;
}

.icone_titulo{
	width:42px;
	height:42px;
	object-fit:contain;
	flex:0 0 auto;
}

.filtro_mes{
	display:flex;
	align-items:center;
	gap:8px;
	background:#f8fafc;
	padding:8px 10px;
	border-radius:10px;
	border:1px solid #dbe6f1;
	box-shadow:0 2px 8px rgba(0,0,0,0.04);
	flex:0 0 auto;
	white-space:nowrap;
}

.filtro_mes label{
	font-size:13px;
	font-weight:700;
	color:#1a3e6e;
}

.filtro_mes select{
	height:36px;
	padding:0 7px;
	border:1px solid #c8d6e4;
	border-radius:8px;
	font-size:13px;
	color:#333;
	background:#fff;
	max-width:120px;
}

.layout_oferecimento{
	display:grid;
	grid-template-columns:1.05fr 0.95fr;
	gap:24px;
	align-items:start;
}

.box_coluna{
	background:#fff;
	border:1px solid #d9e4ef;
	border-radius:16px;
	box-shadow:0 6px 18px rgba(0,0,0,0.07);
	overflow:hidden;
	display:flex;
	flex-direction:column;
	min-width:0;
}

.box_titulo{
	background:#1a3e6e;
	color:#ffffff;
	font-size:21px;
	font-weight:700;
	text-align:center;
	padding:13px 16px;
	letter-spacing:0.2px;
}

.box_conteudo,
.box_conteudo_video{
	padding:18px;
}

.video_box{
	position:relative;
	padding-bottom:58%;
	height:0;
	overflow:hidden;
	border-radius:12px;
	background:#000;
	box-shadow:0 4px 12px rgba(0,0,0,0.12);
}

.video_box iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:none;
}

.video_indisponivel{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	min-height:260px;
	border-radius:12px;
	background:#f7f9fc;
	border:1px dashed #c6d5e6;
	color:#4f6280;
	text-align:center;
	padding:18px 16px;
	font-size:17px;
	font-weight:700;
	line-height:1.4;
	box-shadow:0 4px 12px rgba(0,0,0,0.06);
}

.texto_oferecimento{
	color:#1a3e6e;
	text-align:left;
	font-size:17px;
	line-height:1.6;
	font-weight:400;
	letter-spacing:0;
	word-spacing:0;
}

.texto_oferecimento p{
	margin:0;
}

.intencao_destaque{
	margin-top:16px;
	color:#ffffff;
	padding:18px;
	border-radius:14px;
	text-align:left;
	box-shadow:0 6px 14px rgba(0,0,0,0.10);
	border:1px solid rgba(255,255,255,0.08);
	font-size:17px;
	line-height:1.6;
	font-weight:400;
}

.intencao_destaque p{
	margin:0 0 4px 0;
}

.intencao_destaque p:last-child{
	margin-bottom:0;
}

.intencao_destaque strong{
	font-size:17px;
	font-weight:700;
	display:block;
	margin-bottom:4px;
}

.bloco_extra{
	margin-top:28px;
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:18px;
}

.card_extra{
	background:#fff;
	border:1px solid #d9e4ef;
	border-radius:12px;
	overflow:hidden;
	box-shadow:0 4px 12px rgba(0,0,0,0.06);
	text-decoration:none;
	color:#1a3e6e;
	transition:.2s;
	min-width:0;
}

.card_extra:hover{
	transform:translateY(-4px);
	box-shadow:0 8px 18px rgba(0,0,0,0.10);
}

.card_extra_titulo{
	background:#1a3e6e;
	color:#ffffff;
	font-size:16px;
	font-weight:700;
	text-align:center;
	padding:11px 12px;
}

.card_extra img{
	width:100%;
	height:210px;
	object-fit:cover;
	display:block;
}

@media(max-width:900px){
	.container_oferecimento{
		max-width:100%;
		padding:22px 14px 35px 14px;
	}

	.topo_oferecimento{
		flex-direction:column;
		align-items:stretch;
		gap:14px;
	}

	.titulo_pagina{
		white-space:normal;
		overflow:visible;
		text-overflow:clip;
		font-size:24px;
		justify-content:center;
		text-align:center;
	}

	.filtro_mes{
		width:100%;
		justify-content:center;
		flex-wrap:wrap;
	}

	.layout_oferecimento{
		grid-template-columns:1fr;
	}

	.bloco_extra{
		grid-template-columns:repeat(2,1fr);
	}
}

@media(max-width:560px){
	.container_oferecimento{
		padding:18px 10px 30px 10px;
	}

	.titulo_pagina{
		font-size:21px;
		line-height:1.25;
	}

	.icone_titulo{
		width:34px;
		height:34px;
	}

	.filtro_mes{
		padding:9px;
		gap:7px;
	}

	.filtro_mes label{
		width:100%;
		text-align:center;
		font-size:13px;
	}

	.filtro_mes select{
		flex:1 1 calc(50% - 8px);
		max-width:none;
		font-size:13px;
		height:36px;
	}

	.box_titulo{
		font-size:19px;
	}

	.texto_oferecimento,
	.intencao_destaque{
		font-size:16px;
		line-height:1.55;
	}

	.intencao_destaque strong{
		font-size:16px;
	}

	.video_indisponivel{
		font-size:15px;
		min-height:180px;
	}

	.bloco_extra{
		grid-template-columns:1fr;
	}

	.card_extra img{
		height:190px;
	}
}