/* =========================================================
   QUARESMA DE SÃO MIGUEL ARCANJO
   V14 - PADRÃO VISUAL PRÓXIMO À NOVENA DAS MÃOS ENSANGUENTADAS
   ASP e CSS ficam na mesma pasta:
   /oracoes_novenas_especificas/
   ========================================================= */

.pagina_quaresma_miguel{
	--azul:#174b7c;
	--azul2:#256797;
	--dourado:#c99027;
	--vinho:#9d3d4f;
	--verde:#3d7f68;
	--roxo:#755a96;
	--turquesa:#397d84;
	--laranja:#b87336;
	--rosa:#a85070;
	--texto:#32465c;
	--texto2:#617286;
	--borda:#d9e4ef;
	--fundo:#f7faff;

	width:100%;
	max-width:1100px;
	margin:0 auto;
	padding:25px 20px 42px;
	color:var(--texto);
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;
	font-weight:400;
	line-height:1.58;
}

.pagina_quaresma_miguel *,
.pagina_quaresma_miguel *::before,
.pagina_quaresma_miguel *::after{
	box-sizing:border-box;
}

/* =========================================================
   HERO
   ========================================================= */

.hero_miguel{
	position:relative;
	display:grid;
	grid-template-columns:43% 57%;
	min-height:360px;
	margin-bottom:15px;
	border:1px solid var(--borda);
	border-radius:20px;
	background:#fff;
	box-shadow:0 7px 20px rgba(34,71,107,.08);
	overflow:hidden;
}

.hero_miguel::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:4;
	height:4px;
	background:linear-gradient(90deg,var(--azul),var(--dourado),var(--vinho));
}

.hero_miguel_imagem{
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:360px;
	padding:0;
	border-right:1px solid var(--borda);
	background:linear-gradient(135deg,#edf4fb,#dfeaf5);
	overflow:hidden;
}

.hero_miguel_imagem img{
	display:block;
	width:108%;
	height:108%;
	min-height:0;
	max-width:none;
	max-height:none;
	object-fit:contain;
	object-position:center;
	transform:scale(1.08);
	filter:drop-shadow(0 10px 18px rgba(22,57,91,.08));
}

.hero_miguel_imagem.sem-imagem::before{
	content:"⚔";
	color:var(--azul);
	font-size:100px;
	line-height:1;
}

.hero_miguel_imagem.sem-imagem::after{
	content:"São Miguel Arcanjo";
	margin-left:12px;
	color:var(--azul);
	font-family:Georgia,"Times New Roman",serif;
	font-size:20px;
	font-weight:700;
}

.hero_miguel_conteudo{
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding:30px 34px;
	background:
		radial-gradient(circle at 95% 4%,rgba(201,144,39,.07),transparent 28%),
		#fff;
}

.selo_miguel{
	align-self:flex-start;
	margin-bottom:11px;
	padding:5px 11px;
	border:1px solid #e5c982;
	border-radius:999px;
	background:#fffaf0;
	color:#805b14;
	font-size:10.5px;
	font-weight:700;
	letter-spacing:.3px;
	text-transform:uppercase;
}

.hero_miguel h1{
	margin:0;
	color:var(--azul);
	font-family:Georgia,"Times New Roman",serif;
	font-size:43px;
	font-weight:700;
	line-height:1.03;
	letter-spacing:-.35px;
}

.linha_miguel{
	display:flex;
	align-items:center;
	gap:8px;
	width:185px;
	margin:13px 0 14px;
	color:var(--dourado);
	font-size:12px;
}

.linha_miguel::before,
.linha_miguel::after{
	content:"";
	flex:1;
	height:1px;
	background:#e2c276;
}

.periodo_miguel{
	display:flex;
	align-items:center;
	gap:8px;
	margin:0 0 11px;
	color:#334f6b;
	font-size:15.5px;
	font-weight:400;
}

.periodo_miguel strong{
	color:var(--vinho);
	font-weight:700;
}

.intro_miguel{
	margin:0;
	color:#53677d;
	font-size:14.6px;
	font-weight:400;
	line-height:1.55;
}

.frase_miguel{
	margin-top:15px;
	padding:11px 14px;
	border-left:3px solid var(--dourado);
	border-radius:0 10px 10px 0;
	background:#f8fbff;
	color:var(--azul);
	font-family:Georgia,"Times New Roman",serif;
	font-size:16px;
	font-weight:600;
	line-height:1.38;
}

/* =========================================================
   ÍNDICE FIXO - MAIS PRÓXIMO DO PADRÃO MÃOS ENSANGUENTADAS
   ========================================================= */

.espaco_indice_miguel{
	display:none;
	height:0;
}

.espaco_indice_miguel.ativo{
	display:block;
}

.indice_miguel{
	position:relative;
	z-index:120;
	display:grid;
	grid-template-columns:repeat(8,minmax(0,1fr));
	gap:6px;
	margin:0 0 17px;
	padding:7px;
	border:1px solid #d6e2ed;
	border-radius:14px;
	background:rgba(255,255,255,.97);
	box-shadow:0 5px 15px rgba(34,71,107,.07);
	backdrop-filter:blur(7px);
	-webkit-backdrop-filter:blur(7px);
}

.indice_miguel.fixo{
	position:fixed;
	top:7px;
	left:50%;
	transform:translateX(-50%);
	width:calc(100% - 18px);
	max-width:1100px;
	margin:0;
	z-index:1200;
}

.indice_miguel a{
	--cor:var(--azul);
	display:grid;
	grid-template-columns:24px 27px minmax(0,1fr);
	align-items:center;
	gap:5px;
	min-height:48px;
	padding:5px 7px;
	border:1px solid #cfdeeb;
	border-radius:10px;
	background:#fff;
	color:var(--azul);
	text-decoration:none;
	transition:border-color .16s ease,background .16s ease,transform .16s ease;
}

.indice_miguel a:hover{
	transform:translateY(-1px);
	border-color:var(--cor);
	background:#f8fbfe;
}

.indice_inicio{--cor:#23679d !important;}
.indice_como{--cor:#bd8420 !important;}
.indice_diaria{--cor:#3b8268 !important;}
.indice_sao_miguel{--cor:#a54a46 !important;}
.indice_ladainha{--cor:#765a99 !important;}
.indice_consagracao{--cor:#397d84 !important;}
.indice_caminhada{--cor:#b97135 !important;}
.indice_encerramento{--cor:#a84f70 !important;}

.indice_numero_miguel{
	display:flex;
	align-items:center;
	justify-content:center;
	width:24px;
	height:22px;
	border:1px solid color-mix(in srgb,var(--cor) 42%,#fff);
	border-radius:7px;
	background:color-mix(in srgb,var(--cor) 8%,#fff);
	color:var(--cor);
	font-size:9.5px;
	font-weight:700;
	line-height:1;
}

.indice_icone_miguel{
	display:flex;
	align-items:center;
	justify-content:center;
	width:27px;
	height:27px;
}

.indice_icone_miguel img{
	display:block;
	width:27px;
	height:27px;
	object-fit:contain;
}

.indice_fallback{
	display:none;
	align-items:center;
	justify-content:center;
	width:25px;
	height:25px;
	color:var(--cor);
	font-size:15px;
}

.indice_miguel a > span:last-child{
	min-width:0;
	color:var(--azul);
	font-size:11.3px;
	font-weight:600;
	line-height:1.12;
	text-align:left;
}

.indice_miguel a:hover > span:last-child{
	color:var(--cor);
}

/* =========================================================
   BLOCOS DE CONTEÚDO
   ========================================================= */

.bloco_miguel{
	--secao:var(--azul);
	position:relative;
	margin:0 0 14px;
	padding:20px 22px;
	scroll-margin-top:78px;
	border:1px solid var(--borda);
	border-radius:17px;
	background:#fff;
	box-shadow:0 5px 15px rgba(34,71,107,.055);
	overflow:hidden;
}

.bloco_miguel::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:4px;
	height:100%;
	background:var(--secao);
}

.bloco_inicio{--secao:#23679d;}
.bloco_como{--secao:#b98220;}
.bloco_diaria{--secao:#3b8268;}
.bloco_sao_miguel{--secao:#a54a46;}
.bloco_ladainha{--secao:#765a99;}
.bloco_consagracao{--secao:#397d84;}
.bloco_caminhada{--secao:#b97135;}
.bloco_encerramento{--secao:#a84f70;}

.titulo_bloco_miguel{
	display:flex;
	align-items:center;
	gap:9px;
	margin:0 0 13px;
	color:var(--secao);
	font-family:Georgia,"Times New Roman",serif;
	font-size:24px;
	font-weight:700;
	line-height:1.15;
}

.numero_secao_miguel{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:31px;
	height:25px;
	flex:0 0 31px;
	border:1px solid color-mix(in srgb,var(--secao) 40%,#fff);
	border-radius:8px;
	background:color-mix(in srgb,var(--secao) 7%,#fff);
	color:var(--secao);
	font-family:Arial,Helvetica,sans-serif;
	font-size:10.5px;
	font-weight:700;
	line-height:1;
}

.icone_bloco_miguel{
	display:flex;
	align-items:center;
	justify-content:center;
	width:44px;
	height:44px;
	flex:0 0 44px;
	border:1px solid color-mix(in srgb,var(--secao) 35%,#fff);
	border-radius:11px;
	background:#fff;
}

.icone_bloco_miguel img{
	display:block;
	width:39px;
	height:39px;
	object-fit:contain;
	filter:drop-shadow(0 3px 5px rgba(30,55,80,.08));
}

.fallback_icone_miguel{
	display:none;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	color:var(--secao);
	font-size:19px;
}

/* Texto geral mais leve */
.bloco_miguel p{
	margin:0 0 10px;
	color:var(--texto);
	font-size:14.7px;
	font-weight:400;
	line-height:1.58;
}

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

.bloco_miguel strong,
.bloco_miguel b{
	font-weight:700;
}

/* Abertura */
.texto_abertura_miguel{
	margin:0 0 8px !important;
	padding:9px 12px;
	border-radius:10px;
	background:#f8fbfe;
	color:#3e5269 !important;
	font-size:14.4px !important;
	font-weight:400 !important;
	line-height:1.5 !important;
}

.texto_abertura_miguel strong{
	color:var(--secao);
}

.texto_abertura_secundario{
	margin-bottom:10px !important;
}

/* IMPORTANTE */
.nota_devocao_privada{
	display:flex;
	align-items:flex-start;
	gap:10px;
	margin:11px 0 4px;
	padding:10px 12px;
	border:1px solid #ecc9ce;
	border-radius:10px;
	background:#fff7f8;
}

.rotulo_importante{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
	min-height:25px;
	padding:0 9px;
	border-radius:999px;
	background:var(--vinho);
	color:#fff;
	font-size:9.5px;
	font-weight:700;
	letter-spacing:.3px;
}

.texto_importante{
	color:#604b52;
	font-size:12.8px;
	font-weight:400;
	line-height:1.42;
}

/* Mini cards do início */
.destaque_historico{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:9px;
	margin-top:11px;
}

.mini_card_miguel{
	padding:10px 10px;
	border:1px solid #dbe5ef;
	border-radius:11px;
	background:#fafcfe;
	text-align:center;
}

.mini_card_miguel strong{
	display:block;
	margin-bottom:2px;
	color:var(--azul);
	font-family:Georgia,"Times New Roman",serif;
	font-size:14.5px;
	font-weight:700;
}

.mini_card_miguel span{
	display:block;
	color:var(--texto2);
	font-size:11.3px;
	font-weight:400;
	line-height:1.3;
}

/* =========================================================
   COMO VIVER
   ========================================================= */

.pilares_miguel{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:8px;
	margin:11px 0 12px;
}

.pilares_miguel > div{
	padding:10px 8px;
	border:1px solid #dbe5ef;
	border-radius:11px;
	background:#fafcfe;
	text-align:center;
}

.pilares_miguel span{
	display:block;
	margin-bottom:3px;
	font-size:18px;
}

.pilares_miguel strong{
	display:block;
	margin-bottom:2px;
	color:var(--azul);
	font-size:11px;
	font-weight:700;
	letter-spacing:.2px;
}

.pilares_miguel small{
	display:block;
	color:var(--texto2);
	font-size:10.7px;
	font-weight:400;
	line-height:1.28;
}

.preparacao_miguel,
.roteiro_diario_miguel{
	margin:11px 0 12px;
	padding:13px 14px;
	border:1px solid #dbe5ef;
	border-radius:12px;
	background:#fbfdff;
}

.preparacao_miguel{
	border-left:4px solid var(--dourado);
}

.roteiro_diario_miguel{
	border-left:4px solid var(--azul);
}

.preparacao_miguel h3,
.roteiro_diario_miguel > h3{
	margin:0 0 8px;
	color:var(--azul);
	font-family:Georgia,"Times New Roman",serif;
	font-size:17px;
	font-weight:700;
	line-height:1.2;
}

.preparacao_miguel ul{
	margin:0;
	padding-left:19px;
}

.preparacao_miguel li{
	margin:0 0 5px;
	color:#4b5e73;
	font-size:13px;
	font-weight:400;
	line-height:1.38;
}

.preparacao_miguel li::marker{
	color:var(--dourado);
}

.nota_preparacao{
	margin:8px 0 0 !important;
	padding-top:7px;
	border-top:1px dashed #ddd3b6;
	color:#77643a !important;
	font-size:11.5px !important;
	font-style:italic;
}

.roteiro_passos_miguel{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:6px;
}

.roteiro_passo_miguel{
	display:flex;
	align-items:flex-start;
	gap:8px;
	min-height:56px;
	padding:8px 9px;
	border:1px solid #e0e7ef;
	border-radius:9px;
	background:#fff;
}

.roteiro_passo_miguel > b{
	display:flex;
	align-items:center;
	justify-content:center;
	width:24px;
	height:24px;
	flex:0 0 24px;
	border-radius:50%;
	background:var(--azul);
	color:#fff;
	font-size:10px;
	font-weight:700;
}

.roteiro_passo_miguel strong{
	display:block;
	margin-bottom:1px;
	color:#35536f;
	font-size:12px;
	font-weight:600;
}

.roteiro_passo_miguel span{
	display:block;
	color:#6a7989;
	font-size:10.8px;
	font-weight:400;
	line-height:1.27;
}

.costumes_adicionais_miguel{
	margin-top:8px;
	padding:8px 10px;
	border-left:3px solid var(--dourado);
	background:#fffaf1;
}

.costumes_adicionais_miguel > strong{
	display:block;
	margin-bottom:2px;
	color:#795b1d;
	font-size:11.7px;
	font-weight:600;
}

.costumes_adicionais_miguel p{
	margin:0 !important;
	color:#6b6048 !important;
	font-size:11.5px !important;
	line-height:1.35 !important;
}

.aviso_miguel{
	margin-top:10px;
	padding:10px 12px;
	border:1px solid #e5d9b6;
	border-radius:10px;
	background:#fffaf1;
	color:#6d5b2f;
	font-size:12px;
	font-weight:400;
	line-height:1.4;
}

/* Classes antigas removidas visualmente caso permaneçam */
.passos_miguel,
.ritmo_miguel{
	display:none !important;
}

/* =========================================================
   ORAÇÕES
   ========================================================= */

.oracao_miguel{
	max-width:900px;
	margin:0 auto;
	text-align:center;
}

.oracao_miguel p{
	margin:0 0 10px;
	color:#314960;
	font-family:Georgia,"Times New Roman",serif;
	font-size:16px;
	font-weight:400;
	line-height:1.62;
}

.invocacao_miguel{
	margin:12px auto 0;
	padding:11px 14px;
	border:1px solid #e5d3a7;
	border-radius:10px;
	background:#fffaf2;
	color:#6d4c11;
	font-family:Georgia,"Times New Roman",serif;
	font-size:14.5px;
	font-weight:600;
	line-height:1.4;
	text-align:center;
}

/* =========================================================
   LADAINHA
   ========================================================= */

.ladainha_miguel{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:0 20px;
	max-width:920px;
	margin:0 auto;
}

.ladainha_coluna{
	min-width:0;
}

.ladainha_coluna > div{
	padding:6px 7px;
	border-bottom:1px dashed #dce4ec;
	color:#43566b;
	font-size:13px;
	font-weight:400;
	line-height:1.35;
}

.ladainha_coluna b{
	color:var(--roxo);
	font-weight:600;
}

/* =========================================================
   CAMINHADA
   ========================================================= */

.fidelidade_miguel{
	display:flex;
	align-items:flex-start;
	gap:10px;
	margin:10px 0 12px;
	padding:10px 12px;
	border:1px solid #e4d7c9;
	border-radius:11px;
	background:#fffaf5;
}

.fidelidade_icone{
	display:flex;
	align-items:center;
	justify-content:center;
	width:31px;
	height:31px;
	flex:0 0 31px;
	border-radius:50%;
	background:var(--laranja);
	color:#fff;
	font-size:14px;
}

.fidelidade_miguel strong{
	display:block;
	margin-bottom:2px;
	color:#8b592e;
	font-size:11px;
	font-weight:700;
	letter-spacing:.2px;
}

.fidelidade_miguel p{
	margin:0 !important;
	font-size:12.2px !important;
	line-height:1.38 !important;
}

.temas_miguel{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:8px;
}

.tema_miguel{
	padding:10px 11px;
	border:1px solid #dce5ed;
	border-radius:10px;
	background:#fafcfe;
}

.tema_miguel strong{
	display:block;
	margin-bottom:2px;
	color:var(--azul);
	font-family:Georgia,"Times New Roman",serif;
	font-size:14px;
	font-weight:700;
}

.tema_miguel span{
	display:block;
	color:var(--texto2);
	font-size:11.5px;
	font-weight:400;
	line-height:1.3;
}

/* =========================================================
   ENCERRAMENTO
   ========================================================= */

.encerramento_miguel{
	background:linear-gradient(135deg,#fff 0%,#fff9fb 100%);
}

.data_final_miguel{
	display:inline-flex;
	align-items:center;
	margin-bottom:10px;
	padding:5px 10px;
	border-radius:999px;
	background:var(--azul);
	color:#fff;
	font-size:10.5px;
	font-weight:700;
	letter-spacing:.2px;
}

/* =========================================================
   NAVEGAÇÃO FINAL
   ========================================================= */

.navegacao_miguel{
	display:flex;
	justify-content:center;
	gap:8px;
	flex-wrap:wrap;
	margin:19px 0 4px;
}

.navegacao_miguel a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:37px;
	padding:0 15px;
	border:1px solid #cad9e7;
	border-radius:999px;
	background:#fff;
	color:var(--azul);
	font-size:11.5px;
	font-weight:600;
	text-decoration:none;
}

.navegacao_miguel a:hover{
	background:#f5f9fd;
}

/* =========================================================
   DARK MODE
   ========================================================= */

body.modo-escuro .hero_miguel,
body.modo-escuro .hero_miguel_conteudo,
body.modo-escuro .bloco_miguel,
body.modo-escuro .indice_miguel{
	background:#172536;
	border-color:#304359;
}

body.modo-escuro .hero_miguel h1,
body.modo-escuro .titulo_bloco_miguel{
	color:#f1f6fc;
}

body.modo-escuro .intro_miguel,
body.modo-escuro .bloco_miguel p,
body.modo-escuro .ladainha_coluna > div{
	color:#d9e4ef;
}

body.modo-escuro .indice_miguel a,
body.modo-escuro .mini_card_miguel,
body.modo-escuro .pilares_miguel > div,
body.modo-escuro .roteiro_passo_miguel,
body.modo-escuro .tema_miguel{
	background:#1c2d41;
	border-color:#344a61;
}

body.modo-escuro .indice_miguel a > span:last-child{
	color:#e3edf7;
}

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

@media(max-width:1000px){
	.indice_miguel{
		grid-template-columns:repeat(4,minmax(0,1fr));
	}
}

@media(max-width:900px){
	.pagina_quaresma_miguel{
		padding:21px 14px 38px;
	}

	.hero_miguel{
		grid-template-columns:1fr;
		min-height:auto;
	}

	.hero_miguel_imagem{
		min-height:315px;
		border-right:0;
		border-bottom:1px solid var(--borda);
	}

	.hero_miguel_imagem img{
		width:82%;
		height:82%;
		transform:scale(1.06);
	}

	.hero_miguel_conteudo{
		padding:24px 26px 27px;
	}
}

@media(max-width:650px){
	.pagina_quaresma_miguel{
		padding:16px 9px 33px;
	}

	.hero_miguel{
		margin-bottom:11px;
		border-radius:17px;
	}

	.hero_miguel_imagem{
		min-height:235px;
	}

	.hero_miguel_imagem img{
		width:82%;
		height:82%;
		transform:none;
	}

	.hero_miguel_conteudo{
		padding:18px 16px 20px;
		text-align:center;
	}

	.selo_miguel{
		align-self:center;
		font-size:9px;
	}

	.hero_miguel h1{
		font-size:29px;
	}

	.linha_miguel{
		width:145px;
		margin:11px auto 12px;
	}

	.periodo_miguel{
		justify-content:center;
		font-size:13.2px;
	}

	.intro_miguel{
		font-size:12.8px;
	}

	.frase_miguel{
		margin-top:12px;
		font-size:13.5px;
		text-align:left;
	}

	.indice_miguel{
		display:flex;
		gap:5px;
		margin-bottom:12px;
		padding:6px;
		overflow-x:auto;
		border-radius:12px;
		-webkit-overflow-scrolling:touch;
		scrollbar-width:none;
	}

	.indice_miguel::-webkit-scrollbar{
		display:none;
	}

	.indice_miguel.fixo{
		top:5px;
		width:calc(100% - 10px);
	}

	.indice_miguel a{
		flex:0 0 auto;
		grid-template-columns:22px 24px minmax(62px,1fr);
		min-width:124px;
		min-height:42px;
		padding:4px 6px;
	}

	.indice_numero_miguel{
		width:22px;
		height:20px;
		font-size:8.8px;
	}

	.indice_icone_miguel,
	.indice_icone_miguel img{
		width:24px;
		height:24px;
	}

	.indice_miguel a > span:last-child{
		font-size:10px;
	}

	.bloco_miguel{
		margin-bottom:11px;
		padding:16px 13px 17px;
		border-radius:14px;
		scroll-margin-top:66px;
	}

	.titulo_bloco_miguel{
		gap:7px;
		margin-bottom:10px;
		font-size:20px;
	}

	.numero_secao_miguel{
		width:27px;
		height:22px;
		flex-basis:27px;
		font-size:9px;
	}

	.icone_bloco_miguel{
		width:39px;
		height:39px;
		flex-basis:39px;
	}

	.icone_bloco_miguel img{
		width:35px;
		height:35px;
	}

	.bloco_miguel p{
		font-size:13.3px;
		line-height:1.48;
	}

	.nota_devocao_privada{
		flex-direction:column;
		gap:6px;
	}

	.pilares_miguel{
		grid-template-columns:repeat(3,minmax(0,1fr));
		gap:5px;
	}

	.pilares_miguel > div{
		padding:8px 4px;
	}

	.pilares_miguel strong{
		font-size:9.5px;
	}

	.pilares_miguel small{
		font-size:9px;
	}

	.preparacao_miguel,
	.roteiro_diario_miguel{
		padding:11px 10px;
	}

	.preparacao_miguel h3,
	.roteiro_diario_miguel > h3{
		font-size:15px;
	}

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

	.oracao_miguel p{
		font-size:14.4px;
		line-height:1.55;
	}

	.ladainha_miguel{
		grid-template-columns:1fr;
		gap:0;
	}

	.ladainha_coluna > div{
		padding:6px 4px;
		font-size:12px;
	}

	.temas_miguel{
		grid-template-columns:1fr;
		gap:6px;
	}

	.destaque_historico{
		grid-template-columns:1fr;
		gap:6px;
	}
}

@media(max-width:430px){
	.hero_miguel_imagem{
		min-height:215px;
	}

	.hero_miguel h1{
		font-size:27px;
	}

	.titulo_bloco_miguel{
		font-size:18px;
	}
}


/* =========================================================
   V15 - PADRÃO VISUAL "MÃOS ENSANGUENTADAS"
   ========================================================= */

/* Paleta correspondente às oito etapas */
.indice_inicio,.bloco_inicio{
	--dia-cor:#4778a9;
	--dia-fundo:#f1f6fb;
	--secao:#4778a9;
}
.indice_como,.bloco_como{
	--dia-cor:#708e68;
	--dia-fundo:#f2f7f0;
	--secao:#708e68;
}
.indice_diaria,.bloco_diaria{
	--dia-cor:#a66572;
	--dia-fundo:#fbf2f4;
	--secao:#a66572;
}
.indice_sao_miguel,.bloco_sao_miguel{
	--dia-cor:#806fa6;
	--dia-fundo:#f5f2fa;
	--secao:#806fa6;
}
.indice_ladainha,.bloco_ladainha{
	--dia-cor:#4f8c87;
	--dia-fundo:#eef7f6;
	--secao:#4f8c87;
}
.indice_consagracao,.bloco_consagracao{
	--dia-cor:#b28a2d;
	--dia-fundo:#fff8e8;
	--secao:#b28a2d;
}
.indice_caminhada,.bloco_caminhada{
	--dia-cor:#9a5a50;
	--dia-fundo:#faf2f0;
	--secao:#9a5a50;
}
.indice_encerramento,.bloco_encerramento{
	--dia-cor:#5e7fb3;
	--dia-fundo:#f0f5fb;
	--secao:#5e7fb3;
}

/* ---------- ÍNDICE ---------- */
.indice_miguel,
.indice_miguel.fixo{
	display:grid !important;
	grid-template-columns:repeat(8,minmax(0,1fr)) !important;
	gap:7px !important;
	padding:7px 0 9px !important;
	background:#fff !important;
	border:0 !important;
	border-bottom:1px solid #e5edf5 !important;
	border-radius:0 !important;
	box-shadow:none !important;
}

.indice_miguel.fixo{
	top:0 !important;
	left:50% !important;
	transform:translateX(-50%) !important;
	width:calc(100% - 24px) !important;
	max-width:1100px !important;
	padding:7px 10px !important;
	border-radius:0 0 14px 14px !important;
	box-shadow:0 5px 18px rgba(18,47,80,.16) !important;
}

.indice_miguel a,
.indice_miguel.fixo a{
	display:grid !important;
	grid-template-columns:46px minmax(0,1fr) !important;
	grid-template-rows:auto auto !important;
	align-items:center !important;
	column-gap:6px !important;
	row-gap:0 !important;
	min-height:62px !important;
	padding:4px 7px !important;
	border:1px solid #dbe5ef !important;
	border-top:3px solid var(--dia-cor) !important;
	border-radius:13px !important;
	background:var(--dia-fundo) !important;
	box-shadow:none !important;
	color:#1a3e6e !important;
	overflow:hidden !important;
	text-decoration:none !important;
}

.indice_miguel a:hover,
.indice_miguel a.ativo{
	transform:none !important;
	background:#fff !important;
	border-color:var(--dia-cor) !important;
	border-top-color:var(--dia-cor) !important;
}

.indice_icone_miguel{
	grid-column:1 !important;
	grid-row:1 / 3 !important;
	width:46px !important;
	height:46px !important;
	margin:0 !important;
	align-self:center !important;
	justify-self:center !important;
}

.indice_icone_miguel img{
	width:46px !important;
	height:46px !important;

	object-fit:contain !important;
	filter:drop-shadow(0 3px 5px rgba(0,0,0,.13)) !important;
}

.indice_fallback{
	width:42px !important;
	height:42px !important;
	color:var(--dia-cor) !important;
}

.indice_texto_miguel{
	grid-column:2 !important;
	grid-row:1 / 3 !important;
	display:flex !important;
	flex-direction:column !important;
	align-items:flex-start !important;
	justify-content:center !important;
	min-width:0 !important;
}

.indice_texto_miguel strong{
	display:block !important;
	margin:0 0 2px !important;
	color:var(--dia-cor) !important;
	font-family:Arial,Helvetica,sans-serif !important;
	font-size:14px !important;
	font-weight:700 !important;
	line-height:1 !important;
}

.indice_texto_miguel span{
	display:block !important;
	margin:0 !important;
	color:#4d5d70 !important;
	font-family:Arial,Helvetica,sans-serif !important;
	font-size:10.5px !important;
	font-weight:600 !important;
	line-height:1.04 !important;
	text-align:left !important;
	white-space:normal !important;
	overflow-wrap:normal !important;
	hyphens:auto !important;
}

/* ---------- HERO ---------- */
.hero_miguel{
	box-shadow:0 5px 16px rgba(26,62,110,.07) !important;
}

.hero_miguel_imagem img{
	width:116% !important;
	height:116% !important;
	transform:scale(1.08) !important;
}

.hero_miguel h1{
	font-weight:700 !important;
}

/* ---------- BLOCOS ---------- */
.bloco_miguel{
	position:relative !important;
	padding:0 15px 14px !important;
	border:1px solid #dce7f2 !important;
	border-top:4px solid var(--dia-cor,var(--secao)) !important;
	border-radius:16px !important;
	background:#fff !important;
	box-shadow:0 5px 16px rgba(26,62,110,.06) !important;
	overflow:hidden !important;
}

.bloco_miguel::before{
	content:none !important;
	display:none !important;
}

.titulo_bloco_miguel{
	position:relative !important;
	display:grid !important;
	grid-template-columns:76px minmax(0,1fr) !important;
	align-items:center !important;
	gap:10px !important;
	min-height:86px !important;
	margin:0 -15px 13px !important;
	padding:7px 15px 7px 8px !important;
	border-bottom:1px solid #e5edf5 !important;
	background:linear-gradient(90deg,var(--dia-fundo) 0%,#fff 72%) !important;
	font-family:Arial,Helvetica,sans-serif !important;
}

.icone_bloco_miguel{
	grid-column:1 !important;
	grid-row:1 !important;
	width:70px !important;
	height:70px !important;
	flex:none !important;
	padding:0 !important;
	border:0 !important;
	border-radius:0 !important;
	background:transparent !important;
	box-shadow:none !important;
	overflow:visible !important;
}

.icone_bloco_miguel img{
	width:82px !important;
	height:82px !important;
	max-width:none !important;
	max-height:none !important;
	object-fit:contain !important;
	filter:drop-shadow(0 5px 8px rgba(0,0,0,.15)) !important;
}

.titulo_texto_miguel{
	grid-column:2 !important;
	grid-row:1 !important;
	display:flex !important;
	flex-direction:column !important;
	align-items:flex-start !important;
	justify-content:center !important;
	min-width:0 !important;
}

.numero_secao_miguel{
	display:inline-block !important;
	width:auto !important;
	height:auto !important;
	flex:none !important;
	margin:0 0 7px !important;
	padding:0 0 5px !important;
	border:0 !important;
	border-bottom:3px solid var(--dia-cor) !important;
	border-radius:0 !important;
	background:transparent !important;
	box-shadow:none !important;
	color:var(--dia-cor) !important;
	font-family:Arial,Helvetica,sans-serif !important;
	font-size:20px !important;
	font-weight:700 !important;
	line-height:1 !important;
}

.nome_secao_miguel{
	display:block !important;
	color:var(--dia-cor) !important;
	font-family:Georgia,"Times New Roman",serif !important;
	font-size:27px !important;
	font-weight:700 !important;
	line-height:1.05 !important;
}

/* ---------- TIPOGRAFIA ---------- */
.bloco_miguel p{
	color:#33475c !important;
	font-family:Arial,Helvetica,sans-serif !important;
	font-size:14.6px !important;
	font-weight:400 !important;
	line-height:1.52 !important;
}

.bloco_miguel strong,
.bloco_miguel b{
	font-weight:600 !important;
}

.texto_abertura_miguel{
	background:#fff !important;
	border-left:4px solid var(--dia-cor) !important;
	border-radius:0 10px 10px 0 !important;
	padding:9px 12px !important;
}

.nota_devocao_privada{
	border-left:4px solid #8a2f36 !important;
	background:#fffafa !important;
}

.rotulo_importante{
	font-weight:700 !important;
}

.preparacao_miguel,
.roteiro_diario_miguel,
.fidelidade_miguel,
.tema_miguel,
.mini_card_miguel{
	box-shadow:none !important;
}

/* Oração e caixas internas no estilo da Novena */
.oracao_miguel{
	max-width:960px !important;
}

.oracao_miguel p{
	font-family:Arial,Helvetica,sans-serif !important;
	font-size:14.5px !important;
	font-weight:400 !important;
	line-height:1.55 !important;
}

.invocacao_miguel{
	border:1px solid #ead7d9 !important;
	border-left:4px solid #8a2f36 !important;
	background:#fffafa !important;
	font-family:Arial,Helvetica,sans-serif !important;
	font-size:13px !important;
	font-weight:600 !important;
	text-align:left !important;
}

/* ---------- RESPONSIVO ---------- */
@media(max-width:900px){
	.indice_miguel,
	.indice_miguel.fixo{
		grid-template-columns:repeat(4,minmax(0,1fr)) !important;
	}
}

@media(max-width:650px){
	.indice_miguel,
	.indice_miguel.fixo{
		display:grid !important;
		grid-template-columns:repeat(3,minmax(0,1fr)) !important;
		gap:5px !important;
		width:100% !important;
		max-width:none !important;
		padding:6px !important;
		overflow:visible !important;
	}

	.indice_miguel.fixo{
		left:0 !important;
		right:0 !important;
		transform:none !important;
		border-radius:0 0 10px 10px !important;
	}

	.indice_miguel a,
	.indice_miguel.fixo a{
		grid-template-columns:38px minmax(0,1fr) !important;
		min-width:0 !important;
		min-height:54px !important;
		padding:4px 5px !important;
		column-gap:5px !important;
	}

	.indice_icone_miguel,
	.indice_icone_miguel img{
		width:38px !important;
		height:38px !important;
	}

	.indice_texto_miguel strong{
		font-size:12.5px !important;
	}

	.indice_texto_miguel span{
		font-size:9.8px !important;
	}

	.bloco_miguel{
		scroll-margin-top:190px !important;
	}

	.titulo_bloco_miguel{
		grid-template-columns:58px minmax(0,1fr) !important;
		min-height:70px !important;
		padding:5px 10px 5px 6px !important;
	}

	.icone_bloco_miguel{
		width:56px !important;
		height:56px !important;
	}

	.icone_bloco_miguel img{
		width:65px !important;
		height:65px !important;
	}

	.numero_secao_miguel{
		margin-bottom:5px !important;
		font-size:16px !important;
	}

	.nome_secao_miguel{
		font-size:20px !important;
	}
}

@media(max-width:430px){
	.indice_miguel,
	.indice_miguel.fixo{
		gap:4px !important;
		padding:5px !important;
	}

	.indice_miguel a,
	.indice_miguel.fixo a{
		grid-template-columns:34px minmax(0,1fr) !important;
		min-height:51px !important;
		padding:3px 4px !important;
	}

	.indice_icone_miguel,
	.indice_icone_miguel img{
		width:34px !important;
		height:34px !important;
	}

	.indice_texto_miguel strong{
		font-size:12px !important;
	}

	.indice_texto_miguel span{
		font-size:9.3px !important;
	}
}


/* =========================================================
   AJUSTES V16
   ========================================================= */

/* Hero: dar mais destaque e melhor encaixe da imagem */
.hero_miguel{
	align-items:stretch !important;
}

.hero_miguel_imagem{
	min-height:420px !important;
	padding:18px 10px 18px 18px !important;
	background:linear-gradient(135deg,#eef4fb 0%, #dfe9f5 100%) !important;
}

.hero_miguel_imagem img{
	width:auto !important;
	height:auto !important;
	max-width:100% !important;
	max-height:470px !important;
	object-fit:contain !important;
	object-position:center center !important;
	transform:none !important;
	filter:drop-shadow(0 12px 18px rgba(22,57,91,.12)) !important;
}

.hero_miguel_conteudo{
	padding:28px 34px !important;
}

.hero_miguel_conteudo p{
	color:#39597b !important;
	font-size:15px !important;
	line-height:1.52 !important;
}

.hero_miguel .frase_destaque_miguel,
.hero_miguel blockquote,
.hero_miguel .citacao_miguel{
	color:#8b2330 !important;
}

.data_miguel,
.hero_miguel .data_miguel{
	color:#a32f3c !important;
	font-weight:700 !important;
}

.hero_miguel h1{
	color:#154c86 !important;
	font-weight:700 !important;
	line-height:0.98 !important;
}

.chamada_miguel,
.subtitulo_miguel,
.badge_miguel{
	color:#9d6a0b !important;
}

/* Texto mais vivo em toda a página */
.bloco_miguel p{
	color:#35526f !important;
}

.bloco_miguel strong,
.bloco_miguel b{
	color:#1f4d83 !important;
}

.preparacao_miguel h3,
.roteiro_diario_miguel > h3{
	color:#1a4f8d !important;
	font-size:18px !important;
}

.nota_preparacao{
	color:#855f10 !important;
}

/* Roteiro diário mais limpo e vibrante */
.roteiro_diario_miguel{
	border-left:4px solid #2f6fb3 !important;
	background:linear-gradient(180deg,#fbfdff 0%, #f6faff 100%) !important;
}

.roteiro_passos_miguel{
	grid-template-columns:repeat(2,minmax(0,1fr)) !important;
	gap:8px !important;
}

.roteiro_passo_miguel{
	align-items:center !important;
	min-height:60px !important;
	padding:10px 11px !important;
	border:1px solid #d9e4ef !important;
	border-radius:11px !important;
	background:#ffffff !important;
	box-shadow:0 2px 8px rgba(21,76,134,.05) !important;
}

.roteiro_passo_miguel > b{
	width:28px !important;
	height:28px !important;
	flex:0 0 28px !important;
	font-size:11px !important;
	background:#1f5f9f !important;
}

.roteiro_passo_miguel strong{
	margin-bottom:2px !important;
	color:#174f8c !important;
	font-size:12.6px !important;
	font-weight:700 !important;
	line-height:1.15 !important;
}

.roteiro_passo_miguel span{
	color:#5c6f84 !important;
	font-size:11.2px !important;
	line-height:1.28 !important;
}

.roteiro_passo_miguel:nth-child(2) > b{ background:#708e68 !important; }
.roteiro_passo_miguel:nth-child(3) > b{ background:#9a5a50 !important; }
.roteiro_passo_miguel:nth-child(4) > b{ background:#806fa6 !important; }
.roteiro_passo_miguel:nth-child(5) > b{ background:#b28a2d !important; }
.roteiro_passo_miguel:nth-child(6) > b{ background:#4f8c87 !important; }
.roteiro_passo_miguel:nth-child(7) > b{ background:#5e7fb3 !important; }

.costumes_adicionais_miguel{
	margin-top:10px !important;
	padding:10px 12px !important;
	border-left:4px solid #c79021 !important;
	border-radius:0 10px 10px 0 !important;
	background:#fff8eb !important;
}

.costumes_adicionais_miguel > strong{
	color:#9a6512 !important;
	font-size:12.3px !important;
	font-weight:700 !important;
}

.costumes_adicionais_miguel p{
	color:#6a5e46 !important;
	font-size:11.6px !important;
	line-height:1.35 !important;
}

/* Ajuste móvel */
@media (max-width: 900px){
	.hero_miguel_imagem{
		min-height:300px !important;
		padding:12px !important;
	}
	.hero_miguel_imagem img{
		max-height:320px !important;
	}
}

@media (max-width: 650px){
	.hero_miguel_imagem{
		min-height:240px !important;
		padding:10px !important;
	}
	.hero_miguel_imagem img{
		max-height:260px !important;
	}
	.roteiro_passos_miguel{
		grid-template-columns:1fr !important;
	}
}


/* ===== AJUSTES V17 ===== */

/* Seção inicial mais próxima do 1º dia das Mãos Ensanguentadas */
.bloco_inicio .titulo_bloco_miguel{
    display:grid !important;
    grid-template-columns:92px 1fr !important;
    column-gap:14px !important;
    align-items:center !important;
    margin-bottom:14px !important;
}

.bloco_inicio .icone_bloco_miguel{
    width:92px !important;
    height:92px !important;
    flex:0 0 92px !important;
    border:none !important;
    background:transparent !important;
    box-shadow:none !important;
    border-radius:0 !important;
}

.bloco_inicio .icone_bloco_miguel img{
    width:86px !important;
    height:86px !important;
    filter:drop-shadow(0 5px 8px rgba(0,0,0,.12)) !important;
}

.bloco_inicio .titulo_texto_miguel{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    gap:4px !important;
}

.bloco_inicio .numero_secao_miguel{
    display:inline-block !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    padding:0 0 6px !important;
    border:0 !important;
    border-bottom:4px solid var(--dia-cor) !important;
    border-radius:0 !important;
    background:transparent !important;
    color:var(--dia-cor) !important;
    font-size:24px !important;
    font-weight:700 !important;
    line-height:1 !important;
}

.bloco_inicio .nome_secao_miguel{
    color:var(--dia-cor) !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:29px !important;
    font-weight:700 !important;
    line-height:1.08 !important;
}

.bloco_inicio .texto_abertura_miguel{
    margin-bottom:12px !important;
    padding:12px 14px !important;
    background:#fffdfa !important;
    border-left:4px solid var(--dia-cor) !important;
    border-radius:0 10px 10px 0 !important;
    font-size:15px !important;
    line-height:1.58 !important;
}

.bloco_inicio .nota_devocao_privada{
    display:flex !important;
    align-items:flex-start !important;
    gap:10px !important;
    padding:12px 14px !important;
    border:1px solid #e9c8cd !important;
    border-left:4px solid #b44d5a !important;
    border-radius:12px !important;
    background:#fff8f8 !important;
}

.bloco_inicio .rotulo_importante{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:92px !important;
    height:30px !important;
    padding:0 12px !important;
    border-radius:999px !important;
    background:#b44d5a !important;
    color:#fff !important;
    font-size:12px !important;
    letter-spacing:.3px !important;
    font-weight:700 !important;
}

.bloco_inicio .texto_importante{
    color:#4b5c70 !important;
    font-size:14.4px !important;
    line-height:1.55 !important;
}

.bloco_inicio .destaque_historico{
    margin-top:12px !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:10px !important;
}

.bloco_inicio .mini_card_miguel{
    padding:12px 12px !important;
    border-radius:12px !important;
    background:#fff !important;
    border:1px solid #d7e1ec !important;
}

.bloco_inicio .mini_card_miguel strong{
    display:block !important;
    color:#1f5c9d !important;
    font-size:16px !important;
    margin-bottom:3px !important;
}

.bloco_inicio .mini_card_miguel span{
    display:block !important;
    color:#6f7f90 !important;
    font-size:12.5px !important;
    line-height:1.35 !important;
}

/* Roteiro em uma coluna e números mais legíveis */
.roteiro_diario_miguel{
    padding:16px 18px !important;
    border-left:4px solid #2f6fb3 !important;
    border-radius:14px !important;
    background:linear-gradient(180deg,#fbfdff 0%, #f7fbff 100%) !important;
}

.roteiro_diario_miguel > h3{
    margin-bottom:12px !important;
    font-size:20px !important;
    color:#1b5693 !important;
}

.roteiro_passos_miguel,
.roteiro_passos_miguel.roteiro_coluna_miguel{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
}

.roteiro_passo_miguel{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    min-height:72px !important;
    padding:12px 14px !important;
    border:1px solid #d7e3ef !important;
    border-radius:14px !important;
    background:#fff !important;
    box-shadow:0 2px 8px rgba(21,76,134,.05) !important;
}

.roteiro_passo_miguel > b{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:42px !important;
    height:42px !important;
    flex:0 0 42px !important;
    border-radius:999px !important;
    color:#fff !important;
    font-size:17px !important;
    font-weight:700 !important;
    line-height:1 !important;
    background:#1f5f9f !important;
}

.roteiro_passo_miguel > div{
    display:flex !important;
    flex-direction:column !important;
    gap:2px !important;
}

.roteiro_passo_miguel strong{
    color:#174f8c !important;
    font-size:15.2px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    margin:0 !important;
}

.roteiro_passo_miguel span{
    color:#5c6f84 !important;
    font-size:13.2px !important;
    line-height:1.35 !important;
}

.roteiro_passo_miguel:nth-child(2) > b{ background:#708e68 !important; }
.roteiro_passo_miguel:nth-child(3) > b{ background:#9a5a50 !important; }
.roteiro_passo_miguel:nth-child(4) > b{ background:#806fa6 !important; }
.roteiro_passo_miguel:nth-child(5) > b{ background:#b28a2d !important; }
.roteiro_passo_miguel:nth-child(6) > b{ background:#4f8c87 !important; }

@media (max-width: 900px){
  .bloco_inicio .titulo_bloco_miguel{grid-template-columns:78px 1fr !important;}
  .bloco_inicio .icone_bloco_miguel{width:78px !important;height:78px !important;flex-basis:78px !important;}
  .bloco_inicio .icone_bloco_miguel img{width:72px !important;height:72px !important;}
  .bloco_inicio .nome_secao_miguel{font-size:24px !important;}
  .bloco_inicio .numero_secao_miguel{font-size:21px !important;}
}

@media (max-width: 700px){
  .bloco_inicio .destaque_historico{grid-template-columns:1fr !important;}
  .bloco_inicio .nota_devocao_privada{flex-direction:column !important;}
  .bloco_inicio .rotulo_importante{min-width:0 !important; width:auto !important;}
  .roteiro_passo_miguel{min-height:68px !important;}
  .roteiro_passo_miguel > b{width:38px !important;height:38px !important;flex-basis:38px !important;font-size:16px !important;}
}


/* =========================================================
   V18 - CORREÇÃO DEFINITIVA DO ÍNDICE
   PADRÃO MÃOS ENSANGUENTADAS
   ========================================================= */

.indice_miguel,
.indice_miguel.fixo{
    display:grid !important;
    grid-template-columns:repeat(8,minmax(108px,1fr)) !important;
    gap:7px !important;
    align-items:stretch !important;
    padding:8px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none !important;
}

.indice_miguel::-webkit-scrollbar,
.indice_miguel.fixo::-webkit-scrollbar{
    display:none !important;
}

.indice_miguel a,
.indice_miguel.fixo a{
    --cor:#4778a9;
    display:grid !important;
    grid-template-columns:48px minmax(48px,1fr) !important;
    grid-template-rows:1fr !important;
    align-items:center !important;
    column-gap:7px !important;
    min-width:108px !important;
    min-height:66px !important;
    padding:5px 8px !important;
    border:1px solid #d7e2ed !important;
    border-top:3px solid var(--cor) !important;
    border-radius:12px !important;
    background:#fff !important;
    box-shadow:none !important;
    text-decoration:none !important;
    overflow:hidden !important;
}

.indice_inicio{--cor:#4778a9 !important;background:#f3f7fb !important;}
.indice_como{--cor:#708e68 !important;background:#f3f7f1 !important;}
.indice_diaria{--cor:#a66572 !important;background:#fbf3f5 !important;}
.indice_sao_miguel{--cor:#806fa6 !important;background:#f6f3fa !important;}
.indice_ladainha{--cor:#4f8c87 !important;background:#eef7f6 !important;}
.indice_consagracao{--cor:#b28a2d !important;background:#fff8e9 !important;}
.indice_caminhada{--cor:#9a5a50 !important;background:#faf3f1 !important;}
.indice_encerramento{--cor:#5e7fb3 !important;background:#f1f5fb !important;}

.indice_icone_miguel{
    grid-column:1 !important;
    grid-row:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    margin:0 !important;
}

.indice_icone_miguel img{
    display:block !important;
    width:48px !important;
    height:48px !important;
    max-width:48px !important;
    max-height:48px !important;
    object-fit:contain !important;
    filter:drop-shadow(0 3px 5px rgba(0,0,0,.12)) !important;
}

.indice_texto_miguel{
    grid-column:2 !important;
    grid-row:1 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    line-height:1 !important;
}

.indice_texto_miguel strong{
    display:block !important;
    width:100% !important;
    margin:0 0 4px 0 !important;
    padding:0 !important;
    color:var(--cor) !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:15px !important;
    font-weight:700 !important;
    line-height:1 !important;
    text-align:left !important;
    white-space:nowrap !important;
}

.indice_texto_miguel > span{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    color:#526173 !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:10.5px !important;
    font-weight:600 !important;
    line-height:1.08 !important;
    text-align:left !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    hyphens:auto !important;
}

.indice_miguel a:hover,
.indice_miguel a.ativo{
    transform:none !important;
    border-color:var(--cor) !important;
    border-top-color:var(--cor) !important;
    box-shadow:0 4px 10px rgba(34,71,107,.08) !important;
}

.indice_miguel.fixo{
    top:6px !important;
    width:calc(100% - 18px) !important;
    max-width:1100px !important;
    padding:7px 8px !important;
    border:1px solid #d7e2ed !important;
    border-radius:13px !important;
    background:rgba(255,255,255,.98) !important;
    box-shadow:0 6px 18px rgba(25,55,90,.14) !important;
}

@media(max-width:900px){
    .indice_miguel,
    .indice_miguel.fixo{
        display:flex !important;
        gap:6px !important;
        overflow-x:auto !important;
        padding:7px !important;
    }

    .indice_miguel a,
    .indice_miguel.fixo a{
        flex:0 0 118px !important;
        min-width:118px !important;
        grid-template-columns:44px minmax(0,1fr) !important;
        min-height:60px !important;
        padding:5px 7px !important;
    }

    .indice_icone_miguel,
    .indice_icone_miguel img{
        width:44px !important;
        height:44px !important;
        min-width:44px !important;
        max-width:44px !important;
        max-height:44px !important;
    }

    .indice_texto_miguel strong{
        font-size:14px !important;
        margin-bottom:3px !important;
    }

    .indice_texto_miguel > span{
        font-size:10px !important;
    }
}


/* =========================================================
   V19 - ROTEIRO DIÁRIO COMPACTO
   ========================================================= */

.roteiro_resumido_miguel{
	margin:10px 0 12px !important;
	padding:12px 15px 13px !important;
	border:1px solid #d9e4ef !important;
	border-left:4px solid #2f6fb3 !important;
	border-radius:12px !important;
	background:#fbfdff !important;
	box-shadow:none !important;
}

.roteiro_resumido_miguel > h3{
	margin:0 0 8px !important;
	padding:0 !important;
	color:#1a4f8d !important;
	font-family:Georgia,"Times New Roman",serif !important;
	font-size:18px !important;
	font-weight:700 !important;
	line-height:1.2 !important;
}

.roteiro_lista_miguel{
	display:grid !important;
	grid-template-columns:1fr !important;
	gap:0 !important;
	margin:0 !important;
	padding:0 !important;
}

.roteiro_lista_miguel > div{
	display:flex !important;
	align-items:center !important;
	gap:8px !important;
	min-height:32px !important;
	padding:5px 4px !important;
	border:0 !important;
	border-bottom:1px solid #e3ebf3 !important;
	background:transparent !important;
	box-shadow:none !important;
}

.roteiro_lista_miguel > div:last-child{
	border-bottom:0 !important;
}

.roteiro_lista_miguel b{
	display:inline-block !important;
	width:25px !important;
	min-width:25px !important;
	margin:0 !important;
	padding:0 !important;
	background:transparent !important;
	border:0 !important;
	border-radius:0 !important;
	box-shadow:none !important;
	color:#1f5f9f !important;
	font-family:Arial,Helvetica,sans-serif !important;
	font-size:14px !important;
	font-weight:700 !important;
	line-height:1 !important;
	text-align:right !important;
}

.roteiro_lista_miguel > div:nth-child(2) b{color:#708e68 !important;}
.roteiro_lista_miguel > div:nth-child(3) b{color:#9a5a50 !important;}
.roteiro_lista_miguel > div:nth-child(4) b{color:#806fa6 !important;}
.roteiro_lista_miguel > div:nth-child(5) b{color:#b28a2d !important;}
.roteiro_lista_miguel > div:nth-child(6) b{color:#4f8c87 !important;}

.roteiro_lista_miguel span{
	display:block !important;
	margin:0 !important;
	padding:0 !important;
	color:#345676 !important;
	font-family:Arial,Helvetica,sans-serif !important;
	font-size:13.2px !important;
	font-weight:600 !important;
	line-height:1.2 !important;
}

/* Garante que o estilo antigo não interfira neste roteiro */
.roteiro_resumido_miguel .roteiro_passos_miguel,
.roteiro_resumido_miguel .roteiro_passo_miguel,
.roteiro_resumido_miguel .costumes_adicionais_miguel{
	display:none !important;
}

@media(max-width:650px){
	.roteiro_resumido_miguel{
		padding:10px 11px !important;
	}

	.roteiro_resumido_miguel > h3{
		font-size:16px !important;
	}

	.roteiro_lista_miguel > div{
		min-height:29px !important;
		padding:4px 2px !important;
	}

	.roteiro_lista_miguel b{
		width:22px !important;
		min-width:22px !important;
		font-size:12.5px !important;
	}

	.roteiro_lista_miguel span{
		font-size:12.2px !important;
	}
}


/* V21 - duas colunas e ajustes pontuais */
.duas_colunas_preparacao_miguel{
 display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:stretch;margin:11px 0 12px;
}
.duas_colunas_preparacao_miguel .preparacao_miguel,
.duas_colunas_preparacao_miguel .roteiro_resumido_miguel{margin:0!important;min-width:0;height:100%;}
.duas_colunas_preparacao_miguel .preparacao_miguel{padding:13px 15px!important;border:1px solid #dfd7bc!important;border-left:4px solid #c99027!important;border-radius:12px!important;background:#fffdf8!important;}
.duas_colunas_preparacao_miguel .preparacao_miguel h3{margin:0 0 9px!important;color:#174b7c!important;font-family:Georgia,"Times New Roman",serif!important;font-size:18px!important;font-weight:700!important;line-height:1.2!important;}
.duas_colunas_preparacao_miguel .preparacao_miguel ul{margin:0!important;padding-left:19px!important;}
.duas_colunas_preparacao_miguel .preparacao_miguel li{margin:0 0 6px!important;color:#334b64!important;font-size:13px!important;font-weight:400!important;line-height:1.35!important;}
.duas_colunas_preparacao_miguel .nota_preparacao{margin:8px 0 0!important;padding-top:8px!important;color:#725d2f!important;font-size:12px!important;line-height:1.35!important;}
.duas_colunas_preparacao_miguel .roteiro_resumido_miguel{padding:13px 15px!important;border:1px solid #d7e3ef!important;border-left:4px solid #2f6fb3!important;border-radius:12px!important;background:#fbfdff!important;box-shadow:none!important;}
.duas_colunas_preparacao_miguel .roteiro_resumido_miguel>h3{margin:0 0 9px!important;color:#174b7c!important;font-family:Georgia,"Times New Roman",serif!important;font-size:18px!important;font-weight:700!important;line-height:1.2!important;}
.duas_colunas_preparacao_miguel .roteiro_lista_miguel{display:grid!important;grid-template-columns:1fr!important;gap:0!important;}
.duas_colunas_preparacao_miguel .roteiro_lista_miguel>div{display:flex!important;align-items:center!important;gap:8px!important;min-height:30px!important;padding:5px 4px!important;border:0!important;border-bottom:1px solid #e1e9f1!important;background:transparent!important;}
.duas_colunas_preparacao_miguel .roteiro_lista_miguel>div:last-child{border-bottom:0!important;}
.duas_colunas_preparacao_miguel .roteiro_lista_miguel b{width:24px!important;min-width:24px!important;margin:0!important;color:#174b7c!important;font-size:14px!important;font-weight:700!important;text-align:right!important;}
.duas_colunas_preparacao_miguel .roteiro_lista_miguel span{color:#324d69!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important;}
.bloco_como>.aviso_miguel{margin-top:0!important;clear:both!important;}
.bloco_diaria .nome_secao_miguel,.bloco_sao_miguel .nome_secao_miguel,.bloco_ladainha .nome_secao_miguel{color:#101010!important;}
.bloco_diaria .oracao_miguel p,.bloco_sao_miguel .oracao_miguel p{color:#171717!important;font-weight:400!important;}
.bloco_ladainha .ladainha_miguel{display:block!important;max-width:900px!important;margin:0 auto!important;}
.bloco_ladainha .ladainha_coluna{display:block!important;width:100%!important;margin:0!important;}
.bloco_ladainha .ladainha_coluna>div{width:100%!important;padding:7px 8px!important;border-bottom:1px dashed #dce4ec!important;color:#171717!important;font-size:13.5px!important;font-weight:400!important;line-height:1.4!important;}
.bloco_ladainha .ladainha_coluna b{color:#174b7c!important;font-weight:600!important;}
.bloco_inicio .texto_abertura_miguel,.bloco_inicio .nota_devocao_privada,.bloco_inicio .destaque_historico{width:100%!important;max-width:none!important;float:none!important;clear:both!important;}
@media(max-width:820px){.duas_colunas_preparacao_miguel{grid-template-columns:1fr;gap:9px;}}
@media(max-width:650px){.duas_colunas_preparacao_miguel .preparacao_miguel,.duas_colunas_preparacao_miguel .roteiro_resumido_miguel{padding:11px 10px!important}.duas_colunas_preparacao_miguel .preparacao_miguel h3,.duas_colunas_preparacao_miguel .roteiro_resumido_miguel>h3{font-size:16px!important}.bloco_diaria .nome_secao_miguel,.bloco_sao_miguel .nome_secao_miguel,.bloco_ladainha .nome_secao_miguel{font-size:19px!important}.bloco_ladainha .ladainha_coluna>div{padding:6px 5px!important;font-size:12.5px!important}}


/* =========================================================
   V22 - CONTEÚDO EM PRETO VIVO
   Títulos permanecem com as cores das seções
   ========================================================= */

/* Restaura as cores dos títulos das seções */
.bloco_diaria .nome_secao_miguel,
.bloco_sao_miguel .nome_secao_miguel,
.bloco_ladainha .nome_secao_miguel{
	color:var(--dia-cor) !important;
}

/* Texto principal do Hero */
.intro_miguel{
	color:#111111 !important;
}

/* O "a" entre as datas também fica mais legível */
.periodo_miguel{
	color:#111111 !important;
}

/* Conteúdo geral dos blocos */
.bloco_miguel p,
.texto_importante,
.mini_card_miguel span,
.pilares_miguel small,
.preparacao_miguel li,
.nota_preparacao,
.roteiro_lista_miguel span,
.aviso_miguel,
.oracao_miguel p,
.ladainha_coluna > div,
.fidelidade_miguel p,
.tema_miguel span{
	color:#111111 !important;
}

/* Preparação em duas colunas */
.duas_colunas_preparacao_miguel .preparacao_miguel li,
.duas_colunas_preparacao_miguel .nota_preparacao,
.duas_colunas_preparacao_miguel .roteiro_lista_miguel span{
	color:#111111 !important;
}

/* Conteúdo do bloco IMPORTANTE */
.bloco_inicio .texto_importante{
	color:#111111 !important;
}

/* Conteúdos menores dos cards iniciais */
.bloco_inicio .mini_card_miguel span{
	color:#111111 !important;
}

/* Textos auxiliares da caminhada */
.temas_miguel .tema_miguel span,
.fidelidade_miguel p{
	color:#111111 !important;
}

/* Ladainha: mantém as invocações destacadas em azul,
   mas todo o restante em preto vivo */
.bloco_ladainha .ladainha_coluna > div{
	color:#111111 !important;
}

.bloco_ladainha .ladainha_coluna b{
	color:#174b7c !important;
}

/* Invocações finais: texto principal preto vivo */
.invocacao_miguel{
	color:#111111 !important;
}

/* No mobile continua legível */
@media(max-width:650px){
	.bloco_miguel p,
	.texto_importante,
	.mini_card_miguel span,
	.pilares_miguel small,
	.preparacao_miguel li,
	.nota_preparacao,
	.roteiro_lista_miguel span,
	.aviso_miguel,
	.oracao_miguel p,
	.ladainha_coluna > div,
	.fidelidade_miguel p,
	.tema_miguel span{
		color:#111111 !important;
	}
}


/* =========================================================
   V23 - INTRODUÇÃO EM DUAS COLUNAS
   ========================================================= */

.bloco_inicio .introducao_duas_colunas_miguel{
	display:grid !important;
	grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
	gap:12px !important;
	margin:0 0 12px !important;
}

.bloco_inicio .coluna_intro_miguel{
	min-width:0 !important;
	padding:14px 16px !important;
	border:1px solid #dce5ee !important;
	border-radius:12px !important;
	background:#fff !important;
}

.bloco_inicio .coluna_intro_azul{
	border-left:4px solid #4778a9 !important;
	background:#f7fbff !important;
}

.bloco_inicio .coluna_intro_dourada{
	border-left:4px solid #b28a2d !important;
	background:#fffaf0 !important;
}

.bloco_inicio .coluna_intro_miguel > strong{
	display:block !important;
	margin:0 0 6px !important;
	font-family:Georgia,"Times New Roman",serif !important;
	font-size:17px !important;
	font-weight:700 !important;
	line-height:1.2 !important;
}

.bloco_inicio .coluna_intro_azul > strong{
	color:#2d649a !important;
}

.bloco_inicio .coluna_intro_dourada > strong{
	color:#9b741f !important;
}

.bloco_inicio .coluna_intro_miguel p{
	margin:0 !important;
	padding:0 !important;
	border:0 !important;
	border-radius:0 !important;
	background:transparent !important;
	color:#111111 !important;
	font-family:Arial,Helvetica,sans-serif !important;
	font-size:14px !important;
	font-weight:400 !important;
	line-height:1.5 !important;
}

.bloco_inicio .coluna_intro_miguel p b{
	color:#111111 !important;
	font-weight:700 !important;
}

/* IMPORTANTE abaixo das duas colunas e em linha única no desktop */
.bloco_inicio .nota_importante_linha{
	display:flex !important;
	flex-direction:row !important;
	align-items:center !important;
	gap:12px !important;
	width:100% !important;
	margin:0 !important;
	padding:11px 14px !important;
	border:1px solid #edc6cc !important;
	border-left:4px solid #b44d5a !important;
	border-radius:12px !important;
	background:#fff8f9 !important;
}

.bloco_inicio .nota_importante_linha .rotulo_importante{
	flex:0 0 auto !important;
	min-width:auto !important;
	height:28px !important;
	padding:0 11px !important;
	border-radius:999px !important;
	background:#b44d5a !important;
	color:#fff !important;
	font-size:11px !important;
	font-weight:700 !important;
	letter-spacing:.3px !important;
}

.bloco_inicio .nota_importante_linha .texto_importante{
	flex:1 1 auto !important;
	margin:0 !important;
	color:#111111 !important;
	font-size:13.5px !important;
	font-weight:400 !important;
	line-height:1.4 !important;
}

.bloco_inicio .nota_importante_linha .texto_importante b{
	color:#111111 !important;
	font-weight:700 !important;
}

/* Os três cards antigos desta seção deixam de ser necessários */
.bloco_inicio .destaque_historico{
	display:none !important;
}

@media(max-width:760px){
	.bloco_inicio .introducao_duas_colunas_miguel{
		grid-template-columns:1fr !important;
		gap:8px !important;
	}

	.bloco_inicio .nota_importante_linha{
		align-items:flex-start !important;
		gap:8px !important;
	}
}

@media(max-width:480px){
	.bloco_inicio .coluna_intro_miguel{
		padding:11px 12px !important;
	}

	.bloco_inicio .coluna_intro_miguel > strong{
		font-size:15.5px !important;
	}

	.bloco_inicio .coluna_intro_miguel p{
		font-size:12.8px !important;
		line-height:1.45 !important;
	}

	.bloco_inicio .nota_importante_linha{
		flex-wrap:wrap !important;
		padding:10px 11px !important;
	}

	.bloco_inicio .nota_importante_linha .texto_importante{
		font-size:12.2px !important;
		line-height:1.4 !important;
	}
}


/* =========================================================
   V24 - NÚMERO E TÍTULO NA MESMA LINHA
   ========================================================= */

.titulo_texto_miguel,
.bloco_inicio .titulo_texto_miguel{
	display:flex !important;
	flex-direction:row !important;
	align-items:baseline !important;
	justify-content:flex-start !important;
	flex-wrap:wrap !important;
	gap:8px !important;
}

.numero_secao_miguel,
.bloco_inicio .numero_secao_miguel{
	display:inline-block !important;
	width:auto !important;
	height:auto !important;
	margin:0 !important;
	padding:0 0 4px !important;
	flex:0 0 auto !important;
	border:0 !important;
	border-bottom:3px solid var(--dia-cor) !important;
	border-radius:0 !important;
	background:transparent !important;
	font-size:20px !important;
	line-height:1 !important;
}

.nome_secao_miguel,
.bloco_inicio .nome_secao_miguel{
	display:inline !important;
	flex:1 1 auto !important;
	min-width:0 !important;
	margin:0 !important;
	line-height:1.08 !important;
}

.bloco_inicio .numero_secao_miguel{
	font-size:24px !important;
}

@media(max-width:650px){
	.titulo_texto_miguel,
	.bloco_inicio .titulo_texto_miguel{
		gap:6px !important;
	}

	.numero_secao_miguel,
	.bloco_inicio .numero_secao_miguel{
		font-size:16px !important;
		padding-bottom:3px !important;
	}

	.nome_secao_miguel,
	.bloco_inicio .nome_secao_miguel{
		font-size:20px !important;
	}
}


/* =========================================================
   V25 - ORAÇÃO A SÃO MIGUEL + LADAINHA AJUSTADAS
   ========================================================= */
.bloco_sao_miguel .oracao_modelo_miguel{
	max-width:780px;
	margin:8px auto 0;
	background:#ffffff;
	border:1px solid #d9e4ef;
	border-radius:20px;
	padding:22px 24px;
	box-shadow:0 8px 20px rgba(26,62,110,.06);
}

.bloco_sao_miguel .subtitulo_oracao_miguel{
	font-size:20px;
	font-weight:800;
	line-height:1.25;
	color:#1b1b1b;
	margin-bottom:16px;
}

.bloco_sao_miguel .versos_oracao_miguel{
	color:#111111;
	font-size:18px;
	line-height:1.9;
	font-weight:500;
}

.bloco_sao_miguel .versos_oracao_miguel > div{
	margin:0;
}

.bloco_ladainha .ladainha_miguel{
	display:block !important;
	max-width:920px !important;
	margin:0 auto !important;
}

.bloco_ladainha .ladainha_unica_miguel .ladainha_grupo{
	background:#fffdf9;
	border:1px solid #e1e7ef;
	border-radius:18px;
	padding:14px 18px;
	margin-bottom:12px;
}

.bloco_ladainha .ladainha_unica_miguel .ladainha_grupo div{
	color:#111111 !important;
	font-size:16px !important;
	line-height:1.75 !important;
	padding:4px 0;
	border-bottom:1px dashed #e5ebf2;
}

.bloco_ladainha .ladainha_unica_miguel .ladainha_grupo div:last-child{
	border-bottom:0;
}

.bloco_ladainha .ladainha_unica_miguel .ladainha_grupo b,
.bloco_ladainha .ladainha_unica_miguel .ladainha_grupo strong{
	color:#174b7c !important;
	font-weight:700 !important;
}

.bloco_ladainha .invocacao_ladainha_miguel{
	max-width:920px;
	margin:10px auto 0;
	font-size:17px;
	line-height:1.6;
	color:#111111;
}

.bloco_ladainha .oracao_final_ladainha{
	max-width:920px;
	margin:14px auto 0;
	background:#f7f3eb;
	border:1px solid #ead8ae;
	border-left:4px solid #d8a327;
	border-radius:16px;
	padding:16px 18px;
	font-size:16px;
	line-height:1.75;
	color:#111111;
}

.bloco_ladainha .oracao_final_ladainha strong{
	color:#7b1f1f;
}

@media(max-width:650px){
	.bloco_sao_miguel .oracao_modelo_miguel{
		padding:16px 14px;
		border-radius:16px;
	}
	.bloco_sao_miguel .subtitulo_oracao_miguel{
		font-size:17px;
		margin-bottom:12px;
	}
	.bloco_sao_miguel .versos_oracao_miguel{
		font-size:16px;
		line-height:1.7;
	}
	.bloco_ladainha .ladainha_unica_miguel .ladainha_grupo{
		padding:12px 12px;
	}
	.bloco_ladainha .ladainha_unica_miguel .ladainha_grupo div{
		font-size:14px !important;
		line-height:1.6 !important;
	}
	.bloco_ladainha .invocacao_ladainha_miguel,
	.bloco_ladainha .oracao_final_ladainha{
		font-size:14.5px;
	}
}


/* =========================================================
   V26 - 4º e 6º sem box branco / leitura direta
   ========================================================= */
.bloco_sao_miguel .oracao_modelo_miguel,
.bloco_consagracao .oracao_miguel{
	max-width:760px !important;
	margin:8px 0 0 !important;
	padding:0 !important;
	background:transparent !important;
	border:none !important;
	border-radius:0 !important;
	box-shadow:none !important;
}

.bloco_sao_miguel .subtitulo_oracao_miguel{
	font-size:18px !important;
	font-weight:800 !important;
	line-height:1.35 !important;
	color:#1b1b1b !important;
	margin:0 0 18px !important;
}

.bloco_sao_miguel .versos_oracao_miguel{
	font-size:16px !important;
	line-height:1.95 !important;
	font-weight:400 !important;
	color:#111111 !important;
}

.bloco_sao_miguel .versos_oracao_miguel > div{
	margin:0 !important;
}

.bloco_consagracao .oracao_miguel{
	text-align:left !important;
}

.bloco_consagracao .oracao_miguel p{
	margin:0 0 16px !important;
	padding:0 !important;
	font-family:Arial,Helvetica,sans-serif !important;
	font-size:16px !important;
	line-height:1.85 !important;
	font-weight:400 !important;
	color:#111111 !important;
	background:transparent !important;
	border:none !important;
	box-shadow:none !important;
}

.bloco_consagracao .oracao_miguel p:last-child{
	margin-bottom:0 !important;
}

@media (max-width: 650px){
	.bloco_sao_miguel .oracao_modelo_miguel,
	.bloco_consagracao .oracao_miguel{
		max-width:100% !important;
	}
	.bloco_sao_miguel .subtitulo_oracao_miguel{
		font-size:16px !important;
		margin-bottom:12px !important;
	}
	.bloco_sao_miguel .versos_oracao_miguel,
	.bloco_consagracao .oracao_miguel p{
		font-size:15px !important;
		line-height:1.75 !important;
	}
	.bloco_consagracao .oracao_miguel p{
		margin-bottom:12px !important;
	}
}


/* =========================================================
   V28 - AJUSTE PONTUAL
   ========================================================= */
.aclamacao_sagrado_coracao_miguel{
	margin-top:14px !important;
	padding-top:10px !important;
	border-top:1px solid #e1e7ee !important;
	color:#8a2f36 !important;
	font-weight:700 !important;
}


/* =========================================================
   V29 - PADRÃO GERAL DE LEITURA
   ========================================================= */

/* 4º bloco: conteúdo alinhado com o início do título */
.bloco_sao_miguel .oracao_modelo_miguel{
	margin:8px 0 0 80px !important;
	max-width:720px !important;
}

/* Todo conteúdo de leitura em preto vivo, Arial e 16px */
.pagina_quaresma_miguel .intro_miguel,
.pagina_quaresma_miguel .coluna_intro_miguel p,
.pagina_quaresma_miguel .texto_importante,
.pagina_quaresma_miguel .texto_abertura_miguel,
.pagina_quaresma_miguel .pilares_miguel small,
.pagina_quaresma_miguel .preparacao_miguel li,
.pagina_quaresma_miguel .nota_preparacao,
.pagina_quaresma_miguel .roteiro_lista_miguel span,
.pagina_quaresma_miguel .aviso_miguel,
.pagina_quaresma_miguel .oracao_miguel p,
.pagina_quaresma_miguel .versos_oracao_miguel > div,
.pagina_quaresma_miguel .ladainha_coluna > div,
.pagina_quaresma_miguel .invocacao_miguel,
.pagina_quaresma_miguel .oracao_final_ladainha,
.pagina_quaresma_miguel .fidelidade_miguel p,
.pagina_quaresma_miguel .tema_miguel span,
.pagina_quaresma_miguel .mini_card_miguel span{
	color:#111111 !important;
	font-family:Arial,Helvetica,sans-serif !important;
	font-size:16px !important;
	font-weight:400 !important;
	line-height:1.65 !important;
}

/* Mantém destaques em negrito bem legíveis */
.pagina_quaresma_miguel .bloco_miguel strong,
.pagina_quaresma_miguel .bloco_miguel b{
	font-weight:700 !important;
}

/* O texto do roteiro pode ficar levemente mais forte */
.pagina_quaresma_miguel .roteiro_lista_miguel span{
	font-weight:600 !important;
}

/* Oração a São Miguel: leitura linha por linha */
.bloco_sao_miguel .versos_oracao_miguel{
	color:#111111 !important;
	font-family:Arial,Helvetica,sans-serif !important;
	font-size:16px !important;
	font-weight:400 !important;
	line-height:1.65 !important;
}

.bloco_sao_miguel .versos_oracao_miguel > div{
	margin:0 0 6px !important;
	padding:0 !important;
}

/* Aclamação final */
.bloco_sao_miguel .aclamacao_sagrado_coracao_miguel{
	margin-top:14px !important;
	padding-top:12px !important;
	border-top:1px solid #dfe6ed !important;
	color:#9a2020 !important;
	font-size:16px !important;
	font-weight:700 !important;
	line-height:1.55 !important;
}

/* Conteúdo da Consagração no mesmo padrão */
.bloco_consagracao .oracao_miguel p{
	font-size:16px !important;
	line-height:1.65 !important;
	color:#111111 !important;
}

/* Mobile: volta a alinhar pela largura inteira */
@media(max-width:650px){
	.bloco_sao_miguel .oracao_modelo_miguel{
		margin:6px 0 0 !important;
		max-width:100% !important;
	}

	.pagina_quaresma_miguel .intro_miguel,
	.pagina_quaresma_miguel .coluna_intro_miguel p,
	.pagina_quaresma_miguel .texto_importante,
	.pagina_quaresma_miguel .texto_abertura_miguel,
	.pagina_quaresma_miguel .pilares_miguel small,
	.pagina_quaresma_miguel .preparacao_miguel li,
	.pagina_quaresma_miguel .nota_preparacao,
	.pagina_quaresma_miguel .roteiro_lista_miguel span,
	.pagina_quaresma_miguel .aviso_miguel,
	.pagina_quaresma_miguel .oracao_miguel p,
	.pagina_quaresma_miguel .versos_oracao_miguel > div,
	.pagina_quaresma_miguel .ladainha_coluna > div,
	.pagina_quaresma_miguel .invocacao_miguel,
	.pagina_quaresma_miguel .oracao_final_ladainha,
	.pagina_quaresma_miguel .fidelidade_miguel p,
	.pagina_quaresma_miguel .tema_miguel span,
	.pagina_quaresma_miguel .mini_card_miguel span{
		font-size:15px !important;
		line-height:1.6 !important;
	}
}


/* =========================================================
   V30 - PADRÃO ÚNICO DE ALINHAMENTO E LEITURA
   Referência visual: conteúdo do 4º item
   ========================================================= */

/* ---------------------------------------------------------
   RECUO PADRÃO DOS CONTEÚDOS
   Alinha todos os conteúdos com o início do texto do título,
   preservando o ícone à esquerda.
   --------------------------------------------------------- */

.bloco_miguel > *:not(.titulo_bloco_miguel){
	margin-left:80px !important;
	margin-right:0 !important;
	max-width:calc(100% - 80px) !important;
	box-sizing:border-box !important;
}

/* Corrige elementos que possuem largura própria */
.bloco_miguel > .introducao_duas_colunas_miguel,
.bloco_miguel > .nota_devocao_privada,
.bloco_miguel > .duas_colunas_preparacao_miguel,
.bloco_miguel > .pilares_miguel,
.bloco_miguel > .aviso_miguel,
.bloco_miguel > .oracao_miguel,
.bloco_miguel > .oracao_modelo_miguel,
.bloco_miguel > .ladainha_miguel,
.bloco_miguel > .invocacao_miguel,
.bloco_miguel > .oracao_final_ladainha,
.bloco_miguel > .fidelidade_miguel,
.bloco_miguel > .temas_miguel{
	width:calc(100% - 80px) !important;
}

/* O 4º item permanece como referência de alinhamento */
.bloco_sao_miguel .oracao_modelo_miguel{
	margin-left:80px !important;
	width:calc(100% - 80px) !important;
	max-width:720px !important;
}

/* ---------------------------------------------------------
   PADRÃO DE ESCRITA
   Arial + preto vivo + tamanho uniforme
   --------------------------------------------------------- */

.bloco_miguel p,
.bloco_miguel li,
.bloco_miguel small,
.bloco_miguel .texto_importante,
.bloco_miguel .coluna_intro_miguel p,
.bloco_miguel .mini_card_miguel span,
.bloco_miguel .pilares_miguel small,
.bloco_miguel .nota_preparacao,
.bloco_miguel .roteiro_lista_miguel span,
.bloco_miguel .aviso_miguel,
.bloco_miguel .oracao_miguel p,
.bloco_miguel .versos_oracao_miguel > div,
.bloco_miguel .ladainha_coluna > div,
.bloco_miguel .linha_ladainha_miguel,
.bloco_miguel .invocacao_miguel,
.bloco_miguel .oracao_final_ladainha,
.bloco_miguel .fidelidade_miguel p,
.bloco_miguel .tema_miguel span{
	color:#111111 !important;
	font-family:Arial,Helvetica,sans-serif !important;
	font-size:16px !important;
	font-weight:400 !important;
	line-height:1.65 !important;
}

/* Texto em linhas do 4º item */
.bloco_sao_miguel .versos_oracao_miguel > div{
	margin:0 0 6px !important;
	padding:0 !important;
}

/* Negritos continuam bem visíveis */
.bloco_miguel strong,
.bloco_miguel b{
	font-weight:700 !important;
}

/* Roteiro: mantém leitura direta */
.bloco_miguel .roteiro_lista_miguel span{
	font-weight:600 !important;
}

/* Blocos explicativos sem cinza */
.bloco_miguel .coluna_intro_miguel,
.bloco_miguel .preparacao_miguel,
.bloco_miguel .roteiro_resumido_miguel,
.bloco_miguel .fidelidade_miguel,
.bloco_miguel .tema_miguel{
	color:#111111 !important;
}

/* ---------------------------------------------------------
   AJUSTES DE ESPAÇAMENTO
   --------------------------------------------------------- */

.bloco_miguel > p{
	margin-top:0 !important;
	margin-bottom:12px !important;
}

.bloco_miguel .oracao_miguel p{
	margin-bottom:12px !important;
}

.bloco_miguel .preparacao_miguel li{
	margin-bottom:7px !important;
}

.bloco_miguel .linha_ladainha_miguel,
.bloco_miguel .ladainha_coluna > div{
	padding-top:5px !important;
	padding-bottom:5px !important;
}

/* ---------------------------------------------------------
   MOBILE / TABLET
   Remove o recuo para aproveitar a largura da tela
   --------------------------------------------------------- */

@media(max-width:760px){

	.bloco_miguel > *:not(.titulo_bloco_miguel){
		margin-left:0 !important;
		margin-right:0 !important;
		width:100% !important;
		max-width:100% !important;
	}

	.bloco_sao_miguel .oracao_modelo_miguel{
		margin-left:0 !important;
		width:100% !important;
		max-width:100% !important;
	}

	.bloco_miguel p,
	.bloco_miguel li,
	.bloco_miguel small,
	.bloco_miguel .texto_importante,
	.bloco_miguel .coluna_intro_miguel p,
	.bloco_miguel .mini_card_miguel span,
	.bloco_miguel .pilares_miguel small,
	.bloco_miguel .nota_preparacao,
	.bloco_miguel .roteiro_lista_miguel span,
	.bloco_miguel .aviso_miguel,
	.bloco_miguel .oracao_miguel p,
	.bloco_miguel .versos_oracao_miguel > div,
	.bloco_miguel .ladainha_coluna > div,
	.bloco_miguel .linha_ladainha_miguel,
	.bloco_miguel .invocacao_miguel,
	.bloco_miguel .oracao_final_ladainha,
	.bloco_miguel .fidelidade_miguel p,
	.bloco_miguel .tema_miguel span{
		font-size:15px !important;
		line-height:1.6 !important;
	}
}


/* =========================================================
   V31 - LEITURA SIMPLES / PÚBLICO IDOSO
   ========================================================= */

/* Índice sem números */
.indice_texto_miguel strong{
	display:none !important;
}

.indice_texto_miguel{
	justify-content:center !important;
}

.indice_texto_miguel > span{
	font-size:13px !important;
	font-weight:700 !important;
	line-height:1.15 !important;
	color:#1f2b3a !important;
}

/* Remove qualquer número antigo dos títulos */
.bloco_inicio .numero_secao_miguel,
.bloco_como .numero_secao_miguel,
.bloco_caminhada .numero_secao_miguel,
.bloco_encerramento .numero_secao_miguel{
	display:none !important;
}

/* Títulos */
.bloco_oracao_sequencial .nome_secao_miguel b{
	color:var(--dia-cor) !important;
	font-family:Arial,Helvetica,sans-serif !important;
	font-size:23px !important;
	font-weight:800 !important;
	margin-right:8px !important;
}

.titulo_texto_miguel{
	display:block !important;
}

.nome_secao_miguel{
	font-size:27px !important;
	line-height:1.2 !important;
}

/* Conteúdo principal: preto vivo, maior e uniforme */
.bloco_miguel > *:not(.titulo_bloco_miguel):not(.data_final_miguel){
	margin-left:80px !important;
	max-width:780px !important;
}

.oracao_linhas_idoso,
.lista_simples_miguel{
	font-family:Arial,Helvetica,sans-serif !important;
	font-size:18px !important;
	font-weight:400 !important;
	line-height:1.62 !important;
	color:#0b0b0b !important;
}

.oracao_linhas_idoso > div,
.lista_simples_miguel > div{
	margin:0 0 4px !important;
	padding:0 !important;
	color:#0b0b0b !important;
}

.espaco_oracao{
	height:14px !important;
	margin:0 !important;
}

/* Primeiro bloco resumido */
.resumo_duplo_miguel{
	display:grid !important;
	grid-template-columns:1fr 1fr !important;
	gap:14px !important;
}

.resumo_duplo_miguel > div{
	padding:14px 16px !important;
	border:1px solid #dce5ee !important;
	border-radius:12px !important;
	background:#fff !important;
}

.resumo_duplo_miguel strong,
.preparacao_simples_miguel > strong{
	display:block !important;
	margin-bottom:7px !important;
	color:#174b7c !important;
	font-family:Georgia,"Times New Roman",serif !important;
	font-size:18px !important;
}

.resumo_duplo_miguel span,
.preparacao_simples_miguel span,
.tres_pontos_miguel span{
	display:block !important;
	color:#0b0b0b !important;
	font-family:Arial,Helvetica,sans-serif !important;
	font-size:16px !important;
	line-height:1.5 !important;
	margin-bottom:3px !important;
}

.nota_importante_simples{
	display:flex !important;
	align-items:center !important;
	gap:12px !important;
	margin-top:12px !important;
	padding:11px 14px !important;
	border-left:4px solid #b44d5a !important;
	background:#fff8f8 !important;
	border-radius:10px !important;
}

.nota_importante_simples > strong{
	flex:0 0 auto !important;
	color:#fff !important;
	background:#b44d5a !important;
	border-radius:999px !important;
	padding:6px 10px !important;
	font-size:12px !important;
}

.nota_importante_simples span{
	color:#0b0b0b !important;
	font-size:15px !important;
	line-height:1.45 !important;
}

/* Segundo bloco simplificado */
.tres_pontos_miguel{
	display:grid !important;
	grid-template-columns:repeat(3,1fr) !important;
	gap:10px !important;
	margin-bottom:12px !important;
}

.tres_pontos_miguel > div{
	padding:12px !important;
	border:1px solid #dde6ee !important;
	border-radius:12px !important;
	background:#fff !important;
}

.tres_pontos_miguel strong{
	display:block !important;
	margin-bottom:4px !important;
	color:#174b7c !important;
	font-size:14px !important;
}

.preparacao_simples_miguel{
	padding:13px 15px !important;
	border-left:4px solid #c99027 !important;
	background:#fffdf8 !important;
	border-radius:10px !important;
}

.aviso_simples_miguel{
	margin-top:10px !important;
	padding:10px 12px !important;
	font-size:15px !important;
	line-height:1.45 !important;
	color:#0b0b0b !important;
}

/* Oração a São Miguel */
.aclamacao_sagrado_coracao_miguel{
	margin-left:80px !important;
	max-width:780px !important;
	margin-top:16px !important;
	padding:12px 0 0 !important;
	border-top:1px solid #dfe6ed !important;
	color:#9a2020 !important;
	font-family:Arial,Helvetica,sans-serif !important;
	font-size:17px !important;
	font-weight:700 !important;
	line-height:1.5 !important;
}

/* Ladainha e oração final */
.ladainha_linhas_idoso{
	max-width:850px !important;
}

.oracao_final_simples_miguel{
	margin-top:18px !important;
	padding:14px 16px !important;
	border-left:4px solid #c99027 !important;
	background:#fffaf1 !important;
	border-radius:10px !important;
	font-family:Arial,Helvetica,sans-serif !important;
	font-size:17px !important;
	line-height:1.6 !important;
	color:#0b0b0b !important;
}

.oracao_final_simples_miguel strong{
	display:block !important;
	margin-bottom:6px !important;
	color:#174b7c !important;
	font-size:18px !important;
}

.oracao_final_simples_miguel div{
	color:#0b0b0b !important;
}

/* Limpa caixas internas antigas */
.bloco_oracao_sequencial .oracao_miguel,
.bloco_oracao_sequencial .oracao_modelo_miguel,
.bloco_oracao_sequencial .ladainha_miguel{
	background:transparent !important;
	border:0 !important;
	box-shadow:none !important;
	padding:0 !important;
}

/* Mobile/tablet */
@media(max-width:760px){
	.bloco_miguel > *:not(.titulo_bloco_miguel):not(.data_final_miguel),
	.aclamacao_sagrado_coracao_miguel{
		margin-left:0 !important;
		max-width:100% !important;
		width:100% !important;
	}

	.resumo_duplo_miguel{
		grid-template-columns:1fr !important;
		gap:8px !important;
	}

	.tres_pontos_miguel{
		grid-template-columns:1fr !important;
		gap:7px !important;
	}

	.oracao_linhas_idoso,
	.lista_simples_miguel{
		font-size:17px !important;
		line-height:1.58 !important;
	}

	.nome_secao_miguel{
		font-size:22px !important;
	}

	.bloco_oracao_sequencial .nome_secao_miguel b{
		font-size:20px !important;
	}

	.nota_importante_simples{
		align-items:flex-start !important;
		flex-direction:column !important;
		gap:7px !important;
	}
}


/* =========================================================
   V32 - DESTAQUE "OFERECER UMA PENITÊNCIA"
   ========================================================= */

.bloco_caminhada .titulo_texto_miguel{
	display:flex !important;
	flex-direction:row !important;
	align-items:center !important;
	flex-wrap:wrap !important;
	gap:10px !important;
}

.bloco_caminhada .destaque_penitencia_miguel{
	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;
	padding:6px 11px !important;
	border:1px solid #d9a85b !important;
	border-radius:999px !important;
	background:#fff6e8 !important;
	color:#9b5e17 !important;
	font-family:Arial,Helvetica,sans-serif !important;
	font-size:12px !important;
	font-weight:800 !important;
	line-height:1 !important;
	letter-spacing:.35px !important;
	white-space:nowrap !important;
}

@media(max-width:650px){
	.bloco_caminhada .titulo_texto_miguel{
		display:flex !important;
		flex-direction:column !important;
		align-items:flex-start !important;
		gap:7px !important;
	}

	.bloco_caminhada .destaque_penitencia_miguel{
		font-size:11px !important;
		padding:5px 9px !important;
	}
}


/* =========================================================
   V33 - ORIGEM + DESTAQUES AO LADO DOS TÍTULOS
   ========================================================= */

/* Breve relato da origem */
.origem_quaresma_miguel{
	display:flex !important;
	align-items:flex-start !important;
	gap:12px !important;
	margin-top:12px !important;
	padding:12px 14px !important;
	border-left:4px solid #4778a9 !important;
	border-radius:0 10px 10px 0 !important;
	background:#f5f9fd !important;
}

.origem_quaresma_miguel > strong{
	flex:0 0 auto !important;
	color:#174b7c !important;
	font-family:Georgia,"Times New Roman",serif !important;
	font-size:17px !important;
	font-weight:700 !important;
	line-height:1.4 !important;
}

.origem_quaresma_miguel > span{
	color:#0b0b0b !important;
	font-family:Arial,Helvetica,sans-serif !important;
	font-size:16px !important;
	font-weight:400 !important;
	line-height:1.5 !important;
}

.origem_quaresma_miguel b{
	color:#0b0b0b !important;
	font-weight:700 !important;
}

/* Durante a caminhada + penitência na mesma linha */
.bloco_caminhada .titulo_texto_miguel{
	display:flex !important;
	flex-direction:row !important;
	align-items:center !important;
	flex-wrap:nowrap !important;
	gap:10px !important;
	width:100% !important;
	min-width:0 !important;
}

.bloco_caminhada .nome_secao_miguel{
	flex:1 1 auto !important;
	min-width:0 !important;
}

.bloco_caminhada .destaque_penitencia_miguel{
	flex:0 0 auto !important;
	padding:5px 10px !important;
	border:1px solid #d4a244 !important;
	border-radius:999px !important;
	background:#fff8e8 !important;
	color:#a87618 !important;
	font-size:11.5px !important;
	font-weight:800 !important;
	letter-spacing:.25px !important;
	white-space:nowrap !important;
}

/* Festa dos Santos Arcanjos + data dourada na mesma linha */
.bloco_encerramento .titulo_texto_miguel{
	display:flex !important;
	flex-direction:row !important;
	align-items:center !important;
	flex-wrap:nowrap !important;
	gap:10px !important;
	width:100% !important;
	min-width:0 !important;
}

.bloco_encerramento .nome_secao_miguel{
	flex:1 1 auto !important;
	min-width:0 !important;
}

.data_titulo_miguel{
	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;
	flex:0 0 auto !important;
	padding:5px 10px !important;
	border:1px solid #d4a244 !important;
	border-radius:999px !important;
	background:#fff8e8 !important;
	color:#a87618 !important;
	font-family:Arial,Helvetica,sans-serif !important;
	font-size:11.5px !important;
	font-weight:800 !important;
	line-height:1 !important;
	letter-spacing:.25px !important;
	white-space:nowrap !important;
}

/* Tablet/celular: continuam ao lado, mas mais compactos */
@media(max-width:650px){
	.origem_quaresma_miguel{
		flex-direction:column !important;
		gap:5px !important;
		padding:10px 11px !important;
	}

	.origem_quaresma_miguel > strong{
		font-size:15.5px !important;
	}

	.origem_quaresma_miguel > span{
		font-size:15px !important;
		line-height:1.48 !important;
	}

	.bloco_caminhada .titulo_texto_miguel,
	.bloco_encerramento .titulo_texto_miguel{
		display:flex !important;
		flex-direction:row !important;
		align-items:center !important;
		flex-wrap:nowrap !important;
		gap:6px !important;
	}

	.bloco_caminhada .destaque_penitencia_miguel,
	.data_titulo_miguel{
		padding:4px 7px !important;
		font-size:9.5px !important;
		letter-spacing:0 !important;
	}
}


/* =========================================================
   V34 - DESTAQUES DOURADOS MAIS PRÓXIMOS AO TÍTULO
   ========================================================= */
.bloco_caminhada .titulo_bloco_miguel,
.bloco_encerramento .titulo_bloco_miguel{
    align-items:center !important;
}

.bloco_caminhada .titulo_texto_miguel,
.bloco_encerramento .titulo_texto_miguel{
    display:inline-flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
    gap:10px !important;
    width:auto !important;
    max-width:calc(100% - 90px) !important;
    min-width:0 !important;
    flex:0 1 auto !important;
}

.bloco_caminhada .nome_secao_miguel,
.bloco_encerramento .nome_secao_miguel{
    flex:0 1 auto !important;
    min-width:0 !important;
}

.bloco_caminhada .destaque_penitencia_miguel,
.data_titulo_miguel{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin-left:2px !important;
    padding:6px 14px !important;
    border:1px solid #d2a13c !important;
    border-radius:999px !important;
    background:linear-gradient(180deg,#fff5cf 0%,#f4d77f 48%,#e2b44d 100%) !important;
    color:#8c5b04 !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.8),
        0 2px 8px rgba(191,145,43,.18) !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:12px !important;
    font-weight:800 !important;
    line-height:1 !important;
    letter-spacing:.25px !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
}

/* tom do título um pouco mais nobre nessas duas faixas */
.bloco_caminhada .nome_secao_miguel{
    color:#9a5e4a !important;
}
.bloco_encerramento .nome_secao_miguel{
    color:#5b7fb9 !important;
}

@media(max-width: 900px){
    .bloco_caminhada .titulo_texto_miguel,
    .bloco_encerramento .titulo_texto_miguel{
        max-width:calc(100% - 76px) !important;
        gap:8px !important;
    }
}

@media(max-width: 650px){
    .bloco_caminhada .titulo_texto_miguel,
    .bloco_encerramento .titulo_texto_miguel{
        max-width:calc(100% - 68px) !important;
        gap:6px !important;
    }

    .bloco_caminhada .destaque_penitencia_miguel,
    .data_titulo_miguel{
        padding:5px 10px !important;
        font-size:10px !important;
        letter-spacing:.1px !important;
    }
}


/* =========================================================
   V35 - AJUSTES PEDIDOS PELO USUÁRIO
   - selo do hero no mesmo estilo dourado de destaque
   - índice: "Início" -> "O que é"
   - bloco 1 vira "Início" e "Sinal da Cruz" entra dentro do box
   ========================================================= */

.selo_miguel{
    padding:7px 16px !important;
    border:1px solid #d6aa49 !important;
    border-radius:999px !important;
    background:linear-gradient(180deg,#fff8dc 0%,#f5df9a 48%,#e2b44d 100%) !important;
    color:#8b5a06 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 2px 8px rgba(191,145,43,.18) !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:12px !important;
    font-weight:800 !important;
    letter-spacing:.25px !important;
    text-transform:uppercase !important;
}

/* bloco 1: subtítulo interno em preto vivo */
.subtitulo_oracao_miguel{
    margin-left:80px !important;
    margin-bottom:10px !important;
    color:#0b0b0b !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:25px !important;
    font-weight:700 !important;
    line-height:1.1 !important;
}

.bloco_diaria .oracao_linhas_idoso{
    margin-top:0 !important;
}

/* índice com leitura mais clara */
.indice_texto_miguel > span{
    font-size:13px !important;
    font-weight:700 !important;
    color:#344a62 !important;
}

@media(max-width: 900px){
    .selo_miguel{
        font-size:11px !important;
        padding:6px 13px !important;
    }
    .subtitulo_oracao_miguel{
        margin-left:0 !important;
        font-size:22px !important;
    }
}

@media(max-width: 650px){
    .subtitulo_oracao_miguel{
        font-size:20px !important;
        margin-bottom:8px !important;
    }
}


/* =========================================================
   V38 - DESTAQUES DOURADOS LEVES E ELEGANTES
   CAMINHADA / PENITÊNCIA / 29 DE SETEMBRO
   ========================================================= */

/* Base visual em comum:
   dourado suave, pouco contraste e sem aspecto pesado */
.selo_miguel,
.bloco_caminhada .destaque_penitencia_miguel,
.data_titulo_miguel{
	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;

	border:1px solid #d8b96f !important;
	border-radius:999px !important;

	background:
		linear-gradient(
			180deg,
			#fffdf8 0%,
			#fbf5e6 48%,
			#f3e5bd 100%
		) !important;

	color:#8b651b !important;

	font-family:Arial,Helvetica,sans-serif !important;
	font-weight:700 !important;
	line-height:1 !important;
	letter-spacing:.25px !important;
	text-transform:uppercase !important;

	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.95),
		0 2px 6px rgba(151,112,28,.09) !important;

	white-space:nowrap !important;
}

/* Pequeno detalhe dourado antes do texto */
.selo_miguel::before,
.bloco_caminhada .destaque_penitencia_miguel::before,
.data_titulo_miguel::before{
	content:"✦";
	display:inline-block;
	margin-right:7px;
	color:#c79732;
	font-size:9px;
	line-height:1;
}

/* Destaque principal do Hero */
.selo_miguel{
	align-self:flex-start !important;
	margin-bottom:11px !important;
	padding:8px 15px !important;
	font-size:11.5px !important;
}

/* Mantém os selos junto ao título */
.bloco_caminhada .titulo_texto_miguel,
.bloco_encerramento .titulo_texto_miguel{
	display:inline-flex !important;
	flex-direction:row !important;
	align-items:center !important;
	justify-content:flex-start !important;
	flex-wrap:wrap !important;
	gap:10px !important;
	width:auto !important;
	max-width:100% !important;
}

/* Evita que o título empurre o selo para o outro lado */
.bloco_caminhada .nome_secao_miguel,
.bloco_encerramento .nome_secao_miguel{
	flex:0 1 auto !important;
	min-width:0 !important;
}

/* Selos secundários */
.bloco_caminhada .destaque_penitencia_miguel,
.data_titulo_miguel{
	flex:0 0 auto !important;
	margin-left:2px !important;
	padding:6px 11px !important;
	font-size:10.5px !important;
}

/* Tons dos títulos permanecem os já definidos pela página */
.bloco_caminhada .destaque_penitencia_miguel{
	color:#8d6517 !important;
}

.data_titulo_miguel{
	color:#8d6517 !important;
}

/* Tablet */
@media(max-width:900px){
	.selo_miguel{
		padding:7px 13px !important;
		font-size:11px !important;
	}

	.bloco_caminhada .destaque_penitencia_miguel,
	.data_titulo_miguel{
		padding:5px 9px !important;
		font-size:10px !important;
	}
}

/* Celular */
@media(max-width:650px){
	.bloco_caminhada .titulo_texto_miguel,
	.bloco_encerramento .titulo_texto_miguel{
		gap:7px !important;
	}

	.selo_miguel::before,
	.bloco_caminhada .destaque_penitencia_miguel::before,
	.data_titulo_miguel::before{
		margin-right:5px;
		font-size:8px;
	}

	.bloco_caminhada .destaque_penitencia_miguel,
	.data_titulo_miguel{
		padding:5px 8px !important;
		font-size:9.5px !important;
		letter-spacing:.1px !important;
	}
}


/* =========================================================
   V40 - RESPONSIVO NO PADRÃO DA NOVENA DAS MÃOS
   Smartphone / iPhone
   - índice 3 por linha
   - ícone à esquerda e texto à direita
   - hero proporcional e compacto
   ========================================================= */

@media(max-width:640px){

    /* -----------------------------------------------------
       HERO - horizontal compacto e imagem proporcional
       ----------------------------------------------------- */
    .pagina_quaresma_miguel{
        padding:12px 8px 28px !important;
    }

    .hero_miguel{
        display:grid !important;
        grid-template-columns:40% 60% !important;
        min-height:190px !important;
        margin-bottom:10px !important;
        border-radius:16px !important;
        overflow:hidden !important;
    }

    .hero_miguel_imagem{
        min-height:190px !important;
        height:190px !important;
        padding:5px !important;
        border-right:1px solid #dfe7f1 !important;
        border-bottom:0 !important;
        background:
            radial-gradient(circle at center,rgba(218,174,71,.12),transparent 48%),
            linear-gradient(145deg,#edf4fb 0%,#e6eef7 100%) !important;
    }

    .hero_miguel_imagem img{
        display:block !important;
        width:100% !important;
        height:100% !important;
        max-width:100% !important;
        max-height:100% !important;
        object-fit:contain !important;
        object-position:center center !important;
        transform:none !important;
        padding:0 !important;
    }

    .hero_miguel_conteudo{
        justify-content:center !important;
        padding:11px 9px 11px 11px !important;
        text-align:left !important;
    }

    .selo_miguel{
        align-self:flex-start !important;
        margin:0 0 5px !important;
        padding:4px 7px !important;
        font-size:7.2px !important;
        letter-spacing:0 !important;
    }

    .selo_miguel::before{
        margin-right:4px !important;
        font-size:6px !important;
    }

    .hero_miguel h1{
        margin:0 !important;
        font-size:22px !important;
        line-height:1.02 !important;
        letter-spacing:-.15px !important;
        text-align:left !important;
    }

    .linha_miguel{
        width:78px !important;
        margin:5px 0 6px !important;
        font-size:7px !important;
    }

    .periodo_miguel{
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;
        flex-wrap:wrap !important;
        gap:2px 5px !important;
        margin:0 0 5px !important;
        font-size:10px !important;
        line-height:1.18 !important;
        text-align:left !important;
    }

    .periodo_miguel > span{
        font-size:10px !important;
    }

    .intro_miguel{
        margin:0 !important;
        font-size:10.7px !important;
        line-height:1.28 !important;
        text-align:left !important;
    }

    /* No celular o conteúdo abaixo já repete a invocação.
       Retirar aqui reduz bastante a altura do hero. */
    .frase_miguel{

        display:none !important;
    }


    /* -----------------------------------------------------
       ÍNDICE - exatamente no conceito usado na Novena:
       3 por linha, baixo, ícone à esquerda.
       ----------------------------------------------------- */
    .indice_miguel,
    .indice_miguel.fixo{
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        grid-auto-flow:row !important;
        gap:5px !important;

        width:100% !important;
        max-width:none !important;
        margin:0 0 12px !important;
        padding:6px !important;

        overflow:visible !important;
        overflow-x:visible !important;
        overflow-y:visible !important;

        border-radius:11px !important;
        box-sizing:border-box !important;
    }

    .indice_miguel.fixo{
        left:0 !important;
        right:0 !important;
        top:0 !important;
        transform:none !important;
        margin:0 !important;
        border-radius:0 0 10px 10px !important;
    }

    .indice_miguel a,
    .indice_miguel.fixo a{
        display:grid !important;
        grid-template-columns:34px minmax(0,1fr) !important;
        grid-template-rows:1fr !important;

        align-items:center !important;
        column-gap:5px !important;

        width:auto !important;
        min-width:0 !important;
        min-height:50px !important;
        flex:none !important;

        padding:4px 5px !important;
        border-radius:10px !important;
    }

    .indice_icone_miguel,
    .indice_miguel.fixo .indice_icone_miguel,
    .indice_icone_miguel img,
    .indice_miguel.fixo .indice_icone_miguel img{
        width:34px !important;
        height:34px !important;
        min-width:34px !important;
        max-width:34px !important;
        max-height:34px !important;
        margin:0 !important;
    }

    .indice_texto_miguel,
    .indice_miguel.fixo .indice_texto_miguel{
        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        justify-content:center !important;
        min-width:0 !important;
        width:100% !important;
    }

    .indice_texto_miguel > span,
    .indice_miguel.fixo .indice_texto_miguel > span{
        margin:0 !important;
        font-size:10px !important;
        line-height:1.02 !important;
        font-weight:700 !important;
        text-align:left !important;

        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:normal !important;
        hyphens:none !important;
    }

    /* índice fixo ocupa 3 linhas, então seções precisam
       de espaço suficiente para não ficarem escondidas */
    .bloco_miguel{
        scroll-margin-top:190px !important;
    }

    .espaco_indice_miguel.ativo{
        height:180px !important;
    }


    /* -----------------------------------------------------
       CABEÇALHOS DOS BLOCOS - padrão compacto da Novena
       ----------------------------------------------------- */
    .titulo_bloco_miguel,
    .bloco_inicio .titulo_bloco_miguel{
        display:grid !important;
        grid-template-columns:52px minmax(0,1fr) !important;
        align-items:center !important;

        min-height:54px !important;
        padding:4px 10px 4px 7px !important;
        gap:7px !important;
    }

    .icone_bloco_miguel,
    .bloco_inicio .icone_bloco_miguel{
        width:52px !important;
        height:52px !important;
    }

    .icone_bloco_miguel img,
    .bloco_inicio .icone_bloco_miguel img{
        width:61px !important;
        height:61px !important;
        max-width:61px !important;
        max-height:61px !important;
        object-fit:contain !important;
    }

    .titulo_texto_miguel,
    .bloco_inicio .titulo_texto_miguel{
        display:block !important;
        min-width:0 !important;
        max-width:100% !important;
    }

    .nome_secao_miguel,
    .bloco_inicio .nome_secao_miguel{
        display:block !important;
        font-size:18.5px !important;
        line-height:1.03 !important;
        word-break:normal !important;
        overflow-wrap:normal !important;
        hyphens:none !important;
    }

    .bloco_oracao_sequencial .nome_secao_miguel b{
        font-size:16px !important;
        margin-right:4px !important;
    }


    /* -----------------------------------------------------
       CONTEÚDO - largura confortável
       ----------------------------------------------------- */
    .bloco_miguel > *:not(.titulo_bloco_miguel):not(.data_final_miguel),
    .aclamacao_sagrado_coracao_miguel,
    .subtitulo_oracao_miguel{
        width:auto !important;
        max-width:none !important;
        margin-left:10px !important;
        margin-right:10px !important;
    }

    .resumo_duplo_miguel{
        grid-template-columns:1fr !important;
        gap:7px !important;
    }

    .resumo_duplo_miguel > div{
        padding:10px 12px !important;
    }

    .resumo_duplo_miguel strong,
    .preparacao_simples_miguel > strong{
        font-size:16px !important;
    }

    .resumo_duplo_miguel span,
    .preparacao_simples_miguel span,
    .tres_pontos_miguel span{
        font-size:15px !important;
        line-height:1.42 !important;
    }

    .origem_quaresma_miguel{
        margin-top:8px !important;
        padding:10px 11px !important;
    }

    .nota_importante_simples{
        margin-top:8px !important;
        padding:9px 10px !important;
    }

    .tres_pontos_miguel{
        grid-template-columns:1fr !important;
        gap:6px !important;
    }

    .tres_pontos_miguel > div{
        padding:9px 11px !important;
    }

    .preparacao_simples_miguel{
        padding:10px 12px !important;
    }

    .oracao_linhas_idoso,
    .lista_simples_miguel{
        font-size:16px !important;
        line-height:1.52 !important;
    }

    /* Destaques finais ficam abaixo do título no celular */
    .bloco_caminhada .titulo_texto_miguel,
    .bloco_encerramento .titulo_texto_miguel{
        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:4px !important;
        max-width:100% !important;
    }

    .bloco_caminhada .destaque_penitencia_miguel,
    .data_titulo_miguel{
        margin-left:0 !important;
        padding:4px 7px !important;
        font-size:8.5px !important;
    }
}


/* iPhone menor */
@media(max-width:430px){

    .hero_miguel{
        grid-template-columns:39% 61% !important;
        min-height:180px !important;
    }

    .hero_miguel_imagem{
        min-height:180px !important;
        height:180px !important;
        padding:4px !important;
    }

    .hero_miguel_conteudo{
        padding:9px 7px 9px 9px !important;
    }

    .hero_miguel h1{
        font-size:20px !important;
    }

    .intro_miguel{
        font-size:10px !important;
    }

    .indice_miguel,
    .indice_miguel.fixo{
        gap:4px !important;
        padding:5px !important;
    }

    .indice_miguel a,
    .indice_miguel.fixo a{
        grid-template-columns:31px minmax(0,1fr) !important;
        min-height:48px !important;
        padding:4px !important;
        column-gap:4px !important;
    }

    .indice_icone_miguel,
    .indice_miguel.fixo .indice_icone_miguel,
    .indice_icone_miguel img,
    .indice_miguel.fixo .indice_icone_miguel img{
        width:31px !important;
        height:31px !important;
        min-width:31px !important;
        max-width:31px !important;
        max-height:31px !important;
    }

    .indice_texto_miguel > span,
    .indice_miguel.fixo .indice_texto_miguel > span{
        font-size:9.5px !important;
    }

    .nome_secao_miguel,
    .bloco_inicio .nome_secao_miguel{
        font-size:18px !important;
    }
}