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:30px 20px 42px;
}

/* =========================================================
   HERO / CABEÇALHO
========================================================= */

.hero_oferecimento{
	display:grid;
	grid-template-columns:minmax(0,1fr) auto;
	align-items:center;
	gap:20px;
	margin-bottom:24px;
	padding:26px 28px;
	border:1px solid #dde7f4;
	border-radius:22px;
	background:
		radial-gradient(circle at 96% 8%, rgba(255,255,255,.96), transparent 32%),
		linear-gradient(135deg,#ffffff 0%,#f8fbff 68%,#fff8df 100%);
	box-shadow:0 12px 30px rgba(26,62,110,.10);
	position:relative;
	overflow:hidden;
}

.hero_oferecimento::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:5px;
	background:linear-gradient(90deg,#1a3e6e 0%,#d8a327 54%,#7b2f3a 100%);
}

.oferecimento_selo{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:max-content;
	padding:7px 15px;
	border-radius:999px;
	background:#1a3e6e;
	color:#ffffff;
	font-size:11px;
	font-weight:800;
	line-height:1;
	text-transform:uppercase;
	letter-spacing:.35px;
	margin-bottom:12px;
}

.titulo_pagina{
	display:flex;
	align-items:center;
	gap:14px;
	margin:0;
	font-family:Georgia,"Times New Roman",serif;
	line-height:1.05;
	font-weight:800;
}

.icone_titulo{
	width:50px;
	height:50px;
	object-fit:contain;
	flex:0 0 auto;
	filter:drop-shadow(0 4px 8px rgba(123,47,58,.14));
}

.titulo_pagina span{
	display:flex;
	flex-direction:column;
	gap:4px;
	min-width:0;
}

.titulo_pagina strong{
	display:block;
	color:#1a3e6e;
	font-family:Georgia,"Times New Roman",serif;
	font-size:43px;
	line-height:1.03;
	font-weight:800;
	letter-spacing:-.45px;
}

.titulo_pagina em{
	display:block;
	width:max-content;
	max-width:100%;
	color:#9b7418;
	background:#fff8df;
	border:1px solid #ead7a6;
	border-radius:999px;
	padding:5px 13px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:16px;
	line-height:1.15;
	font-weight:800;
	letter-spacing:.1px;
}

.hero_oferecimento_texto p{
	max-width:720px;
	margin:14px 0 0;
	color:#40566f;
	font-size:16px;
	font-weight:600;
	line-height:1.45;
}

/* =========================================================
   FILTRO
========================================================= */

.filtro_mes{
	display:flex;
	flex-direction:column;
	align-items:stretch;
	gap:8px;
	background:#ffffff;
	padding:13px;
	border-radius:14px;
	border:1px solid #dbe6f1;
	box-shadow:0 6px 16px rgba(26,62,110,.08);
	min-width:248px;
}

.filtro_mes label{
	font-size:13px;
	font-weight:800;
	color:#1a3e6e;
	text-align:center;
	letter-spacing:.15px;
}

.filtro_campos{
	display:grid;
	grid-template-columns:1fr 88px;
	gap:8px;
}

.filtro_mes select{
	height:39px;
	padding:0 8px;
	border:1px solid #c8d6e4;
	border-radius:10px;
	font-size:13px;
	font-weight:700;
	color:#25384f;
	background:#fff;
}

/* =========================================================
   LAYOUT PRINCIPAL
========================================================= */

.layout_oferecimento{
	display:grid;
	grid-template-columns:.92fr 1.08fr;
	gap:22px;
	align-items:stretch;
}

.box_coluna{
	background:#ffffff;
	border:1px solid #d9e4ef;
	border-radius:20px;
	box-shadow:0 10px 26px rgba(26,62,110,.10);
	overflow:hidden;
	display:flex;
	flex-direction:column;
	min-width:0;
}

.box_titulo{
	background:linear-gradient(180deg,#234f85,#1a3e6e);
	color:#ffffff;
	font-family:Georgia,"Times New Roman",serif;
	font-size:23px;
	font-weight:800;
	text-align:center;
	padding:14px 16px;
	letter-spacing:.15px;
}

.box_texto .box_titulo{
	background:linear-gradient(180deg,#244f84,#1a3e6e);
	position:relative;
}

.box_texto .box_titulo::after{
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	width:86px;
	height:3px;
	transform:translateX(-50%);
	background:#d8a327;
	border-radius:999px 999px 0 0;
}

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

/* =========================================================
   VÍDEO
========================================================= */

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

.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:15px;
	background:#f7f9fc;
	border:1px dashed #c6d5e6;
	color:#4f6280;
	text-align:center;
	padding:18px 16px;
	font-size:17px;
	font-weight:800;
	line-height:1.4;
	box-shadow:0 4px 12px rgba(0,0,0,.06);
}

.frase_oferecimento{
	margin-top:16px;
	padding:16px 18px;
	border-radius:15px;
	border:1px solid #ead7a6;
	background:linear-gradient(135deg,#fffdf7,#fff3d0);
	box-shadow:0 6px 16px rgba(216,163,39,.10);
	text-align:center;
}

.frase_oferecimento strong{
	display:block;
	margin-bottom:5px;
	color:#9d6f10;
	font-family:Georgia,"Times New Roman",serif;
	font-size:19px;
}

.frase_oferecimento span{
	display:block;
	color:#26384d;
	font-size:14.5px;
	font-weight:700;
	line-height:1.38;
}

/* =========================================================
   OFERECIMENTO DO DIA
========================================================= */

.box_texto .box_conteudo{
	padding:20px 26px 22px;
}

.oracao_oferecimento_layout,
.oracao_oferecimento_sem_imagem{
	display:block;
	width:100%;
	max-width:760px;
	margin:0 auto;
	padding:0;
}

.imagem_sagrado_coracao{
	display:none !important;
}

.texto_oferecimento{
	position:relative;
	width:100%;
	max-width:760px;
	margin:0 auto;
	color:#172b46;
	text-align:left;
	font-family:Georgia,"Times New Roman",serif;
	font-size:18.5px;
	line-height:1.58;
	font-weight:650;
	letter-spacing:0;
	word-spacing:0;
	padding:0 4px 4px;
}

.texto_oferecimento p{
	margin:0;
	text-align:center;
}

.texto_oferecimento p::first-letter{
	font-size:34px;
	line-height:.9;
	font-weight:800;
	color:#b68010;
	font-family:Georgia,"Times New Roman",serif;
}

.icone_oracao_livro,
.ornamento_texto_oferecimento{
	display:none !important;
}

/* =========================================================
   INTENÇÃO MUNDIAL
========================================================= */

.intencao_papa_box{
	margin:24px 0 20px;
	display:grid;
	grid-template-columns:82px minmax(0,1fr);
	gap:22px;
	align-items:center;
	padding:28px 30px;
	border-radius:22px;
	border:1px solid rgba(255,255,255,.22);
	background:
		linear-gradient(135deg,var(--cor-tema, #1a3e6e),var(--cor-tema-escura, #16345c));
	box-shadow:0 14px 30px rgba(26,62,110,.16);
	color:#ffffff;
	overflow:hidden;
	position:relative;
}

.intencao_papa_box::after{
	content:"";
	position:absolute;
	right:-48px;
	top:-48px;
	width:170px;
	height:170px;
	border-radius:50%;
	background:rgba(255,255,255,.10);
}

.intencao_papa_icone{
	width:66px;
	height:66px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	background:rgba(255,255,255,.18);
	border:1px solid rgba(255,255,255,.26);
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:35px;
	font-weight:800;
	box-shadow:0 8px 18px rgba(0,0,0,.14);
}

.intencao_papa_texto{
	position:relative;
	z-index:1;
}

.intencao_papa_texto h2{
	margin:0 0 5px;
	color:#ffffff;
	font-family:Georgia,"Times New Roman",serif;
	font-size:30px;
	line-height:1.08;
	font-weight:800;
}

.intencao_papa_subtitulo{
	margin:0 0 12px;
	color:rgba(255,255,255,.86);
	font-size:13px;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:.35px;
}

.intencao_destaque{
	color:#ffffff;
	text-align:left;
	font-size:20px;
	line-height:1.68;
	font-weight:500;
}

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

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

.intencao_destaque strong{
	font-size:21px;
	font-weight:800;
	display:block;
	margin-bottom:6px;
}

/* =========================================================
   CHAMADA ANTES DO CONTINUE REZANDO
========================================================= */

.chamada_continue_rezando{
	margin:20px auto 10px;
	max-width:820px;
	text-align:center;
	color:#1a3e6e;
}

.ornamento_oferecimento{
	display:flex;
	align-items:center;
	justify-content:center;
	width:40px;
	height:40px;
	margin:0 auto 8px;
	border-radius:50%;
	background:#fff8df;
	border:1px solid #ead7a6;
	color:#b68010;
	font-family:Georgia,"Times New Roman",serif;
	font-size:22px;
	font-weight:800;
}

.chamada_continue_rezando p{
	margin:0;
	color:#40566f;
	font-size:15px;
	line-height:1.45;
	font-weight:600;
}

/* =========================================================
   BOTÃO TOPO
========================================================= */

.btn_voltar_topo{
	position:fixed;
	right:18px;
	bottom:18px;
	width:38px;
	height:38px;
	border-radius:50%;
	border:none;
	background:rgba(26,62,110,.82);
	color:#fff;
	font-size:20px;
	font-weight:700;
	cursor:pointer;
	display:none;
	align-items:center;
	justify-content:center;
	box-shadow:0 4px 12px rgba(0,0,0,.18);
	z-index:999;
	opacity:.85;
}

.btn_voltar_topo:hover{
	opacity:1;
	background:#1a3e6e;
}

.btn_voltar_topo.mostrar{
	display:flex;
}

/* =========================================================
   MODO ESCURO
========================================================= */

body.modo-escuro .hero_oferecimento,
body.modo-escuro .box_coluna{
	background:#182230;
	border-color:#2b3a4d;
	box-shadow:0 12px 28px rgba(0,0,0,.24);
}

body.modo-escuro .titulo_pagina strong{
	color:#f4f8ff;
}

body.modo-escuro .titulo_pagina em{
	color:#f1d891;
	background:#101a27;
	border-color:#2b3a4d;
}

body.modo-escuro .hero_oferecimento_texto p,
body.modo-escuro .texto_oferecimento,
body.modo-escuro .chamada_continue_rezando p{
	color:#d7e2f1;
}

body.modo-escuro .filtro_mes,
body.modo-escuro .frase_oferecimento,
body.modo-escuro .ornamento_oferecimento{
	background:#101a27;
	border-color:#2b3a4d;
}

body.modo-escuro .frase_oferecimento span{
	color:#d7e2f1;
}

body.modo-escuro .video_indisponivel{
	background:#101a27;
	border-color:#2b3a4d;
	color:#d7e2f1;
}

/* =========================================================
   RESPONSIVO
========================================================= */

@media(max-width:900px){

	.container_oferecimento{
		max-width:100%;
		padding:24px 14px 36px;
	}

	.hero_oferecimento{
		grid-template-columns:1fr;
		text-align:center;
		padding:24px 18px;
	}

	.oferecimento_selo{
		margin-left:auto;
		margin-right:auto;
	}

	.titulo_pagina{
		justify-content:center;
	}

	.titulo_pagina em{
		margin-left:auto;
		margin-right:auto;
	}

	.titulo_pagina strong{
		font-size:37px;
	}

	.titulo_pagina em{
		font-size:16px;
	}

	.hero_oferecimento_texto p{
		margin-left:auto;
		margin-right:auto;
	}

	.filtro_mes{
		width:100%;
		max-width:440px;
		margin:0 auto;
	}

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

	.texto_oferecimento{
		max-width:820px;
		font-size:18px;
		line-height:1.56;
	}
}

@media(max-width:560px){

	.container_oferecimento{
		padding:20px 10px 34px;
	}

	.hero_oferecimento{
		border-radius:18px;
		padding:22px 14px;
	}

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

	.titulo_pagina strong{
		font-size:30px;
		line-height:1.04;
	}

	.titulo_pagina em{
		font-size:15px;
	}

	.filtro_mes label{
		font-size:12.5px;
	}

	.filtro_campos{
		grid-template-columns:1fr 90px;
	}

	.box_titulo{
		font-size:21px;
	}

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

	.box_texto .box_conteudo{
		padding:17px 15px 19px;
	}

	.texto_oferecimento{
		font-size:16.8px;
		line-height:1.50;
	}

	.texto_oferecimento p::first-letter{
		font-size:30px;
	}

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

	.intencao_papa_box{
		grid-template-columns:1fr;
		text-align:center;
		padding:25px 17px;
	}

	.intencao_papa_icone{
		width:62px;
		height:62px;
		font-size:33px;
		margin:0 auto;
	}

	.intencao_papa_texto h2{
		font-size:27px;
	}

	.intencao_papa_subtitulo{
		font-size:12px;
	}

	.intencao_destaque{
		text-align:center;
		font-size:18px;
		line-height:1.60;
	}

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

	.chamada_continue_rezando{
		margin-top:18px;
	}

	.chamada_continue_rezando p{
		font-size:14px;
	}
}

@media(max-width:430px){

	.titulo_pagina{
		gap:10px;
	}

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

	.titulo_pagina strong{
		font-size:27px;
	}

	.filtro_mes{
		padding:10px;
	}

	.filtro_campos{
		grid-template-columns:1fr 82px;
	}

	.texto_oferecimento{
		font-size:16.2px;
		line-height:1.46;
	}

	.intencao_destaque{
		font-size:17px;
		line-height:1.56;
	}
}


/* Ajuste v8 - Intenção do Papa mais limpa */
.intencao_papa_texto h2{
	margin:0 0 12px;
}

.intencao_papa_texto .intencao_destaque{
	margin:0;
}

/* =========================================================
   AJUSTES V9 - OFERECIMENTO DIÁRIO
   - mantém cor rotativa da intenção pelo mês
   - melhora tamanho dos campos do mês/ano no mobile
   - oculta o card de Oferecimento dentro do Continue Rezando
========================================================= */

.filtro_mes{
	border-color:rgba(123,47,58,.22);
}

.filtro_mes label{
	background:linear-gradient(180deg,#8a1f2d,#6f1824);
	color:#ffffff;
	border-radius:9px;
	padding:9px 12px;
	font-size:14px;
	line-height:1.1;
}

.filtro_mes select{
	height:44px;
	font-size:16px;
	font-weight:700;
	color:#1d2f48;
}

@supports selector(:has(*)){
	.container_oferecimento a[href*="oferecimento_diario"]:has(img),
	.container_oferecimento a[href*="oferecimento_diario"]{
	}

	.container_oferecimento .card_continue:has(a[href*="oferecimento_diario"]),
	.container_oferecimento .continue_card:has(a[href*="oferecimento_diario"]),
	.container_oferecimento .card_devocional:has(a[href*="oferecimento_diario"]),
	.container_oferecimento .card_oracao:has(a[href*="oferecimento_diario"]),
	.container_oferecimento .portal_card:has(a[href*="oferecimento_diario"]),
	.container_oferecimento .conteudo_card:has(a[href*="oferecimento_diario"]),
	.container_oferecimento .item_continue:has(a[href*="oferecimento_diario"]),
	.container_oferecimento article:has(a[href*="oferecimento_diario"]),
	.container_oferecimento li:has(a[href*="oferecimento_diario"]){
		display:none !important;
	}
}

@media(max-width:560px){
	.filtro_mes{
		padding:12px;
		gap:10px;
	}

	.filtro_mes label{
		font-size:14px;
		padding:9px 10px;
	}

	.filtro_mes select{
		height:46px;
		font-size:17px;
		padding:0 10px;
	}

	.filtro_campos{
		grid-template-columns:1fr 96px;
		gap:9px;
	}
}

@media(max-width:430px){
	.filtro_mes select{
		font-size:16.5px;
	}

	.filtro_campos{
		grid-template-columns:1fr 90px;
	}
}


/* =========================================================
   AJUSTES V10
   - remove destaque em retângulo do mês no título
   - aumenta e valoriza o seletor de mês/ano
   - a chamada acima do Continue Rezando foi removida no ASP
========================================================= */

.titulo_pagina span{
	gap:7px;
}

.titulo_pagina em{
	width:auto;
	max-width:100%;
	padding:0;
	background:transparent;
	border:none;
	border-radius:0;
	color:#7b2f3a;
	font-family:Georgia,"Times New Roman",serif;
	font-size:21px;
	line-height:1.18;
	font-weight:800;
	letter-spacing:.15px;
}

.titulo_pagina em::after{
	content:"";
	display:block;
	width:92px;
	height:3px;
	margin:7px 0 0;
	border-radius:999px;
	background:linear-gradient(90deg,#7b2f3a,#d8a327);
}

.filtro_mes{
	min-width:286px;
	padding:15px;
	gap:11px;
}

.filtro_mes label{
	font-size:15px;
	padding:10px 12px;
}

.filtro_campos{
	grid-template-columns:1fr 98px;
	gap:10px;
}

.filtro_mes select{
	height:48px;
	font-size:18px;
	font-weight:800;
	padding:0 12px;
}

body.modo-escuro .titulo_pagina em{
	color:#f1d891;
	background:transparent;
	border:none;
}

@media(max-width:900px){
	.titulo_pagina em::after{
		margin-left:auto;
		margin-right:auto;
	}
}

@media(max-width:560px){
	.titulo_pagina em{
		font-size:19px;
	}

	.filtro_mes{
		max-width:100%;
		padding:13px;
	}

	.filtro_mes label{
		font-size:15px;
	}

	.filtro_campos{
		grid-template-columns:1fr 98px;
	}

	.filtro_mes select{
		height:48px;
		font-size:17px;
	}
}

@media(max-width:430px){
	.titulo_pagina em{
		font-size:18px;
	}

	.filtro_campos{
		grid-template-columns:1fr 92px;
	}

	.filtro_mes select{
		font-size:16.5px;
		padding:0 9px;
	}
}


/* V11 Mobile refinements */
@media(max-width:560px){
.hero_oferecimento{padding:16px 12px;gap:12px;}
.titulo_pagina em{font-size:22px;font-weight:800;}
.filtro_mes{max-width:320px;margin:0 auto;padding:10px 12px;align-items:center;}
.filtro_mes label{font-size:17px;padding:0;background:transparent;color:#7b2f3a;border:none;}
.filtro_campos{width:100%;display:flex;justify-content:center;gap:10px;}
.filtro_mes select{flex:1;max-width:145px;height:44px;font-size:16px;}
.intencao_papa_box{padding:16px 14px;margin:16px 0 8px;}
.intencao_papa_icone{width:46px;height:46px;font-size:24px;}
.intencao_papa_texto h2{font-size:23px;margin-bottom:8px;}
.intencao_destaque{font-size:16px;line-height:1.45;}
}


/* =========================================================
   AJUSTES V12
   - remove texto repetitivo no topo (ASP)
   - mês/ano com mais destaque no mobile
   - seletor mês/ano no padrão azul no smartphone/iPhone
========================================================= */

@media(max-width:560px){
	.hero_oferecimento{
		padding:15px 12px;
		gap:10px;
	}

	.hero_oferecimento_texto p{
		display:none !important;
	}

	.titulo_pagina span{
		gap:8px;
	}

	.titulo_pagina em{
		font-size:24px;
		line-height:1.15;
		font-weight:900;
		color:#7b2f3a;
	}

	.titulo_pagina em::after{
		width:112px;
		height:3px;
		margin-top:8px;
	}

	.filtro_mes{
		max-width:322px;
		margin:0 auto;
		padding:11px 12px 12px;
		align-items:center;
		border-color:#dbe6f1;
	}

	.filtro_mes label{
		width:100%;
		background:linear-gradient(180deg,#234f85,#1a3e6e);
		color:#ffffff;
		border-radius:10px;
		padding:9px 12px;
		font-size:15px;
		line-height:1.1;
		text-align:center;
	}

	.filtro_campos{
		width:100%;
		display:flex;
		justify-content:center;
		gap:10px;
	}

	.filtro_mes select{
		flex:1 1 0;
		max-width:145px;
		height:45px;
		font-size:16.5px;
		font-weight:800;
	}
}

@media(max-width:430px){
	.titulo_pagina em{
		font-size:23px;
	}

	.filtro_mes{
		max-width:304px;
	}

	.filtro_mes label{
		font-size:14.5px;
	}

	.filtro_mes select{
		max-width:136px;
		font-size:16px;
		padding:0 8px;
	}
}

/* =========================================================
   AJUSTES V13
   - título do Continue Rezando em 1 linha no responsivo
   - seletor mês/ano no padrão azul também desktop/tablet
   - mês/ano do topo mais destacado
   - boxes do Continue Rezando mais compactos no responsivo
========================================================= */

.filtro_mes label{
	background:linear-gradient(180deg,#234f85,#1a3e6e) !important;
	color:#ffffff !important;
	border-color:transparent !important;
}

.titulo_pagina em{
	font-size:24px;
	color:#1a3e6e;
}

.titulo_pagina em::after{
	background:linear-gradient(90deg,#1a3e6e,#d8a327);
}

body.modo-escuro .titulo_pagina em{
	color:#f1d891;
}

@media(max-width:900px){
	.titulo_pagina em{
		font-size:28px;
		line-height:1.12;
	}

	.filtro_mes{
		max-width:360px;
		align-items:center;
	}

	.filtro_mes label{
		width:100%;
		text-align:center;
	}

	/* Continue Rezando - título em uma linha no tablet */
	.container_oferecimento [class*="continue"] h1,
	.container_oferecimento [class*="continue"] h2,
	.container_oferecimento [class*="continue"] .titulo,
	.container_oferecimento [class*="continue"] .titulo_secao,
	.container_oferecimento [class*="continue"] .titulo_sessao{
		white-space:nowrap !important;
		font-size:clamp(25px,4.2vw,38px) !important;
		line-height:1.05 !important;
	}

	/* Cards/boxes mais compactos no responsivo */
	.container_oferecimento [class*="continue"] .card,
	.container_oferecimento [class*="continue"] .card_continue,
	.container_oferecimento [class*="continue"] .continue_card,
	.container_oferecimento [class*="continue"] .card_devocional,
	.container_oferecimento [class*="continue"] .card_oracao,
	.container_oferecimento [class*="continue"] .portal_card,
	.container_oferecimento [class*="continue"] .conteudo_card,
	.container_oferecimento [class*="continue"] .item_continue{
		min-height:0 !important;
	}

	.container_oferecimento [class*="continue"] .card img,
	.container_oferecimento [class*="continue"] .card_continue img,
	.container_oferecimento [class*="continue"] .continue_card img,
	.container_oferecimento [class*="continue"] .card_devocional img,
	.container_oferecimento [class*="continue"] .card_oracao img,
	.container_oferecimento [class*="continue"] .portal_card img,
	.container_oferecimento [class*="continue"] .conteudo_card img,
	.container_oferecimento [class*="continue"] .item_continue img{
		max-height:145px !important;
		object-fit:contain !important;
	}
}

@media(max-width:560px){
	.container_oferecimento{
		padding-top:14px;
	}

	.hero_oferecimento{
		padding:13px 11px;
		gap:8px;
		margin-bottom:16px;
	}

	.titulo_pagina em{
		font-size:27px;
		line-height:1.1;
	}

	.titulo_pagina em::after{
		width:124px;
		margin-top:7px;
	}

	.filtro_mes{
		max-width:310px;
		padding:10px 11px;
		gap:8px;
	}

	.filtro_mes label{
		background:linear-gradient(180deg,#234f85,#1a3e6e) !important;
		color:#ffffff !important;
		font-size:14.5px;
		padding:8px 10px;
	}

	.filtro_campos{
		gap:8px;
	}

	.filtro_mes select{
		height:42px;
		font-size:15.8px;
	}

	/* Continue Rezando - força 1 linha no smartphone/iPhone */
	.container_oferecimento [class*="continue"] h1,
	.container_oferecimento [class*="continue"] h2,
	.container_oferecimento [class*="continue"] .titulo,
	.container_oferecimento [class*="continue"] .titulo_secao,
	.container_oferecimento [class*="continue"] .titulo_sessao{
		white-space:nowrap !important;
		font-size:clamp(20px,5.35vw,25px) !important;
		line-height:1.05 !important;
		letter-spacing:-.25px !important;
	}

	.container_oferecimento [class*="continue"] p{
		font-size:14px !important;
		line-height:1.25 !important;
		margin-top:6px !important;
	}

	.container_oferecimento [class*="continue"] .card,
	.container_oferecimento [class*="continue"] .card_continue,
	.container_oferecimento [class*="continue"] .continue_card,
	.container_oferecimento [class*="continue"] .card_devocional,
	.container_oferecimento [class*="continue"] .card_oracao,
	.container_oferecimento [class*="continue"] .portal_card,
	.container_oferecimento [class*="continue"] .conteudo_card,
	.container_oferecimento [class*="continue"] .item_continue{
		border-radius:15px !important;
	}

	.container_oferecimento [class*="continue"] .card img,
	.container_oferecimento [class*="continue"] .card_continue img,
	.container_oferecimento [class*="continue"] .continue_card img,
	.container_oferecimento [class*="continue"] .card_devocional img,
	.container_oferecimento [class*="continue"] .card_oracao img,
	.container_oferecimento [class*="continue"] .portal_card img,
	.container_oferecimento [class*="continue"] .conteudo_card img,
	.container_oferecimento [class*="continue"] .item_continue img{
		max-height:118px !important;
		object-fit:contain !important;
	}

	.container_oferecimento [class*="continue"] h3,
	.container_oferecimento [class*="continue"] .card h3,
	.container_oferecimento [class*="continue"] .card_continue h3,
	.container_oferecimento [class*="continue"] .continue_card h3,
	.container_oferecimento [class*="continue"] .card_devocional h3,
	.container_oferecimento [class*="continue"] .card_oracao h3,
	.container_oferecimento [class*="continue"] .portal_card h3,
	.container_oferecimento [class*="continue"] .conteudo_card h3,
	.container_oferecimento [class*="continue"] .item_continue h3{
		font-size:22px !important;
		line-height:1.02 !important;
		margin-top:10px !important;
		margin-bottom:6px !important;
	}
}

@media(max-width:430px){
	.titulo_pagina em{
		font-size:25px;
	}

	.filtro_mes{
		max-width:292px;
	}

	.filtro_mes select{
		height:41px;
		font-size:15px;
	}

	.container_oferecimento [class*="continue"] h1,
	.container_oferecimento [class*="continue"] h2,
	.container_oferecimento [class*="continue"] .titulo,
	.container_oferecimento [class*="continue"] .titulo_secao,
	.container_oferecimento [class*="continue"] .titulo_sessao{
		font-size:clamp(19px,5.25vw,22px) !important;
	}

	.container_oferecimento [class*="continue"] .card img,
	.container_oferecimento [class*="continue"] .card_continue img,
	.container_oferecimento [class*="continue"] .continue_card img,
	.container_oferecimento [class*="continue"] .card_devocional img,
	.container_oferecimento [class*="continue"] .card_oracao img,
	.container_oferecimento [class*="continue"] .portal_card img,
	.container_oferecimento [class*="continue"] .conteudo_card img,
	.container_oferecimento [class*="continue"] .item_continue img{
		max-height:106px !important;
	}
}


/* =========================================================
   AJUSTES V14
   - apenas mês/ano com cor de destaque no topo
   - Intenção do Papa com degradê cor do mês + dourado
   - botão final Voltar ao Início
========================================================= */

.titulo_pagina strong{
	color:#1a3e6e;
}

.titulo_pagina em{
	color:var(--cor-tema,#7b2f3a) !important;
	background:transparent !important;
	border:none !important;
	box-shadow:none !important;
}

.titulo_pagina em::after{
	display:none !important;
}

.intencao_papa_box{
	background:
		radial-gradient(circle at 92% 8%, rgba(255,232,154,.26), transparent 34%),
		linear-gradient(135deg,
			var(--cor-tema,#1a3e6e) 0%,
			var(--cor-tema-escura,#16345c) 36%,
			#c9972f 72%,
			#8f651a 100%) !important;
	box-shadow:0 12px 28px rgba(162,120,30,.18);
}

.intencao_papa_box::after{
	background:rgba(255,221,120,.18) !important;
	border:1px solid rgba(255,240,180,.25);
}

.intencao_papa_icone{
	background:rgba(255,244,202,.17);
	border-color:rgba(255,240,180,.30);
}


body.modo-escuro .titulo_pagina strong{
	color:#f4f8ff;
}

body.modo-escuro .titulo_pagina em{
	color:#f1d891 !important;
}

@media(max-width:900px){
	.titulo_pagina strong{
		color:#1a3e6e;
	}

	.titulo_pagina em{
		font-size:29px;
		color:var(--cor-tema,#7b2f3a) !important;
	}

	.acao_final_oferecimento{
		margin-top:18px;
	}
}

@media(max-width:560px){
	.titulo_pagina strong{
		color:#1a3e6e;
	}

	.titulo_pagina em{
		font-size:28px;
		line-height:1.08;
	}

	.acao_final_oferecimento{
		margin-top:15px;
	}

	.btn_inicio_oferecimento{
		min-height:43px;
		padding:0 21px;
		font-size:14.5px;
	}
}

@media(max-width:430px){
	.titulo_pagina em{
		font-size:26px;
	}

	.btn_inicio_oferecimento{
		width:auto;
		max-width:92%;
	}
}

.navegacao_paginas a{
    min-width:190px;
    padding:12px 22px;
    border-radius:12px;
    background:linear-gradient(180deg,#234f85,#1a3e6e);
    color:#fff;
    text-decoration:none;
    text-align:center;
    font-weight:700;
}
.navegacao_paginas a:hover{background:#d8a327;color:#1a3e6e;}
@media(max-width:768px){
 .navegacao_paginas{flex-direction:column;}
 .navegacao_paginas a{max-width:320px;width:100%;margin:0 auto;}
}

/* =========================================================
   AJUSTE V17 — TOPO MAIS COMPACTO
   - reduz a altura no desktop
   - mantém tablet lado a lado
   - deixa o seletor mês/ano em uma linha no smartphone
========================================================= */

/* DESKTOP */
.hero_oferecimento{
	gap:18px;
	padding:18px 22px;
	margin-bottom:20px;
}

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

.titulo_pagina{
	gap:12px;
}

.titulo_pagina span{
	gap:4px;
}

.titulo_pagina strong{
	font-size:40px;
	line-height:1;
}

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

.filtro_mes{
	min-width:270px;
	padding:10px 11px;
	gap:7px;
	border-radius:13px;
}

.filtro_mes label{
	padding:7px 10px;
	font-size:13.5px;
	line-height:1;
}

.filtro_campos{
	grid-template-columns:1fr 92px;
	gap:8px;
}

.filtro_mes select{
	height:40px;
	padding:0 10px;
	font-size:16px;
}

/* TABLET: evita que o topo fique alto por empilhar cedo demais */
@media (min-width:681px) and (max-width:900px){

	.container_oferecimento{
		padding-top:20px;
	}

	.hero_oferecimento{
		grid-template-columns:minmax(0,1fr) 270px;
		text-align:left;
		gap:16px;
		padding:17px 18px;
	}

	.titulo_pagina{
		justify-content:flex-start;
	}

	.titulo_pagina em{
		margin-left:0;
		margin-right:0;
		font-size:22px;
	}

	.titulo_pagina strong{
		font-size:34px;
	}

	.filtro_mes{
		width:270px;
		max-width:270px;
		margin:0;
	}
}

/* SMARTPHONE / IPHONE */
@media (max-width:680px){

	.container_oferecimento{
		padding-top:12px;
	}

	.hero_oferecimento{
		grid-template-columns:1fr;
		gap:9px;
		padding:12px 10px;
		margin-bottom:15px;
		border-radius:17px;
	}

	.titulo_pagina{
		justify-content:center;
		gap:9px;
	}

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

	.titulo_pagina span{
		gap:2px;
	}

	.titulo_pagina strong{
		font-size:28px;
		line-height:1;
		letter-spacing:-.25px;
	}

	.titulo_pagina em{
		margin-left:auto;
		margin-right:auto;
		font-size:20px;
		line-height:1.05;
	}

	.filtro_mes{
		width:100%;
		max-width:100%;
		min-width:0;
		margin:0;
		padding:7px 8px;
		display:grid;
		grid-template-columns:112px minmax(0,1fr);
		align-items:center;
		gap:8px;
		border-radius:12px;
	}

	.filtro_mes label{
		width:112px;
		min-height:38px;
		padding:0 7px;
		display:flex;
		align-items:center;
		justify-content:center;
		font-size:12.5px;
		line-height:1.05;
		border-radius:9px;
		white-space:nowrap;
	}

	.filtro_campos{
		width:100%;
		display:grid;
		grid-template-columns:minmax(0,1fr) 78px;
		gap:7px;
	}

	.filtro_mes select{
		width:100%;
		max-width:none;
		height:38px;
		padding:0 7px;
		font-size:14.5px;
		border-radius:9px;
	}
}

@media (max-width:430px){

	.hero_oferecimento{
		padding:11px 8px;
	}

	.titulo_pagina strong{
		font-size:26px;
	}

	.titulo_pagina em{
		font-size:19px;
	}

	.filtro_mes{
		grid-template-columns:103px minmax(0,1fr);
		gap:7px;
		padding:7px;
	}

	.filtro_mes label{
		width:103px;
		font-size:12px;
	}

	.filtro_campos{
		grid-template-columns:minmax(0,1fr) 74px;
		gap:6px;
	}

	.filtro_mes select{
		height:37px;
		font-size:14px;
		padding:0 6px;
	}
}

/* =========================================================
   AJUSTE V18 — "ESCOLHA O MÊS" MAIS CONFORTÁVEL NO IPHONE
========================================================= */
@media (max-width:430px){

	.filtro_mes{
		grid-template-columns:118px minmax(0,1fr);
		gap:7px;
	}

	.filtro_mes label{
		width:118px;
		padding:0 6px;
		font-size:12px;
		letter-spacing:-.12px;
		white-space:nowrap;
	}

	.filtro_campos{
		grid-template-columns:minmax(0,1fr) 70px;
		gap:6px;
	}

	.filtro_mes select{
		padding-left:7px;
		padding-right:5px;
	}
}

@media (max-width:380px){

	.filtro_mes{
		grid-template-columns:112px minmax(0,1fr);
		gap:6px;
	}

	.filtro_mes label{

		width:112px;
		font-size:11.5px;
	}

	.filtro_campos{
		grid-template-columns:minmax(0,1fr) 68px;
		gap:5px;
	}

	.filtro_mes select{
		font-size:13.5px;
		padding-left:6px;
		padding-right:4px;
	}
}

/* =========================================================
   AJUSTE V19 — INTENÇÃO DO PAPA MAIS COMPACTA NO SMARTPHONE
========================================================= */
@media (max-width:560px){

	.intencao_papa_box{
		margin:13px 0 8px;
		padding:13px 12px;
		gap:12px;
		border-radius:18px;
	}

	.intencao_papa_icone{
		width:40px;
		height:40px;
		font-size:21px;
	}

	.intencao_papa_texto h2{
		margin-bottom:6px;
		font-size:21px;
		line-height:1.05;
	}

	.intencao_destaque{
		font-size:15.5px;
		line-height:1.45;
	}

	.intencao_destaque strong{
		font-size:17.5px;
		margin-bottom:4px;
	}
}

@media (max-width:430px){

	.intencao_papa_box{
		margin-top:12px;
		padding:12px 11px;
		gap:10px;
	}

	.intencao_papa_icone{
		width:38px;
		height:38px;
		font-size:20px;
	}

	.intencao_papa_texto h2{
		font-size:20px;
	}

	.intencao_destaque{
		font-size:15px;
		line-height:1.42;
	}
}