/* centro_css.css - Slider movido para home_slider.css */

html,
body{
	overflow-x:hidden;
	touch-action:manipulation;
}

.pagina_centro{
	--azul:#173b67;
	--azul-claro:#2f6fad;
	--dourado:#c99422;
	--vermelho:#c83c3c;
	--verde:#3f8f4d;
	--roxo:#8b4ab8;
	--texto:#27364a;
	--texto-suave:#65758a;
	--borda:#dfe7f1;
	--fundo-card:#ffffff;
	--sombra:0 10px 28px rgba(23,59,103,.10);
	--sombra-hover:0 16px 34px rgba(23,59,103,.16);
	max-width:1120px;
	margin:0 auto;
	padding:24px 20px 34px;
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	color:var(--texto);
}

.pagina_centro a{
	-webkit-tap-highlight-color:transparent;
}

.titulo_secao{
	position:relative;
	margin:0 0 18px;
	padding-bottom:11px;
	color:var(--azul);
	font-family:Georgia, "Times New Roman", serif;
	font-size:26px;
	font-weight:700;
	line-height:1.15;
}

.titulo_secao::after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:78px;
	height:3px;
	border-radius:999px;
	background:linear-gradient(90deg, var(--dourado), #f1d37a);
}

/* Conteudos do Portal */

.portal_conteudo{
	display:grid;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	gap:18px;
	margin-bottom:34px;
}

.card_portal{
	display:flex;
	flex-direction:column;
	min-height:100%;
	overflow:hidden;
	border:1px solid var(--borda);
	border-radius:12px;
	background:var(--fundo-card);
	color:var(--texto);
	text-decoration:none;
	box-shadow:0 6px 18px rgba(23,59,103,.07);
	transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
	position:relative;
	isolation:isolate;
}

.card_portal::after{
	content:"";
	position:absolute;
	top:0;
	left:-78%;
	z-index:4;
	width:52%;
	height:100%;
	background:linear-gradient(110deg, transparent 0%, rgba(255,255,255,.46) 50%, transparent 100%);
	transform:skewX(-18deg);
	opacity:0;
	pointer-events:none;
}

.card_portal:hover{
	transform:translateY(-6px);
	border-color:#bfd0e3;
	box-shadow:var(--sombra-hover);
}

.card_portal:hover::after{
	opacity:1;
	animation:brilhoCard .85s ease forwards;
}

.imagem_portal{
	position:relative;
	height:185px;
	overflow:hidden;
	background:#f7f9fc;
	border-bottom:1px solid var(--borda);
}

.imagem_portal::before{
	display:none;
}

.imagem_portal img{
	position:absolute;
	top:50%;
	left:50%;
	display:block;
	width:auto;
	height:auto;
	max-width:80%;
	max-height:80%;
	transform:translate(-50%, -50%);
	object-fit:contain;
	transition:transform .22s ease, filter .22s ease;
}

.card_portal:hover .imagem_portal img{
	transform:translate(-50%, -50%) scale(1.045);
	filter:none;
}

.conteudo_portal{
	display:flex;
	flex:1;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	min-height:88px;
	padding:15px 12px 17px;
	text-align:center;
}

.categoria_portal{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	max-width:100%;
	margin-bottom:8px;
	padding:4px 10px;
	border:1px solid #d8e3ef;
	border-radius:999px;
	background:#f3f7fb;
	color:#111827;
	font-size:10px;
	font-weight:600;
	line-height:1.1;
	text-transform:uppercase;
}

.conteudo_portal h2,
.conteudo_portal h3{
	margin:0;
	color:#111827;
	font-family:Georgia, "Times New Roman", serif;
	font-size:21px;
	font-weight:600;
	line-height:1.1;
}

.card_portal:nth-child(-n+2){
	display:grid;
	grid-template-columns:minmax(230px, 1.25fr) minmax(210px, .85fr);
	grid-column:span 2;
	min-height:240px;
	border-top-width:0;
	border-radius:14px;
	background:#fff;
	box-shadow:0 12px 28px rgba(23,59,103,.12);
}

.card_portal:nth-child(2){
	background:#fff;
}

.card_portal:nth-child(-n+2) .imagem_portal{
	height:100%;
	min-height:240px;
	border-right:1px solid var(--borda);
	border-bottom:0;
	overflow:hidden;
}

.card_portal:nth-child(-n+2) .imagem_portal::after{
	display:none;
}

.card_portal:nth-child(-n+2) .imagem_portal::before{
	inset:28px;
}

.card_portal:nth-child(-n+2) .imagem_portal img{
	max-width:96%;
	max-height:94%;
}

.card_portal:nth-child(-n+2) .conteudo_portal{
	display:flex;
	flex:1;
	flex-direction:column;
	align-items:flex-start;
	justify-content:flex-start;
	min-height:0;
	padding:20px 24px 22px;
	text-align:left;
	position:relative;
	z-index:2;
}

.card_portal:nth-child(-n+2) .categoria_portal{
	position:static;
	margin:0 0 10px 0;
	padding:4px 10px;
	border-color:#d8e3ef;
	background:#f3f7fb;
	color:#111827;
	font-size:9.5px;
	font-weight:600;
	letter-spacing:.35px;
	box-shadow:none;
}

.card_portal:nth-child(-n+2) h2{
	max-width:260px;
	margin:0;
	padding:0;
	font-size:23px;
	line-height:1.14;
	text-align:left;
	overflow-wrap:normal;
	word-break:normal;
}

.card_portal:nth-child(-n+2) h2::after{
	content:"";
	display:block;
	width:64px;
	height:3px;
	margin-top:16px;
	border-radius:999px;
	background:currentColor;
	opacity:.25;
}

.card_portal:nth-child(-n+2):hover{
	border-color:#c6d4e3;
	box-shadow:0 18px 38px rgba(23,59,103,.17);
}

.card_portal:nth-child(n+3){
	border-radius:14px;
}

.card_portal:nth-child(n+3) .imagem_portal{
	height:150px;
}

.card_portal:nth-child(n+3) .conteudo_portal{
	min-height:78px;
	padding:13px 10px 15px;
}

.card_portal:nth-child(n+3) .categoria_portal{
	font-size:9px;
	margin-bottom:7px;
	padding:3px 8px;
}

.card_portal:nth-child(n+3) h2{
	font-size:18px;
}

.card_oferecimento{ border-top:5px solid var(--vermelho); }
.card_liturgia{ border-top:5px solid var(--azul-claro); }
.card_santo{ border-top:5px solid var(--dourado); }
.card_oracao{ border-top:5px solid var(--verde); }
.card_terco{ border-top:5px solid var(--roxo); }
.card_novena{ border-top:5px solid #a64a99; }

.card_oferecimento .categoria_portal{ background:#fff0f0; border-color:#f2c2c2; color:#111827; }
.card_liturgia .categoria_portal{ background:#edf6ff; border-color:#bfdbf3; color:#111827; }
.card_santo .categoria_portal{ background:#fff8df; border-color:#ead187; color:#111827; }
.card_oracao .categoria_portal{ background:#eef9f0; border-color:#bfe4c5; color:#111827; }
.card_terco .categoria_portal{ background:#f8efff; border-color:#dec2f1; color:#111827; }
.card_novena .categoria_portal{ background:#fff0fb; border-color:#ecc4df; color:#111827; }

/* Devocionais */

.bloco_devocionais{
	margin:0 0 34px;
	padding:22px;
	border:1px solid var(--borda);
	border-radius:18px;
	background:
		radial-gradient(circle at 96% 8%, rgba(255,255,255,.9), transparent 30%),
		linear-gradient(135deg, #ffffff 0%, #eef6ff 60%, #fff3c9 100%);
	box-shadow:0 12px 30px rgba(23,59,103,.12);
	position:relative;
	overflow:hidden;
}

.bloco_devocionais::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:5px;
	background:linear-gradient(90deg, var(--azul) 0%, var(--dourado) 52%, var(--vermelho) 100%);
}

.devocionais_topo{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:24px;
	margin-bottom:18px;
}

.devocionais_etiqueta{
	display:inline-flex;
	margin-bottom:7px;
	padding:5px 10px;
	border-radius:999px;
	background:var(--azul);
	color:#fff;
	font-size:11px;
	font-weight:650;
	line-height:1;
	text-transform:uppercase;
}

.titulo_devocionais{
	margin-bottom:0;
	padding-bottom:0;
}

.titulo_devocionais::after{
	display:none;
}

.devocionais_topo p{
	max-width:430px;
	margin:0;
	color:#26384d;
	font-size:14px;
	font-weight:500;
	line-height:1.35;
	text-align:right;
}

.devocionais_grade{
	display:grid;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	gap:16px;
}

.devocional_card_faixa{
	display:flex;
	flex-direction:column;
	overflow:hidden;
	border:1px solid var(--borda);
	border-radius:12px;
	background:#fff;
	color:var(--texto);
	text-decoration:none;
	box-shadow:0 6px 18px rgba(23,59,103,.08);
	transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
	position:relative;
	isolation:isolate;
	 max-width:100%;
}

.devocional_card_faixa::after{
	content:"";
	position:absolute;
	top:0;
	left:-78%;
	z-index:4;
	width:52%;
	height:100%;
	background:linear-gradient(110deg, transparent 0%, rgba(255,255,255,.46) 50%, transparent 100%);
	transform:skewX(-18deg);
	opacity:0;
	pointer-events:none;
}

.devocional_card_faixa:hover{
	transform:translateY(-7px);
	border-color:#bfd0e3;
	box-shadow:var(--sombra-hover);
}

.devocional_card_faixa:hover::after{
	opacity:1;
	animation:brilhoCard .85s ease forwards;
}

.devocional_titulo_faixa{
	padding:9px 8px;
	color:#fff;
	font-family:Georgia, "Times New Roman", serif;
	font-size:15px;
	font-weight:700;
	line-height:1.1;
	text-align:center;
}

.devocional_barra_coracao .devocional_titulo_faixa{ background:linear-gradient(180deg, #ff7474 0%, #c62f2f 58%, #972020 100%); }
.devocional_barra_mariano .devocional_titulo_faixa{ background:linear-gradient(180deg, #62b0ff 0%, #2f73b8 58%, #1b4f84 100%); }
.devocional_barra_maos .devocional_titulo_faixa{ background:linear-gradient(180deg, #c77dff 0%, #8840b8 58%, #5f2b80 100%); }
.devocional_barra_gracas .devocional_titulo_faixa{ background:linear-gradient(180deg, #ffd86b 0%, #d3a127 58%, #906811 100%); }

.devocional_imagem_card{
	height:160px;
	overflow:hidden;
	background:#eef3f8;
}

.devocional_imagem_card img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
	transition:transform .22s ease, filter .22s ease;
}

.devocional_card_faixa:hover .devocional_imagem_card img{
	transform:scale(1.075);
	filter:brightness(1.04) saturate(1.08) contrast(1.05);
}

.devocional_conteudo{
	display:flex;
	flex:1;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	min-height:76px;
	padding:12px 9px 14px;
	text-align:center;
}

.devocional_conteudo h2{
	margin:0 0 5px;
	color:var(--azul);
	font-family:Georgia, "Times New Roman", serif;
	font-size:15px;
	font-weight:600;
	line-height:1.12;
}

.devocional_conteudo p{
	margin:0;
	color:#26384d;
	font-size:11px;
	font-weight:500;
	line-height:1.2;
}

/* Destaques */

.grid_destaques{
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:18px;
	margin:0 0 10px;
}

.box_destaque{
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	min-height:156px;
	padding:18px 16px;
	border:1px solid var(--borda);
	border-top-width:4px;
	border-radius:14px;
	background:#fff;
	text-align:center;
	box-shadow:0 6px 18px rgba(23,59,103,.07);
	transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
	overflow:hidden;
}

.box_destaque::after{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(135deg, rgba(255,255,255,.45), transparent 48%);
	pointer-events:none;
}

.box_destaque:hover{
	transform:translateY(-5px);
	box-shadow:var(--sombra-hover);
}

.box_santo_home{ border-top-color:var(--dourado); }
.box_canal{ border-top-color:var(--vermelho); }
.box_versiculo{ border-top-color:var(--azul-claro); }

.box_destaque::before{
	display:flex;
	align-items:center;
	justify-content:center;
	width:42px;
	height:42px;
	margin-bottom:10px;
	border-radius:50%;
	color:#fff;
	font-size:18px;
	font-weight:900;
	line-height:1;
	box-shadow:0 6px 14px rgba(23,59,103,.16);
}

.box_santo_home::before{
	content:"+";
	background:var(--dourado);
}

.box_canal::before{
	content:">";
	background:var(--vermelho);
}

.box_versiculo::before{
	content:"\"";
	background:var(--azul-claro);
}

.box_destaque h3{
	margin:0 0 6px;
	color:var(--azul);
	font-family:Georgia, "Times New Roman", serif;
	font-size:19px;
	font-weight:700;
	line-height:1.12;
}

.box_destaque p{
	margin:0;
	color:var(--texto-suave);
	font-size:12px;
	font-weight:400;
	line-height:1.32;
}

.box_versiculo p{
	font-style:italic;
}

.box_versiculo .referencia_msg{
	display:block;
	margin-top:5px;
	color:var(--azul);
	font-size:11px;
	font-style:normal;
	font-weight:600;
}

.botao_secao{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:32px;
	margin-top:12px;
	padding:0 15px;
	border-radius:999px;
	background:var(--azul);
	color:#fff;
	font-size:11px;
	font-weight:650;
	text-decoration:none;
	box-shadow:0 7px 16px rgba(23,59,103,.18);
	transition:transform .18s ease, background .18s ease;
}

.botao_secao:hover{
	transform:translateY(-1px);
	background:#102d50;
}

@keyframes brilhoCard{
	from{ left:-78%; }
	to{ left:132%; }
}

/* Modo escuro */

body.modo-escuro .pagina_centro{
	--texto:#e8eef7;
	--texto-suave:#c2cfdd;
	--borda:#2b3a4d;
	--fundo-card:#182536;
}

body.modo-escuro .titulo_secao,
body.modo-escuro .conteudo_portal h2,
body.modo-escuro .conteudo_portal h3,
body.modo-escuro .devocional_conteudo h2,
body.modo-escuro .box_destaque h3{
	color:#f4f8ff;
}

body.modo-escuro .card_portal,
body.modo-escuro .devocional_card_faixa,
body.modo-escuro .box_destaque{
	background:#182536;
}

body.modo-escuro .imagem_portal,
body.modo-escuro .devocional_imagem_card{
	background:linear-gradient(180deg, #243247 0%, #172233 100%);
}

body.modo-escuro .conteudo_portal,
body.modo-escuro .devocional_conteudo{
	background:#182536;
}

body.modo-escuro .categoria_portal{
	border-color:#344961;
	background:#223349;
	color:#dce9f8;
}

body.modo-escuro .bloco_devocionais{
	background:linear-gradient(135deg, #142033 0%, #18283d 68%, #233046 100%);
}

/* Responsivo */

@media(max-width:1000px){
	.devocionais_grade{
    grid-template-columns:repeat(2, minmax(0, 1fr));
}
	.pagina_centro{
		padding:20px 16px 30px;
	}

	.slider{
		max-width:900px;
		min-height:250px;
	}

	.titulo_banner{
		top:12px;
		left:50%;
		right:auto;
		max-width:560px;
		width:calc(100% - 70px);
		font-size:29px;
	}

	.portal_conteudo{
		gap:14px;
	}

	.card_portal:nth-child(-n+2){
		grid-template-columns:minmax(180px, 1.1fr) minmax(180px, .9fr);
		min-height:205px;
	}

	.card_portal:nth-child(-n+2) .imagem_portal{
		min-height:205px;
	}

	.card_portal:nth-child(-n+2) .conteudo_portal{
		padding:18px 20px 20px;
	}

	.card_portal:nth-child(-n+2) h2{
		max-width:230px;
		padding:18px 18px;
		font-size:19px;
	}

	.card_portal:nth-child(n+3) .imagem_portal{
		height:130px;
	}

	.card_portal:nth-child(n+3) h2{
		font-size:16px;
	}

	.imagem_portal{
		height:155px;
	}

	.conteudo_portal h2,
	.conteudo_portal h3{
		font-size:18px;
	}

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

	.grid_destaques{
		gap:14px;
	}

	.box_destaque{
		min-height:144px;
		padding:16px 12px;
	}
}

@media(max-width:700px){
	.pagina_centro{
		padding:16px 12px 26px;
	}

	.titulo_secao{
		font-size:23px;
		margin-bottom:15px;
	}

	.slider{
		aspect-ratio:1.72 / 1;
		min-height:0;
		margin-bottom:28px;
		border-radius:12px;
	}

	.banner_texto{
		padding:0;
	}

	.titulo_banner{
		top:10px;
		left:50%;
		max-width:78%;
		width:calc(100% - 38px);
		font-size:18px;
		line-height:1.08;
	}

	.frase_banner{
		left:16px;
		bottom:48px;
		transform:none;
		padding:5px 9px;
		font-size:9.5px;
	}

	.botao_banner{
		left:auto;
		right:16px;
		bottom:14px;
		transform:none;
		min-height:30px;
		padding:0 11px;
		font-size:10px;
	}

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

	.botao_esq{ left:9px; }
	.botao_dir{ right:9px; }

	.indicadores{
		bottom:10px;
	}

	.portal_conteudo{
		grid-template-columns:repeat(2, minmax(0, 1fr));
		gap:10px;
		margin-bottom:26px;
	}

	.card_portal:nth-child(-n+2){
		display:flex;
		grid-column:1 / -1;
		min-height:0;
		border-radius:15px;
	}

	.card_portal:nth-child(-n+2) .imagem_portal{
		height:178px;
		min-height:0;
		border-right:0;
		border-bottom:1px solid var(--borda);
	}

	.card_portal:nth-child(-n+2) .conteudo_portal{
		align-items:center;
		text-align:center;
		padding:14px 14px 17px;
	}

	.card_portal:nth-child(-n+2) .categoria_portal{
		margin-bottom:8px;
		padding:4px 10px;
		font-size:9px;
	}

	.card_portal:nth-child(-n+2) h2{
		font-size:22px;
		line-height:1.08;
		width:100%;
		max-width:none;
		padding:0;
		text-align:center;
	}

	.card_portal:nth-child(-n+2) h2::after{
		width:48px;
		margin:12px auto 0;
	}

	.card_portal:nth-child(n+3){
		border-radius:12px;
	}

	.card_portal:nth-child(n+3) .imagem_portal{
		height:112px;
	}

	.card_portal:nth-child(n+3) .conteudo_portal{
		min-height:62px;
		padding:9px 6px 10px;
	}

	.card_portal:nth-child(n+3) .categoria_portal{
		font-size:7px;
		margin-bottom:5px;
		padding:3px 7px;
	}

	.card_portal:nth-child(n+3) h2{
		font-size:13px;
	}

	.imagem_portal{
		height:118px;
	}

	.imagem_portal img{
		max-width:88%;
		max-height:86%;
	}

	.conteudo_portal{
		min-height:70px;
		padding:11px 7px 12px;
	}

	.categoria_portal{
		margin-bottom:6px;
		padding:3px 7px;
		font-size:7.5px;
	}

	.conteudo_portal h2,
	.conteudo_portal h3{
		font-size:14px;
	}

	.bloco_devocionais{
		padding:16px 12px;
		margin-bottom:26px;
	}

	.devocionais_topo{
		display:block;
		margin-bottom:14px;
		text-align:center;
	}

	.devocionais_topo p{
		max-width:none;
		margin-top:8px;
		font-size:12px;
		text-align:center;
	}

	.devocionais_grade{
		gap:10px;
	}

	.devocional_titulo_faixa{
		font-size:13px;
		padding:8px 6px;
	}

	.devocional_imagem_card{
		height:128px;
	}

	.devocional_conteudo{
		min-height:66px;
		padding:10px 6px;
	}

	.devocional_conteudo h2{
		font-size:12px;
	}

	.devocional_conteudo p{
		font-size:9px;
	}

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

	.box_destaque{
		display:grid;
		grid-template-columns:40px 1fr;
		align-items:center;
		column-gap:12px;
		min-height:0;
		padding:13px 12px;
		text-align:left;
	}

	.box_destaque::before{
		grid-row:1 / span 3;
		grid-column:1;
		width:38px;
		height:38px;
		margin:0;
		font-size:16px;
	}

	.box_destaque h3,
	.box_destaque p,
	.box_destaque .botao_secao{
		grid-column:2;
		justify-self:start;
		text-align:left;
	}

	.box_destaque h3{
		margin-bottom:3px;
		font-size:16px;
	}

	.box_destaque p{
		font-size:10.5px;
	}

	.botao_secao{
		min-height:29px;
		margin-top:7px;
		padding:0 12px;
		font-size:9.5px;
	}
}

@media(max-width:430px){
	.pagina_centro{
		padding-left:10px;
		padding-right:10px;
	}

	.slider{
		aspect-ratio:1.55 / 1;
	}

	.banner_texto{
		padding:15px 14px 18px;
	}

	.titulo_banner{
		top:9px;
		left:50%;
		max-width:82%;
		font-size:16px;
	}

	.frase_banner{
		left:12px;
		bottom:44px;
		transform:none;
		font-size:9px;
	}

	.botao_banner{
		left:auto;
		right:12px;
		bottom:12px;
		transform:none;
		min-height:28px;
		font-size:9px;
	}

	.imagem_portal{
		height:108px;
	}

	.card_portal:nth-child(-n+2) .imagem_portal{
		height:158px;
	}

	.card_portal:nth-child(-n+2) h2{
		font-size:21px;
	}

	.card_portal:nth-child(n+3) .imagem_portal{
		height:102px;
	}

	.conteudo_portal{
		min-height:64px;
	}

	.categoria_portal{
		font-size:7px;
	}

	.conteudo_portal h2,
	.conteudo_portal h3{
		font-size:13px;
	}

	.devocional_imagem_card{
		height:116px;
	}
}

@media(max-width:360px){
	.titulo_banner{
		font-size:15px;
	}

	.frase_banner{
		display:none;
	}

	.portal_conteudo,
	.devocionais_grade{
		gap:8px;
	}

	.imagem_portal{
		height:98px;
	}

	.conteudo_portal h2,
	.conteudo_portal h3{
		font-size:12px;
	}

	.devocional_imagem_card{
		height:105px;
	}
}

@media(prefers-reduced-motion:reduce){
	*,
	*::before,
	*::after{
		animation:none !important;
		transition:none !important;
		scroll-behavior:auto !important;
	}
}

/* =========================================================
   AJUSTE - SUBTÍTULO ABAIXO DO TÍTULO NOS CARDS DO PORTAL
========================================================= */

.conteudo_portal{
	display:flex !important;
	flex-direction:column !important;
	align-items:center !important;
	justify-content:center !important;
	text-align:center !important;
}

.conteudo_portal h2,
.conteudo_portal h3{
	order:1 !important;
	margin:0 0 7px 0 !important;
}

.categoria_portal{
	order:2 !important;
	margin:0 !important;
}

/* Cards grandes */
.card_portal:nth-child(-n+2) .conteudo_portal{
	align-items:flex-start !important;
	text-align:left !important;
}

.card_portal:nth-child(-n+2) h2{
	order:1 !important;
	margin:0 0 12px 0 !important;
	text-align:left !important;
}

.card_portal:nth-child(-n+2) .categoria_portal{
	order:2 !important;
	margin:0 !important;
}

/* Responsivo */
@media(max-width:700px){

	.card_portal:nth-child(-n+2) .conteudo_portal{
		align-items:center !important;
		text-align:center !important;
	}

	.card_portal:nth-child(-n+2) h2{
		text-align:center !important;
		margin:0 0 9px 0 !important;
	}

	.categoria_portal{
		margin:0 !important;
	}
}

/* =========================================================
   AJUSTE FINAL v56 - SLIDER E DESTAQUES RESPONSIVOS
========================================================= */

/* SLIDER - conteúdo como estava antes */

.slider{
	width:100% !important;
	max-width:980px !important;
	aspect-ratio:2.55 / 1 !important;
	min-height:300px !important;
	margin:0 auto 38px !important;
}

.titulo_banner{
	top:14px !important;
	left:50% !important;
	right:auto !important;
	transform:translateX(-50%) !important;
	width:calc(100% - 90px) !important;
	max-width:760px !important;
	padding:0 !important;
	background:transparent !important;
	color:#ffffff !important;
	font-family:Georgia, "Times New Roman", serif !important;
	font-size:36px !important;
	font-weight:900 !important;
	line-height:1.08 !important;
	text-align:center !important;
	text-transform:uppercase !important;
	text-shadow:
		0 2px 0 rgba(40,30,18,.88),
		0 5px 14px rgba(0,0,0,.62),
		0 0 3px rgba(0,0,0,.85) !important;
}

.frase_banner{
	left:30px !important;
	bottom:72px !important;
	transform:none !important;
	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;
	max-width:520px !important;
	padding:8px 14px !important;
	border:1px solid rgba(255,255,255,.72) !important;
	border-radius:10px !important;
	background:rgba(255,255,255,.92) !important;
	color:#173b67 !important;
	font-size:13.5px !important;
	font-weight:700 !important;
	line-height:1.2 !important;
	text-align:center !important;
	text-shadow:none !important;
	box-shadow:0 8px 18px rgba(23,59,103,.14) !important;
}

.botao_banner{
	left:auto !important;
	right:30px !important;
	bottom:26px !important;
	transform:none !important;
	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;
	min-height:34px !important;
	padding:0 15px !important;
	border-radius:999px !important;
	font-size:12px !important;
	font-weight:800 !important;
	text-decoration:none !important;
	box-shadow:0 8px 18px rgba(0,0,0,.24) !important;
	pointer-events:auto !important;
	z-index:4 !important;
}

/* RESPONSIVO - 3 cards finais: 2 em cima e 1 centralizado embaixo */

@media(max-width:700px){

	.slider{
		width:100% !important;
		max-width:980px !important;
		aspect-ratio:1.72 / 1 !important;
		min-height:0 !important;
		margin-bottom:28px !important;
		border-radius:12px !important;
	}

	.titulo_banner{
		top:10px !important;
		left:50% !important;
		max-width:78% !important;
		width:calc(100% - 38px) !important;
		font-size:18px !important;
		line-height:1.08 !important;
	}

	.frase_banner{
		left:16px !important;
		bottom:48px !important;
		transform:none !important;
		padding:5px 9px !important;
		font-size:9.5px !important;
	}

	.botao_banner{
		left:auto !important;
		right:16px !important;
		bottom:14px !important;
		transform:none !important;
		min-height:30px !important;
		padding:0 11px !important;
		font-size:10px !important;
	}

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

	.grid_destaques .box_santo_home{
		grid-column:1 !important;
	}

	.grid_destaques .box_canal{
		grid-column:2 !important;
	}

	.grid_destaques .box_versiculo{
		grid-column:1 / -1 !important;
		width:calc(50% - 5px) !important;
		justify-self:center !important;
	}

	.box_destaque{
		display:flex !important;
		flex-direction:column !important;
		align-items:center !important;
		justify-content:center !important;
		text-align:center !important;
		min-height:132px !important;
		padding:14px 10px !important;
	}

	.box_destaque::before{
		grid-row:auto !important;
		grid-column:auto !important;
		width:38px !important;
		height:38px !important;
		margin:0 0 9px 0 !important;
		font-size:16px !important;
	}

	.box_destaque h3,
	.box_destaque p,
	.box_destaque .botao_secao{
		grid-column:auto !important;
		justify-self:center !important;
		text-align:center !important;
	}

	.box_destaque h3{
		margin:0 0 5px 0 !important;
		font-size:15px !important;
	}

	.box_destaque p{
		margin:0 !important;
		font-size:9.8px !important;
		line-height:1.2 !important;
	}

	.box_destaque .botao_secao{
		margin-top:9px !important;
		min-height:29px !important;
		padding:0 12px !important;
		font-size:9px !important;
	}
}

@media(max-width:430px){

	.slider{
		aspect-ratio:1.55 / 1 !important;
	}

	.titulo_banner{
		top:9px !important;
		left:50% !important;
		max-width:82% !important;
		font-size:16px !important;
	}

	.frase_banner{
		left:12px !important;
		bottom:44px !important;
		transform:none !important;
		font-size:9px !important;
	}

	.botao_banner{
		left:auto !important;
		right:12px !important;
		bottom:12px !important;
		transform:none !important;
		min-height:28px !important;
		font-size:9px !important;
	}

	.grid_destaques .box_versiculo{
		width:calc(50% - 5px) !important;
	}

	.box_destaque{
		min-height:122px !important;
		padding:12px 8px !important;
	}

	.box_destaque h3{
		font-size:14px !important;
	}

	.box_destaque p{
		font-size:9px !important;
	}

	.box_destaque .botao_secao{
		min-height:28px !important;
		font-size:8.5px !important;
		padding:0 10px !important;
	}
}

/* =========================================================
   AJUSTES v57 - MENSAGEM 100% + AVALIAÇÃO RESPONSIVA
========================================================= */

@media(max-width:700px){

	/* Mensagem do Dia ocupa largura total */
	.grid_destaques .box_versiculo{
		grid-column:1 / -1 !important;
		width:100% !important;
		max-width:100% !important;
	}

	/* Avaliação do site */
	.bloco_avaliacao{
		padding:18px 14px !important;
		border-radius:18px !important;
		text-align:center !important;
	}

	.bloco_avaliacao h2{
		display:flex !important;
		align-items:center !important;
		justify-content:center !important;
		gap:8px !important;
		font-size:20px !important;
		line-height:1.18 !important;
		margin:0 0 8px 0 !important;
		text-align:center !important;
		flex-wrap:wrap !important;
	}

	.bloco_avaliacao h2::before{
		content:"★";
		display:inline-flex !important;
		align-items:center !important;
		justify-content:center !important;
		width:28px !important;
		height:28px !important;
		border-radius:50% !important;
		background:linear-gradient(180deg,#2d67ab 0%, #153f74 100%) !important;
		color:#ffd86b !important;
		font-size:15px !important;
		box-shadow:0 4px 10px rgba(0,0,0,.18) !important;
	}

	.bloco_avaliacao .icone_avaliacao,
	.bloco_avaliacao .estrela_avaliacao{
		display:none !important;
	}

	.bloco_avaliacao p{
		font-size:13px !important;
		line-height:1.35 !important;
		margin:0 auto 14px auto !important;
		max-width:320px !important;
		text-align:center !important;
	}

	.bloco_avaliacao .botao_avaliacao{
		min-height:40px !important;
		padding:0 18px !important;
		font-size:14px !important;
		border-radius:999px !important;
	}
}

@media(max-width:430px){

	.bloco_avaliacao{
		padding:16px 12px !important;
	}

	.bloco_avaliacao h2{
		font-size:18px !important;
	}

	.bloco_avaliacao h2::before{
		width:26px !important;
		height:26px !important;
		font-size:14px !important;
	}

	.bloco_avaliacao p{
		font-size:12px !important;
		max-width:280px !important;
	}

	.bloco_avaliacao .botao_avaliacao{
		min-height:38px !important;
		font-size:13px !important;
		padding:0 16px !important;
	}
}

/* =========================================================
   AJUSTES v58 - RESPONSIVO PORTAL + ÍCONES DESTAQUES
========================================================= */

/* Oferecimento e Liturgia no responsivo: mantém imagem à esquerda e texto à direita */
@media(max-width:700px){

	.card_portal:nth-child(-n+2){
		display:grid !important;
		grid-template-columns:45% 55% !important;
		grid-column:1 / -1 !important;
		min-height:150px !important;
		border-radius:15px !important;
	}

	.card_portal:nth-child(-n+2) .imagem_portal{
		width:100% !important;
		height:100% !important;
		min-height:150px !important;
		border-right:1px solid var(--borda) !important;
		border-bottom:0 !important;
	}

	.card_portal:nth-child(-n+2) .imagem_portal img{
		max-width:90% !important;
		max-height:88% !important;
	}

	.card_portal:nth-child(-n+2) .conteudo_portal{
		align-items:flex-start !important;
		justify-content:center !important;
		text-align:left !important;
		min-height:150px !important;
		padding:14px 13px 14px 15px !important;
	}

	.card_portal:nth-child(-n+2) h2{
		width:100% !important;
		max-width:none !important;
		padding:0 !important;
		margin:0 0 8px 0 !important;
		font-size:20px !important;
		line-height:1.08 !important;
		text-align:left !important;
	}

	.card_portal:nth-child(-n+2) h2::after{
		width:42px !important;
		height:3px !important;
		margin:10px 0 0 0 !important;
	}

	.card_portal:nth-child(-n+2) .categoria_portal{
		margin:0 !important;
		padding:4px 9px !important;
		font-size:8px !important;
		text-align:left !important;
		justify-content:flex-start !important;
	}
}

@media(max-width:430px){

	.card_portal:nth-child(-n+2){
		grid-template-columns:43% 57% !important;
		min-height:136px !important;
	}

	.card_portal:nth-child(-n+2) .imagem_portal{
		min-height:136px !important;
	}

	.card_portal:nth-child(-n+2) .conteudo_portal{
		min-height:136px !important;
		padding:12px 10px 12px 12px !important;
	}

	.card_portal:nth-child(-n+2) h2{
		font-size:18px !important;
		line-height:1.05 !important;
		margin-bottom:7px !important;
	}

	.card_portal:nth-child(-n+2) h2::after{
		width:36px !important;
		margin-top:8px !important;
	}

	.card_portal:nth-child(-n+2) .categoria_portal{
		font-size:7px !important;
		padding:3px 7px !important;
	}
}

/* Ícones dos 3 cards finais: mais bonitos e mais religiosos/profissionais */
.box_destaque::before{
	font-family:Georgia, "Times New Roman", serif !important;
	width:44px !important;
	height:44px !important;
	margin-bottom:11px !important;
	border:2px solid rgba(255,255,255,.85) !important;
	box-shadow:
		0 7px 16px rgba(23,59,103,.20),
		inset 0 1px 0 rgba(255,255,255,.35) !important;
}

.box_santo_home::before{
	content:"✦" !important;
	background:
		radial-gradient(circle at 35% 25%, #fff3b8 0%, transparent 28%),
		linear-gradient(180deg,#e8b741 0%,#c99422 58%,#9f6b08 100%) !important;
	color:#ffffff !important;
	font-size:21px !important;
}

.box_canal::before{
	content:"▶" !important;
	background:
		radial-gradient(circle at 35% 25%, #ffb9b9 0%, transparent 28%),
		linear-gradient(180deg,#ef5b5b 0%,#c83c3c 58%,#9f2222 100%) !important;
	color:#ffffff !important;
	font-size:18px !important;
	padding-left:2px !important;
}

.box_versiculo::before{
	content:"❝" !important;
	background:
		radial-gradient(circle at 35% 25%, #a9d5ff 0%, transparent 28%),
		linear-gradient(180deg,#4f94d5 0%,#2f6fad 58%,#174a82 100%) !important;
	color:#ffffff !important;
	font-size:24px !important;
	line-height:.9 !important;
}

@media(max-width:700px){

	.box_destaque::before{
		width:40px !important;
		height:40px !important;
		margin-bottom:9px !important;
	}

	.box_santo_home::before{
		font-size:19px !important;
	}

	.box_canal::before{
		font-size:16px !important;
	}

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

@media(max-width:430px){

	.box_destaque::before{
		width:38px !important;
		height:38px !important;
		margin-bottom:8px !important;
	}
}


/* =========================================================
   AJUSTES v60 - LEGIBILIDADE REFORÇADA
   Público adulto/idoso: letras maiores e botões mais confortáveis
========================================================= */

/* Conteúdos do Portal */

.conteudo_portal{
	min-height:96px !important;
	padding:16px 12px 18px !important;
}

.conteudo_portal h2,
.conteudo_portal h3{
	font-size:25px !important;
	font-weight:900 !important;
	line-height:1.08 !important;
	letter-spacing:-.2px !important;
}

.card_portal:nth-child(-n+2) h2{
	font-size:28px !important;
	line-height:1.08 !important;
	font-weight:900 !important;
	max-width:310px !important;
}

.card_portal:nth-child(n+3) h2{
	font-size:23px !important;
	line-height:1.08 !important;
	font-weight:900 !important;
}

.categoria_portal{
	font-size:13px !important;
	font-weight:800 !important;
	line-height:1.15 !important;
	padding:5px 12px !important;
}

/* Devocionais */

.devocional_titulo_faixa{
	font-size:17px !important;
	padding:11px 8px !important;
}

.devocional_conteudo{
	min-height:84px !important;
	padding:14px 10px 15px !important;
}

.devocional_conteudo h2{
	font-size:19px !important;
	line-height:1.12 !important;
	font-weight:800 !important;
	margin-bottom:6px !important;
}

.devocional_conteudo p{
	font-size:13.5px !important;
	line-height:1.22 !important;
	font-weight:700 !important;
	color:#1f2937 !important;
}

/* Cards finais */

.box_destaque{
	min-height:176px !important;
	padding:20px 18px !important;
}

.box_destaque h3{
	font-size:24px !important;
	line-height:1.12 !important;
	font-weight:800 !important;
}

.box_destaque p{
	font-size:14.5px !important;
	line-height:1.35 !important;
	font-weight:600 !important;
	color:#26384d !important;
}

.box_versiculo .referencia_msg{
	font-size:13px !important;
}

.botao_secao,
.box_destaque .botao_secao{
	min-height:40px !important;
	padding:0 20px !important;
	font-size:13px !important;
	font-weight:800 !important;
}

/* Slider */

.titulo_banner{
	font-size:42px !important;
}

.frase_banner{
	font-size:15px !important;
	padding:9px 16px !important;
}

.botao_banner{
	min-height:38px !important;
	font-size:13px !important;
	padding:0 18px !important;
}

/* Tablet */

@media(max-width:1000px){

	.conteudo_portal{
		min-height:88px !important;
		padding:14px 10px 15px !important;
	}

	.card_portal:nth-child(-n+2) h2{
		font-size:25px !important;
	}

	.card_portal:nth-child(n+3) h2,
	.conteudo_portal h2,
	.conteudo_portal h3{
		font-size:21px !important;
	}

	.categoria_portal{
		font-size:11px !important;
		padding:5px 10px !important;
	}

	.devocional_titulo_faixa{
		font-size:16px !important;
	}

	.devocional_conteudo{
		min-height:76px !important;
	}

	.devocional_conteudo h2{
		font-size:17px !important;
	}

	.devocional_conteudo p{
		font-size:12px !important;
	}

	.box_destaque{
		min-height:160px !important;
	}

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

	.box_destaque p{
		font-size:12.5px !important;
	}

	.botao_secao,
	.box_destaque .botao_secao{
		min-height:36px !important;
		font-size:11.5px !important;
	}

	.titulo_banner{
		font-size:34px !important;
	}

	.frase_banner{
		font-size:13px !important;
	}

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

/* Smartphone */

@media(max-width:700px){

	.card_portal:nth-child(-n+2) .conteudo_portal{
		min-height:150px !important;
		padding:14px 12px !important;
	}

	.card_portal:nth-child(-n+2) h2{
		font-size:24px !important;
		line-height:1.06 !important;
	}

	.card_portal:nth-child(n+3) .conteudo_portal{
		min-height:76px !important;
		padding:11px 7px 12px !important;
	}

	.card_portal:nth-child(n+3) h2,
	.conteudo_portal h2,
	.conteudo_portal h3{
		font-size:17px !important;
		line-height:1.08 !important;
	}

	.categoria_portal{
		font-size:10px !important;
		padding:4px 9px !important;
		line-height:1.12 !important;
	}

	.devocional_titulo_faixa{
		font-size:15px !important;
		padding:10px 6px !important;
	}

	.devocional_conteudo{
		min-height:74px !important;
		padding:10px 6px 11px !important;
	}

	.devocional_conteudo h2{
		font-size:15.5px !important;
		line-height:1.1 !important;
	}

	.devocional_conteudo p{
		font-size:11px !important;
		line-height:1.15 !important;
	}

	.box_destaque{
		min-height:150px !important;
		padding:16px 10px !important;
	}

	.box_destaque h3{
		font-size:18px !important;
	}

	.box_destaque p{
		font-size:11.5px !important;
		line-height:1.25 !important;
	}

	.box_versiculo .referencia_msg{
		font-size:10.5px !important;
	}

	.botao_secao,
	.box_destaque .botao_secao{
		min-height:34px !important;
		font-size:10.5px !important;
		padding:0 14px !important;
	}

	.titulo_banner{
		font-size:23px !important;
		line-height:1.08 !important;
	}

	.frase_banner{
		font-size:11px !important;
		padding:6px 10px !important;
	}

	.botao_banner{
		min-height:32px !important;
		font-size:10.5px !important;
		padding:0 12px !important;
	}
}

/* iPhone pequeno */

@media(max-width:430px){

	.card_portal:nth-child(-n+2) h2{
		font-size:21px !important;
	}

	.card_portal:nth-child(n+3) h2,
	.conteudo_portal h2,
	.conteudo_portal h3{
		font-size:15.5px !important;
	}

	.categoria_portal{
		font-size:8.8px !important;
		padding:4px 8px !important;
	}

	.devocional_conteudo h2{
		font-size:14px !important;
	}

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

	.box_destaque h3{
		font-size:17px !important;
	}

	.box_destaque p{
		font-size:10.8px !important;
	}

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

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

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



/* =========================================================
   AJUSTES v63 - FINAL RESPONSIVO / AVALIAÇÃO
========================================================= */

/* Reduz o bloco de avaliação no responsivo e coloca a estrela na linha do título */
@media(max-width:700px){

	.bloco_avaliacao,
	.avaliacao_site,
	.box_avaliacao,
	.area_avaliacao{
		min-height:auto !important;
		padding:14px 14px 16px 14px !important;
		margin:18px 0 18px 0 !important;
		border-radius:16px !important;
		text-align:center !important;
	}

	.bloco_avaliacao h2,
	.avaliacao_site h2,
	.box_avaliacao h2,
	.area_avaliacao h2{
		display:flex !important;
		flex-direction:row !important;
		align-items:center !important;
		justify-content:center !important;
		gap:8px !important;
		margin:0 0 6px 0 !important;
		font-size:18px !important;
		line-height:1.15 !important;
		text-align:center !important;
	}

	.bloco_avaliacao h2::before,
	.avaliacao_site h2::before,
	.box_avaliacao h2::before,
	.area_avaliacao h2::before{
		content:"★" !important;
		display:inline-flex !important;
		align-items:center !important;
		justify-content:center !important;
		width:24px !important;
		height:24px !important;
		min-width:24px !important;
		margin:0 !important;
		border-radius:50% !important;
		background:linear-gradient(180deg,#2d67ab 0%, #153f74 100%) !important;
		color:#ffd86b !important;
		font-size:13px !important;
		line-height:1 !important;
		box-shadow:0 4px 10px rgba(0,0,0,.18) !important;
	}

	.bloco_avaliacao .icone_avaliacao,
	.bloco_avaliacao .estrela_avaliacao,
	.avaliacao_site .icone_avaliacao,
	.avaliacao_site .estrela_avaliacao,
	.box_avaliacao .icone_avaliacao,
	.box_avaliacao .estrela_avaliacao,
	.area_avaliacao .icone_avaliacao,
	.area_avaliacao .estrela_avaliacao{
		display:none !important;
	}

	.bloco_avaliacao p,
	.avaliacao_site p,
	.box_avaliacao p,
	.area_avaliacao p{
		max-width:340px !important;
		margin:0 auto 12px auto !important;
		font-size:12.5px !important;
		line-height:1.25 !important;
		text-align:center !important;
	}

	.bloco_avaliacao .botao_avaliacao,
	.avaliacao_site .botao_avaliacao,
	.box_avaliacao .botao_avaliacao,
	.area_avaliacao .botao_avaliacao,
	.bloco_avaliacao a,
	.avaliacao_site a,
	.box_avaliacao a,
	.area_avaliacao a{
		min-height:36px !important;
		padding:0 18px !important;
		border-radius:999px !important;
		font-size:13px !important;
		font-weight:800 !important;
	}
}

@media(max-width:430px){

	.bloco_avaliacao,
	.avaliacao_site,
	.box_avaliacao,
	.area_avaliacao{
		padding:12px 12px 14px 12px !important;
		margin:16px 0 16px 0 !important;
		border-radius:15px !important;
	}

	.bloco_avaliacao h2,
	.avaliacao_site h2,
	.box_avaliacao h2,
	.area_avaliacao h2{
		font-size:16.5px !important;
		gap:7px !important;
	}

	.bloco_avaliacao h2::before,
	.avaliacao_site h2::before,
	.box_avaliacao h2::before,
	.area_avaliacao h2::before{
		width:22px !important;
		height:22px !important;
		min-width:22px !important;
		font-size:12px !important;
	}

	.bloco_avaliacao p,
	.avaliacao_site p,

	.box_avaliacao p,
	.area_avaliacao p{
		font-size:11.5px !important;
		line-height:1.22 !important;
		margin-bottom:11px !important;
	}

	.bloco_avaliacao .botao_avaliacao,
	.avaliacao_site .botao_avaliacao,
	.box_avaliacao .botao_avaliacao,
	.area_avaliacao .botao_avaliacao,
	.bloco_avaliacao a,
	.avaliacao_site a,
	.box_avaliacao a,
	.area_avaliacao a{
		min-height:34px !important;
		padding:0 16px !important;
		font-size:12px !important;
	}
}

/* =========================================================
   AJUSTE TABLET - DEVOCIONAIS EM DESTAQUE
   Tablet 10" / largura CSS entre 600px e 850px
========================================================= */

@media(min-width:600px) and (max-width:850px){

	.bloco_devocionais{
		padding:20px 18px 22px !important;
		border-radius:18px !important;
	}

	.devocionais_topo{
		margin-bottom:16px !important;
	}

	.titulo_devocionais{
		font-size:32px !important;
		line-height:1.12 !important;
	}

	.devocionais_topo p{
		font-size:15px !important;
		line-height:1.35 !important;
		max-width:620px !important;
		margin:8px auto 0 auto !important;
		text-align:center !important;
	}

	.devocionais_grade{
		display:grid !important;
		grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
		gap:14px !important;
		align-items:stretch !important;
	}

	.devocional_card_faixa{
		width:100% !important;
		max-width:100% !important;
		min-width:0 !important;
		border-radius:12px !important;
	}

	.devocional_titulo_faixa{
		font-size:18px !important;
		line-height:1.1 !important;
		padding:9px 6px !important;
	}

	.devocional_imagem_card{
		height:205px !important;
		background:#eef3f8 !important;
		overflow:hidden !important;
	}

	.devocional_imagem_card img{
		width:100% !important;
		height:100% !important;
		object-fit:cover !important;
		object-position:center center !important;
		background:#eef3f8 !important;
	}

	.devocional_conteudo{
		min-height:74px !important;
		padding:10px 8px 12px !important;
	}

	.devocional_conteudo h2{
		font-size:21px !important;
		line-height:1.10 !important;
		margin:0 !important;
		font-weight:800 !important;
	}

	.devocional_conteudo p{
		display:none !important;
	}
}

/* Tablet estreito / celular grande em modo paisagem-retrato */
@media(min-width:431px) and (max-width:599px){

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

	.devocional_titulo_faixa{
		font-size:16px !important;
		padding:8px 5px !important;
	}

	.devocional_imagem_card{
		height:160px !important;
		background:#eef3f8 !important;
	}

	.devocional_imagem_card img{
		width:100% !important;
		height:100% !important;
		object-fit:cover !important;
		object-position:center center !important;
	}

	.devocional_conteudo{
		min-height:62px !important;
		padding:9px 6px 10px !important;
	}

	.devocional_conteudo h2{
		font-size:17px !important;
		line-height:1.10 !important;
		margin:0 !important;
	}

	.devocional_conteudo p{
		display:none !important;
	}
}

/* =========================================================
   AJUSTE SMARTPHONE/IPHONE - CARDS DO PORTAL
   Letras maiores e Oferecimento/Liturgia lado a lado
========================================================= */

@media(max-width:700px){

	/* Todos os cards do portal em 2 colunas no smartphone/iPhone */
	.portal_conteudo{
		grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
		gap:12px !important;
	}

	/* Oferecimento e Liturgia deixam de ocupar largura total */
	.card_portal:nth-child(-n+2){
		display:flex !important;
		flex-direction:column !important;
		grid-column:auto !important;
		min-height:0 !important;
		border-radius:14px !important;
	}

	.card_portal:nth-child(-n+2) .imagem_portal{
		width:100% !important;
		height:138px !important;
		min-height:0 !important;
		border-right:0 !important;
		border-bottom:1px solid var(--borda) !important;
	}

	.card_portal:nth-child(-n+2) .imagem_portal img{
		max-width:96% !important;
		max-height:94% !important;
	}

	.card_portal:nth-child(-n+2) .conteudo_portal{
		align-items:center !important;
		justify-content:center !important;
		text-align:center !important;
		min-height:92px !important;
		padding:12px 8px 13px !important;
	}

	.card_portal:nth-child(-n+2) h2{
		width:100% !important;
		max-width:none !important;
		margin:0 0 8px 0 !important;
		padding:0 !important;
		text-align:center !important;
		font-size:20px !important;
		line-height:1.08 !important;
		font-weight:800 !important;
		color:#0b3768 !important;
	}

	.card_portal:nth-child(-n+2) h2::after{
		width:40px !important;
		height:3px !important;
		margin:9px auto 0 !important;
	}

	.card_portal:nth-child(-n+2) .categoria_portal{
		justify-content:center !important;
		text-align:center !important;
		margin:0 !important;
		padding:4px 8px !important;
		font-size:8.5px !important;
		font-weight:700 !important;
		line-height:1.1 !important;
	}

	/* 4 cards menores também com leitura melhor */
	.card_portal:nth-child(n+3) .imagem_portal{
		height:132px !important;
	}

	.card_portal:nth-child(n+3) .imagem_portal img{
		max-width:96% !important;
		max-height:94% !important;
	}

	.card_portal:nth-child(n+3) .conteudo_portal{
		min-height:86px !important;
		padding:11px 7px 12px !important;
	}

	.card_portal:nth-child(n+3) h2,
	.conteudo_portal h2,
	.conteudo_portal h3{
		font-size:18px !important;
		line-height:1.08 !important;
		font-weight:800 !important;
		color:#0b3768 !important;
	}

	.card_portal:nth-child(n+3) .categoria_portal,
	.categoria_portal{
		font-size:8.5px !important;
		font-weight:700 !important;
		line-height:1.1 !important;
		padding:4px 8px !important;
	}
}

@media(max-width:430px){

	.portal_conteudo{
		gap:10px !important;
	}

	.card_portal:nth-child(-n+2) .imagem_portal{
		height:126px !important;
	}

	.card_portal:nth-child(-n+2) .conteudo_portal{
		min-height:86px !important;
		padding:11px 6px 12px !important;
	}

	.card_portal:nth-child(-n+2) h2{
		font-size:18px !important;
		line-height:1.08 !important;
	}

	.card_portal:nth-child(-n+2) .categoria_portal{
		font-size:7.8px !important;
		padding:4px 7px !important;
	}

	.card_portal:nth-child(n+3) .imagem_portal{
		height:120px !important;
	}

	.card_portal:nth-child(n+3) .conteudo_portal{
		min-height:80px !important;
		padding:10px 5px 11px !important;
	}

	.card_portal:nth-child(n+3) h2,
	.conteudo_portal h2,
	.conteudo_portal h3{
		font-size:16.5px !important;
		line-height:1.08 !important;
	}

	.card_portal:nth-child(n+3) .categoria_portal,
	.categoria_portal{
		font-size:7.6px !important;
		padding:3px 6px !important;
	}
}

@media(max-width:360px){

	.card_portal:nth-child(-n+2) .imagem_portal,
	.card_portal:nth-child(n+3) .imagem_portal{
		height:112px !important;
	}

	.card_portal:nth-child(-n+2) h2,
	.card_portal:nth-child(n+3) h2,
	.conteudo_portal h2,
	.conteudo_portal h3{
		font-size:15px !important;
	}

	.card_portal:nth-child(-n+2) .categoria_portal,
	.card_portal:nth-child(n+3) .categoria_portal,
	.categoria_portal{
		font-size:7px !important;
	}
}

/* =========================================================
   AJUSTE RESPONSIVO - SUBTÍTULOS E LEGIBILIDADE
   Mostra subtítulos dos devocionais e aumenta leitura no mobile
========================================================= */

@media(max-width:700px){

	/* Devocionais em destaque - títulos e subtítulos visíveis */
	.devocional_conteudo{
		min-height:82px !important;
		padding:11px 7px 12px !important;
	}

	.devocional_conteudo h2{
		font-size:18px !important;
		line-height:1.10 !important;
		font-weight:800 !important;
		margin:0 0 5px 0 !important;
		color:#0b3768 !important;
	}

	.devocional_conteudo p{
		display:block !important;
		font-size:11.5px !important;
		line-height:1.18 !important;
		font-weight:700 !important;
		margin:0 !important;
		color:#111827 !important;
	}

	.devocional_titulo_faixa{
		font-size:16.5px !important;
		line-height:1.08 !important;
		padding:9px 5px !important;
	}

	/* Cards Conteúdos do Portal - leitura maior */
	.card_portal:nth-child(-n+2) h2{
		font-size:21px !important;
		line-height:1.06 !important;
		font-weight:800 !important;
	}

	.card_portal:nth-child(n+3) h2,
	.conteudo_portal h2,
	.conteudo_portal h3{
		font-size:18.5px !important;
		line-height:1.08 !important;
		font-weight:800 !important;
	}

	.card_portal:nth-child(-n+2) .categoria_portal,
	.card_portal:nth-child(n+3) .categoria_portal,
	.categoria_portal{
		font-size:9px !important;
		line-height:1.12 !important;
		font-weight:750 !important;
		padding:4px 8px !important;
		color:#111827 !important;
	}

	/* Cards finais - leitura maior */
	.box_destaque h3{
		font-size:19px !important;
		line-height:1.10 !important;
	}

	.box_destaque p{
		font-size:12.5px !important;
		line-height:1.25 !important;
		color:#26384d !important;
	}

	.botao_secao{
		font-size:11px !important;
		font-weight:800 !important;
	}
}

@media(max-width:430px){

	.devocional_conteudo{
		min-height:78px !important;
		padding:10px 6px 11px !important;
	}

	.devocional_conteudo h2{
		font-size:16.5px !important;
		line-height:1.08 !important;
		margin-bottom:4px !important;
	}

	.devocional_conteudo p{
		display:block !important;
		font-size:10.5px !important;
		line-height:1.15 !important;
		font-weight:700 !important;
		color:#111827 !important;
	}

	.devocional_titulo_faixa{
		font-size:15px !important;
		padding:8px 4px !important;
	}

	.card_portal:nth-child(-n+2) h2{
		font-size:19px !important;
	}

	.card_portal:nth-child(n+3) h2,
	.conteudo_portal h2,
	.conteudo_portal h3{
		font-size:17px !important;
	}

	.card_portal:nth-child(-n+2) .categoria_portal,
	.card_portal:nth-child(n+3) .categoria_portal,
	.categoria_portal{
		font-size:8px !important;
		padding:4px 7px !important;
	}
}

@media(max-width:360px){

	.devocional_conteudo h2{
		font-size:15px !important;
	}

	.devocional_conteudo p{
		font-size:9.5px !important;
	}

	.card_portal:nth-child(-n+2) h2,
	.card_portal:nth-child(n+3) h2,
	.conteudo_portal h2,
	.conteudo_portal h3{
		font-size:15.5px !important;
	}
}

/* =========================================================
   CORREÇÃO FINAL v74 - BARRAS E PESO DAS FONTES
   Regras no final do arquivo para vencer os blocos antigos
========================================================= */

/* Barras coloridas no card inteiro */
.card_portal.card_oferecimento,
.card_oferecimento{
	border-top:5px solid var(--vermelho) !important;
}

.card_portal.card_liturgia,
.card_liturgia{
	border-top:5px solid var(--azul-claro) !important;
}

/* Remove barra aplicada somente na metade do card */
.card_oferecimento .conteudo_portal,
.card_liturgia .conteudo_portal{
	border-top:0 !important;
}

/* Garante a barra inteira também nos dois cards grandes */
.card_portal.card_oferecimento:nth-child(-n+2),
.card_portal.card_liturgia:nth-child(-n+2){
	border-top-width:5px !important;
}

/* Desktop: letras menos pesadas */
@media(min-width:701px){

	.conteudo_portal h2,
	.conteudo_portal h3,
	.card_portal:nth-child(-n+2) h2,
	.card_portal:nth-child(n+3) h2,
	.devocional_conteudo h2,
	.box_destaque h3{
		font-weight:600 !important;
	}

	.devocional_titulo_faixa{
		font-weight:600 !important;
	}
}

/* Responsivo: mantém a barra inteira no topo dos cards */
@media(max-width:700px){

	.card_portal.card_oferecimento,
	.card_portal.card_liturgia,
	.card_oferecimento,
	.card_liturgia{
		border-top-width:5px !important;
		border-top-style:solid !important;
	}

	.card_portal.card_oferecimento,
	.card_oferecimento{
		border-top-color:var(--vermelho) !important;
	}

	.card_portal.card_liturgia,
	.card_liturgia{
		border-top-color:var(--azul-claro) !important;
	}

	.card_oferecimento .conteudo_portal,
	.card_liturgia .conteudo_portal{
		border-top:0 !important;
	}
}

/* =========================================================
   CORREÇÃO FINAL v75 - BARRA INTERNA MOBILE
   Mantém barra superior e recoloca a barra entre imagem e texto
========================================================= */

/* Desktop/tablet: mantém peso mais elegante */
@media(min-width:701px){

	.conteudo_portal h2,
	.conteudo_portal h3,
	.card_portal:nth-child(-n+2) h2,
	.card_portal:nth-child(n+3) h2,
	.devocional_conteudo h2,
	.box_destaque h3{
		font-weight:600 !important;
	}
}

/* Smartphone/iPhone: barra superior + barra divisória no meio */
@media(max-width:700px){

	.card_portal.card_oferecimento,
	.card_oferecimento{
		border-top:5px solid var(--vermelho) !important;
	}

	.card_portal.card_liturgia,
	.card_liturgia{
		border-top:5px solid var(--azul-claro) !important;
	}

	.card_oferecimento .conteudo_portal{
		border-top:5px solid var(--vermelho) !important;
	}

	.card_liturgia .conteudo_portal{
		border-top:5px solid var(--azul-claro) !important;
	}

	.card_oferecimento .imagem_portal,
	.card_liturgia .imagem_portal{
		border-bottom:0 !important;
	}
}

/* iPhone pequeno: mantém a barra visível e sem exagero */
@media(max-width:430px){

	.card_oferecimento .conteudo_portal{
		border-top:4px solid var(--vermelho) !important;
	}

	.card_liturgia .conteudo_portal{
		border-top:4px solid var(--azul-claro) !important;
	}
}

/* =========================================================
   CORREÇÃO FINAL v76 - CARDS FINAIS COMPACTOS
   Reduz altura e posiciona ícones de forma mais elegante
========================================================= */

/* Desktop */
.grid_destaques{
	align-items:stretch !important;
}

.box_destaque{
	min-height:128px !important;
	padding:16px 16px !important;
}

.box_destaque::before{
	width:34px !important;
	height:34px !important;
	margin-bottom:8px !important;
	font-size:15px !important;
	box-shadow:0 5px 12px rgba(23,59,103,.16) !important;
}

.box_santo_home::before{
	font-size:17px !important;
}

.box_canal::before{
	font-size:14px !important;
}

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

.box_destaque h3{
	font-size:21px !important;
	line-height:1.08 !important;
	margin:0 0 4px 0 !important;
}

.box_destaque p{
	font-size:13px !important;
	line-height:1.25 !important;
	margin:0 !important;
}

.botao_secao,
.box_destaque .botao_secao{
	min-height:34px !important;
	margin-top:10px !important;
	padding:0 16px !important;
	font-size:11px !important;
}

/* Bloco de avaliação mais baixo */
.bloco_avaliacao,
.avaliacao_site,
.box_avaliacao,
.area_avaliacao{
	min-height:auto !important;
	padding:16px 18px 18px !important;
	border-radius:18px !important;
}

.bloco_avaliacao h2,
.avaliacao_site h2,
.box_avaliacao h2,
.area_avaliacao h2{
	margin-bottom:6px !important;
	font-size:23px !important;
	line-height:1.12 !important;
}

.bloco_avaliacao p,
.avaliacao_site p,
.box_avaliacao p,
.area_avaliacao p{
	margin-bottom:12px !important;
	font-size:14px !important;
	line-height:1.25 !important;
}

.bloco_avaliacao .botao_avaliacao,
.avaliacao_site .botao_avaliacao,
.box_avaliacao .botao_avaliacao,
.area_avaliacao .botao_avaliacao{
	min-height:38px !important;
	padding:0 18px !important;
	font-size:13px !important;
}

/* Tablet */
@media(max-width:1000px){

	.box_destaque{
		min-height:118px !important;
		padding:14px 12px !important;
	}

	.box_destaque::before{
		width:32px !important;
		height:32px !important;
		margin-bottom:7px !important;
	}

	.box_destaque h3{
		font-size:19px !important;
	}

	.box_destaque p{
		font-size:12px !important;
	}

	.botao_secao,
	.box_destaque .botao_secao{
		min-height:32px !important;
		margin-top:8px !important;
		font-size:10.5px !important;
	}
}

/* Smartphone/iPhone */
@media(max-width:700px){

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

	.grid_destaques .box_versiculo{
		grid-column:1 / -1 !important;
		width:100% !important;
		max-width:100% !important;
	}

	.box_destaque{
		display:flex !important;
		flex-direction:column !important;
		align-items:center !important;
		justify-content:center !important;
		text-align:center !important;
		min-height:118px !important;
		padding:12px 10px !important;
	}

	.box_destaque::before{
		width:30px !important;
		height:30px !important;
		margin:0 0 7px 0 !important;
		font-size:14px !important;
	}

	.box_santo_home::before{
		font-size:16px !important;
	}

	.box_canal::before{
		font-size:13px !important;
	}

	.box_versiculo::before{
		font-size:18px !important;
	}

	.box_destaque h3{
		font-size:18px !important;
		line-height:1.08 !important;
		margin:0 0 4px 0 !important;
		text-align:center !important;
	}

	.box_destaque p{
		font-size:11.5px !important;
		line-height:1.22 !important;
		margin:0 !important;
		text-align:center !important;
	}

	.box_destaque .botao_secao,
	.botao_secao{
		min-height:32px !important;
		margin-top:8px !important;
		padding:0 13px !important;
		font-size:10.5px !important;
	}

	/* Mensagem do dia um pouco mais baixa */
	.box_versiculo{
		min-height:132px !important;
		padding:13px 12px !important;
	}

	/* Avaliação compacta no mobile */
	.bloco_avaliacao,
	.avaliacao_site,
	.box_avaliacao,
	.area_avaliacao{
		padding:13px 14px 15px !important;
		margin:18px 0 18px 0 !important;
		border-radius:16px !important;
	}

	.bloco_avaliacao h2,
	.avaliacao_site h2,
	.box_avaliacao h2,
	.area_avaliacao h2{
		display:flex !important;
		align-items:center !important;
		justify-content:center !important;
		gap:7px !important;
		margin:0 0 5px 0 !important;
		font-size:19px !important;
		line-height:1.12 !important;
		text-align:center !important;
	}

	.bloco_avaliacao h2::before,
	.avaliacao_site h2::before,
	.box_avaliacao h2::before,
	.area_avaliacao h2::before{
		width:24px !important;
		height:24px !important;
		min-width:24px !important;
		margin:0 !important;
		font-size:13px !important;
	}

	.bloco_avaliacao p,
	.avaliacao_site p,
	.box_avaliacao p,
	.area_avaliacao p{
		max-width:360px !important;
		margin:0 auto 10px auto !important;
		font-size:12.5px !important;
		line-height:1.22 !important;
	}

	.bloco_avaliacao .botao_avaliacao,
	.avaliacao_site .botao_avaliacao,
	.box_avaliacao .botao_avaliacao,
	.area_avaliacao .botao_avaliacao{
		min-height:35px !important;
		padding:0 16px !important;
		font-size:12.5px !important;
	}
}

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

	.box_destaque{
		min-height:110px !important;
		padding:11px 8px !important;
	}

	.box_destaque::before{
		width:28px !important;
		height:28px !important;
		margin-bottom:6px !important;
	}

	.box_destaque h3{
		font-size:17px !important;
	}

	.box_destaque p{
		font-size:10.8px !important;
	}

	.box_destaque .botao_secao,
	.botao_secao{
		min-height:30px !important;
		margin-top:7px !important;
		padding:0 12px !important;
		font-size:10px !important;
	}

	.box_versiculo{
		min-height:122px !important;
	}

	.bloco_avaliacao,
	.avaliacao_site,
	.box_avaliacao,
	.area_avaliacao{
		padding:12px 12px 14px !important;
	}

	.bloco_avaliacao h2,
	.avaliacao_site h2,
	.box_avaliacao h2,
	.area_avaliacao h2{
		font-size:17px !important;
	}

	.bloco_avaliacao p,
	.avaliacao_site p,
	.box_avaliacao p,
	.area_avaliacao p{
		font-size:11.5px !important;
	}
}

/* =========================================================
   CORREÇÃO FINAL v77 - TÍTULO PORTAL E SLIDER MOBILE
   Faixa completa no título + slider menor no responsivo
========================================================= */

/* Faixa amarela do título Conteúdos do Portal em largura completa */
section[aria-label="Conteúdos do Portal"] .titulo_secao::after{
	width:100% !important;
	max-width:100% !important;
	height:3px !important;
	background:linear-gradient(90deg, var(--dourado) 0%, #f1d37a 42%, #e2a928 100%) !important;
}

/* Desktop: slider levemente mais elegante, sem ficar gigante */
@media(min-width:701px){

	.slider{
		width:74% !important;
		max-width:860px !important;
		aspect-ratio:2.55 / 1 !important;
		margin:18px auto 30px auto !important;
	}
}

/* Smartphone/iPhone: slider menor na altura e largura */
@media(max-width:700px){

	.slider{
		width:88% !important;
		max-width:430px !important;
		aspect-ratio:2.05 / 1 !important;
		min-height:0 !important;
		height:auto !important;
		margin:14px auto 24px auto !important;
		border-radius:12px !important;
	}

	.titulo_banner{
		top:8px !important;
		font-size:17px !important;
		line-height:1.04 !important;
		width:calc(100% - 42px) !important;
		max-width:88% !important;
	}

	.frase_banner{
		left:13px !important;
		bottom:38px !important;
		max-width:calc(100% - 112px) !important;
		padding:5px 8px !important;
		font-size:8.8px !important;
		line-height:1.15 !important;
	}

	.botao_banner{
		right:13px !important;
		bottom:11px !important;
		min-height:27px !important;
		padding:0 10px !important;
		font-size:8.8px !important;
	}

	.botao_slider{
		width:28px !important;
		height:38px !important;
		font-size:20px !important;
		border-radius:8px !important;
	}

	.botao_esq{ left:8px !important; }
	.botao_dir{ right:8px !important; }

	.indicadores{
		bottom:8px !important;
	}
}

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

	.slider{
		width:90% !important;
		max-width:390px !important;
		aspect-ratio:2 / 1 !important;
		margin:12px auto 22px auto !important;
	}

	.titulo_banner{
		top:7px !important;
		font-size:15.5px !important;
	}

	.frase_banner{
		bottom:35px !important;
		font-size:8px !important;
		padding:4px 7px !important;
		max-width:calc(100% - 104px) !important;
	}

	.botao_banner{
		bottom:10px !important;
		font-size:8px !important;
		min-height:25px !important;
		padding:0 8px !important;
	}

	.botao_slider{
		width:26px !important;
		height:34px !important;
		font-size:18px !important;
	}
}

/* =========================================================
   CORREÇÃO FINAL v78 - BLOCO CONTEÚDOS DO PORTAL
   Topo com degradê, cantos curvos e mensagem explicativa
========================================================= */

.bloco_portal_home{
	margin:0 0 34px;
	padding:22px;
	border:1px solid var(--borda);
	border-radius:18px;
	background:
		radial-gradient(circle at 96% 8%, rgba(255,255,255,.92), transparent 30%),
		linear-gradient(135deg, #ffffff 0%, #eef6ff 60%, #fff3c9 100%);
	box-shadow:0 12px 30px rgba(23,59,103,.12);
	position:relative;
	overflow:hidden;
}

.bloco_portal_home::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:5px;
	background:linear-gradient(90deg, var(--azul) 0%, var(--dourado) 52%, var(--vermelho) 100%);
}

.portal_topo{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:24px;
	margin-bottom:18px;
	position:relative;
	z-index:2;
}

.portal_etiqueta{
	display:inline-flex;
	margin-bottom:7px;
	padding:5px 10px;
	border-radius:999px;
	background:var(--azul);
	color:#fff;
	font-size:11px;
	font-weight:650;
	line-height:1;
	text-transform:uppercase;
	letter-spacing:.25px;
}

.titulo_portal_home{
	margin-bottom:0 !important;
	padding-bottom:0 !important;
}

.titulo_portal_home::after{
	display:none !important;
}

.portal_topo p{
	max-width:520px;
	margin:0;
	color:#26384d;
	font-size:14px;
	font-weight:500;
	line-height:1.35;
	text-align:right;
}

.bloco_portal_home .portal_conteudo{
	margin-bottom:0 !important;
	position:relative;
	z-index:2;
}

/* Remove a linha antiga apenas se algum CSS anterior tentar aplicá-la no título */
section[aria-label="Conteúdos do Portal"] .titulo_secao::after{
	display:none !important;
}

/* Modo escuro */
body.modo-escuro .bloco_portal_home{
	background:linear-gradient(135deg, #142033 0%, #18283d 68%, #233046 100%);
}

body.modo-escuro .portal_topo p{
	color:#d7e2f1;
}

/* Desktop - deixa o bloco principal equilibrado */
@media(min-width:701px){

	.bloco_portal_home{
		padding:22px !important;
	}

	.portal_topo p{
		font-size:14px !important;
	}
}

/* Tablet */
@media(max-width:1000px){

	.portal_topo{
		align-items:flex-start;
		gap:18px;
	}

	.portal_topo p{
		max-width:440px;
		font-size:13px;
	}
}

/* Smartphone / iPhone */
@media(max-width:700px){

	.bloco_portal_home{
		padding:16px 12px 18px !important;
		margin-bottom:26px !important;
		border-radius:16px !important;
	}

	.portal_topo{
		display:block !important;
		margin-bottom:14px !important;
		text-align:center !important;
	}

	.portal_etiqueta{
		margin-bottom:8px !important;
		font-size:10px !important;
		padding:5px 10px !important;
	}

	.titulo_portal_home{
		font-size:26px !important;
		line-height:1.12 !important;
		text-align:center !important;
	}

	.portal_topo p{
		max-width:none !important;
		margin:8px auto 0 auto !important;
		font-size:12.5px !important;
		line-height:1.35 !important;
		text-align:center !important;
	}
}

@media(max-width:430px){

	.bloco_portal_home{
		padding:14px 10px 16px !important;
	}

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

	.portal_topo p{
		font-size:11.8px !important;
		line-height:1.32 !important;
	}
}

/* =========================================================
   CORREÇÃO FINAL v79 - PORTAL SLIDER MENSAGEM
   Remove linha amarela, refina slider e melhora Mensagem do Dia
========================================================= */

/* Remove completamente a linha amarela do título no bloco Portal */
.bloco_portal_home .titulo_secao::after,
.bloco_portal_home .titulo_portal_home::after,
section[aria-label="Conteúdos do Portal"] .titulo_secao::after,
section[aria-label="Conteúdos do Portal"] .titulo_portal_home::after{
	display:none !important;
	width:0 !important;
	height:0 !important;
	background:none !important;
}

/* Ajuste visual do topo do Portal */
.bloco_portal_home .titulo_portal_home{
	padding-bottom:0 !important;
	margin-bottom:8px !important;
}

/* Slider mais sofisticado */
.slider{
	border-radius:16px !important;
	border:1px solid rgba(255,255,255,.22) !important;
	box-shadow:
		0 16px 34px rgba(23,59,103,.18),
		0 4px 10px rgba(0,0,0,.10) !important;
	background:#0b1728 !important;
}

.slide::after{
	content:"";
	position:absolute;
	inset:0;
	z-index:2;
	background:
		linear-gradient(180deg, rgba(0,0,0,.20) 0%, rgba(0,0,0,.05) 42%, rgba(0,0,0,.34) 100%),
		linear-gradient(90deg, rgba(0,0,0,.30) 0%, transparent 36%, rgba(0,0,0,.18) 100%);
	pointer-events:none;
}

.banner_texto{
	z-index:4 !important;
}

.titulo_banner{
	text-shadow:
		0 2px 0 rgba(45,28,12,.92),
		0 6px 14px rgba(0,0,0,.70),
		0 0 4px rgba(0,0,0,.90) !important;
	letter-spacing:.4px !important;
}

.frase_banner{
	background:rgba(9,23,43,.76) !important;
	color:#fff !important;
	border:1px solid rgba(255,255,255,.22) !important;
	backdrop-filter:blur(6px);
	-webkit-backdrop-filter:blur(6px);
	box-shadow:0 8px 18px rgba(0,0,0,.22) !important;
}

.botao_banner{
	box-shadow:
		0 8px 18px rgba(0,0,0,.28),
		inset 0 1px 0 rgba(255,255,255,.18) !important;
}

/* Mensagem do Dia mais moderna */
.box_versiculo{
	background:
		radial-gradient(circle at 50% 4%, rgba(79,148,213,.18), transparent 34%),
		linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%) !important;
	border-top-color:var(--azul-claro) !important;
}

.box_versiculo::before{
	background:
		radial-gradient(circle at 35% 25%, #b9ddff 0%, transparent 30%),
		linear-gradient(180deg,#4f94d5 0%,#2f6fad 58%,#174a82 100%) !important;
	box-shadow:
		0 7px 16px rgba(23,59,103,.22),
		inset 0 1px 0 rgba(255,255,255,.35) !important;
}

.box_versiculo h3{
	color:#123d73 !important;
	font-weight:650 !important;
}

.box_versiculo p{
	max-width:430px;
	color:#1f2f45 !important;
	font-size:14px !important;
	font-weight:600 !important;
	line-height:1.34 !important;
}

.box_versiculo .referencia_msg{
	margin-top:7px !important;
	color:#0f3765 !important;
	font-size:12.5px !important;
	font-weight:800 !important;
}

body.modo-escuro .box_versiculo{
	background:
		radial-gradient(circle at 50% 4%, rgba(79,148,213,.18), transparent 34%),
		linear-gradient(180deg, #182536 0%, #132032 100%) !important;
}

/* Responsivo */
@media(max-width:700px){

	.bloco_portal_home .titulo_portal_home{
		margin-bottom:7px !important;
	}

	.slider{
		width:88% !important;
		max-width:430px !important;
		aspect-ratio:2.05 / 1 !important;
		margin:14px auto 24px auto !important;
		border-radius:14px !important;
	}

	.titulo_banner{
		top:8px !important;
		font-size:17px !important;
		line-height:1.04 !important;
		width:calc(100% - 42px) !important;
		max-width:88% !important;
	}

	.frase_banner{
		left:13px !important;
		bottom:38px !important;
		max-width:calc(100% - 112px) !important;
		padding:5px 8px !important;
		font-size:8.8px !important;
		line-height:1.15 !important;
		border-radius:9px !important;
	}

	.botao_banner{
		right:13px !important;
		bottom:11px !important;
		min-height:27px !important;
		padding:0 10px !important;
		font-size:8.8px !important;
	}

	.box_versiculo{
		min-height:122px !important;
		padding:14px 12px !important;
	}

	.box_versiculo p{
		max-width:360px !important;
		font-size:12.2px !important;
		line-height:1.28 !important;
	}

	.box_versiculo .referencia_msg{
		font-size:11px !important;
	}
}

@media(max-width:430px){

	.slider{
		width:90% !important;
		max-width:390px !important;
		aspect-ratio:2 / 1 !important;
		margin:12px auto 22px auto !important;
	}

	.titulo_banner{
		top:7px !important;
		font-size:15.5px !important;
	}

	.frase_banner{
		bottom:35px !important;
		font-size:8px !important;
		padding:4px 7px !important;
		max-width:calc(100% - 104px) !important;
	}

	.botao_banner{
		bottom:10px !important;
		font-size:8px !important;
		min-height:25px !important;
		padding:0 8px !important;
	}

	.box_versiculo{
		min-height:116px !important;
	}

	.box_versiculo p{
		font-size:11.3px !important;
	}
}

/* =========================================================
   CORREÇÃO FINAL v80 - REMOVE LINHA AMARELA RESPONSIVO
   Remove a faixa/linha amarela apenas no bloco Conteúdos do Portal
========================================================= */

/* Desktop também fica limpo dentro do bloco novo */
.bloco_portal_home .titulo_secao::after,
.bloco_portal_home .titulo_portal_home::after,
.bloco_portal_home h1::after,
.bloco_portal_home h2::after,
.portal_topo .titulo_secao::after,
.portal_topo .titulo_portal_home::after,
.portal_topo h1::after,
.portal_topo h2::after{
	content:none !important;
	display:none !important;
	width:0 !important;
	height:0 !important;
	min-width:0 !important;
	max-width:0 !important;
	margin:0 !important;
	padding:0 !important;
	border:0 !important;
	background:none !important;
	box-shadow:none !important;
}

/* Remove bordas/linhas douradas que possam estar vindo do título ou do topo */
.bloco_portal_home .titulo_secao,
.bloco_portal_home .titulo_portal_home,
.portal_topo,
.portal_topo > div,
.portal_topo .titulo_secao,
.portal_topo .titulo_portal_home{
	border-bottom:0 !important;
	background-image:none !important;
	box-shadow:none !important;
}

/* Responsivo: reforço específico para iPhone/Android */
@media(max-width:700px){

	.bloco_portal_home .titulo_secao::after,
	.bloco_portal_home .titulo_portal_home::after,
	.bloco_portal_home h1::after,
	.bloco_portal_home h2::after,
	.portal_topo .titulo_secao::after,
	.portal_topo .titulo_portal_home::after,
	.portal_topo h1::after,
	.portal_topo h2::after{
		content:none !important;
		display:none !important;
		width:0 !important;
		height:0 !important;
		min-width:0 !important;
		max-width:0 !important;
		margin:0 !important;
		padding:0 !important;
		border:0 !important;
		background:none !important;
		box-shadow:none !important;
	}

	.bloco_portal_home .titulo_secao,
	.bloco_portal_home .titulo_portal_home,
	.portal_topo,
	.portal_topo > div,
	.portal_topo .titulo_secao,
	.portal_topo .titulo_portal_home{
		border-bottom:0 !important;
		background:none !important;
		background-image:none !important;
		box-shadow:none !important;
		padding-bottom:0 !important;
	}

	/* Caso a linha seja criada por algum elemento solto do ASP */
	.bloco_portal_home hr,
	.bloco_portal_home .linha_titulo,
	.bloco_portal_home .linha_dourada,
	.bloco_portal_home .barra_titulo,
	.bloco_portal_home .barra_dourada,
	.bloco_portal_home .titulo_linha,
	.portal_topo hr,
	.portal_topo .linha_titulo,
	.portal_topo .linha_dourada,
	.portal_topo .barra_titulo,
	.portal_topo .barra_dourada,
	.portal_topo .titulo_linha{
		display:none !important;
		width:0 !important;
		height:0 !important;
		margin:0 !important;
		padding:0 !important;
		border:0 !important;
		background:none !important;
	}
}

/* =========================================================
   CORREÇÃO FINAL v82 - MODO ESCURO LEGIBILIDADE
   Corrige textos apagados nos cards e subtítulos no modo noturno
========================================================= */

body.modo-escuro .bloco_portal_home .portal_topo p,
body.modo-escuro .portal_topo p{
	color:#e4edf8 !important;
}

/* Cards do Portal - modo escuro */
body.modo-escuro .card_portal{
	background:#172536 !important;
	border-color:#304359 !important;
	box-shadow:0 8px 22px rgba(0,0,0,.30) !important;
}

body.modo-escuro .imagem_portal,
body.modo-escuro .imagem_portal_religiosa{
	background:
		radial-gradient(circle at 50% 35%, rgba(255,255,255,.10), transparent 42%),
		linear-gradient(180deg, #24364c 0%, #152437 100%) !important;
	border-color:#304359 !important;
}

body.modo-escuro .conteudo_portal{
	background:#172536 !important;
}

body.modo-escuro .conteudo_portal h2,
body.modo-escuro .conteudo_portal h3,
body.modo-escuro .card_portal:nth-child(-n+2) h2,
body.modo-escuro .card_portal:nth-child(n+3) h2{
	color:#f4f8ff !important;
	text-shadow:0 1px 2px rgba(0,0,0,.35) !important;
}

/* Subtítulos dentro dos retângulos arredondados */
body.modo-escuro .categoria_portal,
body.modo-escuro .card_portal:nth-child(-n+2) .categoria_portal,
body.modo-escuro .card_portal:nth-child(n+3) .categoria_portal{
	background:#eef4fb !important;
	border-color:#d4e0ec !important;
	color:#0d243f !important;
	box-shadow:0 2px 8px rgba(0,0,0,.20) !important;
	text-shadow:none !important;
	opacity:1 !important;
}

/* Mantém cores específicas dos subtítulos no modo escuro, mas com contraste */
body.modo-escuro .card_oferecimento .categoria_portal{
	background:#fff3f3 !important;
	border-color:#f0c4c4 !important;
	color:#4b1818 !important;
}

body.modo-escuro .card_liturgia .categoria_portal{
	background:#edf6ff !important;
	border-color:#bfd7ef !important;
	color:#15385e !important;
}

body.modo-escuro .card_santo .categoria_portal{
	background:#fff8df !important;
	border-color:#e7d390 !important;
	color:#4b3a07 !important;
}

body.modo-escuro .card_oracao .categoria_portal{
	background:#eff9f1 !important;
	border-color:#c2e4c9 !important;
	color:#1d4e26 !important;
}

body.modo-escuro .card_terco .categoria_portal{
	background:#f8efff !important;
	border-color:#dcc3ef !important;
	color:#4e2368 !important;
}

body.modo-escuro .card_novena .categoria_portal{
	background:#fff0fb !important;
	border-color:#eac4df !important;
	color:#642558 !important;
}

/* Devocionais - modo escuro */
body.modo-escuro .bloco_devocionais{
	background:linear-gradient(135deg, #142033 0%, #18283d 68%, #233046 100%) !important;
	border-color:#304359 !important;
}

body.modo-escuro .devocionais_topo p{
	color:#e4edf8 !important;
}

body.modo-escuro .devocional_card_faixa{
	background:#172536 !important;
	border-color:#304359 !important;
}

body.modo-escuro .devocional_conteudo{
	background:#172536 !important;
}

body.modo-escuro .devocional_conteudo h2{
	color:#f4f8ff !important;
	text-shadow:0 1px 2px rgba(0,0,0,.35) !important;
}

body.modo-escuro .devocional_conteudo p{
	color:#e4edf8 !important;
	font-weight:650 !important;
	opacity:1 !important;
}

/* Cards finais - modo escuro */
body.modo-escuro .box_destaque{
	background:#172536 !important;
	border-color:#304359 !important;
	box-shadow:0 8px 22px rgba(0,0,0,.30) !important;
}

body.modo-escuro .box_destaque h3{
	color:#f4f8ff !important;
}

body.modo-escuro .box_destaque p,
body.modo-escuro .box_versiculo p{
	color:#e4edf8 !important;
	opacity:1 !important;
}

body.modo-escuro .box_versiculo .referencia_msg{
	color:#cfe4ff !important;
}

/* Botões claros dentro do modo escuro */
body.modo-escuro .botao_secao,
body.modo-escuro .box_destaque .botao_secao{
	color:#ffffff !important;
	background:#1f5b96 !important;
}

/* Responsivo - reforço para iPhone/Android */
@media(max-width:700px){

	body.modo-escuro .categoria_portal,
	body.modo-escuro .card_portal:nth-child(-n+2) .categoria_portal,
	body.modo-escuro .card_portal:nth-child(n+3) .categoria_portal{
		color:#0d243f !important;
		background:#f4f8fc !important;
		border-color:#d8e3ee !important;
		opacity:1 !important;
	}

	body.modo-escuro .conteudo_portal h2,
	body.modo-escuro .conteudo_portal h3,
	body.modo-escuro .devocional_conteudo h2,
	body.modo-escuro .box_destaque h3{
		color:#f6f9ff !important;
	}

	body.modo-escuro .devocional_conteudo p,
	body.modo-escuro .box_destaque p{
		color:#e4edf8 !important;
	}
}

/* =========================================================
   AJUSTE v84 - IMAGENS DOS 4 CARDS MENORES DO PORTAL
   Santos, Orações, Terços e Novenas com maior presença visual
========================================================= */

/* Desktop e tablet */
.img_santos img,
.img_oracoes img,
.img_tercos img,
.img_novenas img{
	max-width:100% !important;
	max-height:100% !important;
	transform:translate(-50%, -50%) scale(1.08) !important;
	object-fit:contain !important;
}

/* Mantém o efeito de hover sem exagerar o tamanho */
.card_santo:hover .imagem_portal img,
.card_oracao:hover .imagem_portal img,
.card_terco:hover .imagem_portal img,
.card_novena:hover .imagem_portal img{
	transform:translate(-50%, -50%) scale(1.12) !important;
}

/* Smartphone/iPhone: amplia, mas preserva margens de segurança */
@media(max-width:700px){

	.img_santos img,
	.img_oracoes img,
	.img_tercos img,
	.img_novenas img{
		max-width:100% !important;
		max-height:100% !important;
		transform:translate(-50%, -50%) scale(1.04) !important;
	}

	.card_santo:hover .imagem_portal img,
	.card_oracao:hover .imagem_portal img,
	.card_terco:hover .imagem_portal img,
	.card_novena:hover .imagem_portal img{
		transform:translate(-50%, -50%) scale(1.07) !important;
	}
}

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

	.img_santos img,
	.img_oracoes img,
	.img_tercos img,
	.img_novenas img{
		transform:translate(-50%, -50%) scale(1.02) !important;
	}
}

/* =========================================================
   AJUSTE v85 - MAIS PRESENÇA HORIZONTAL NOS 4 CARDS MENORES
========================================================= */

/* Desktop e tablet: ligeiramente mais largas que altas */
.img_santos img,
.img_oracoes img,
.img_tercos img,
.img_novenas img{
	max-width:100% !important;
	max-height:100% !important;
	transform:translate(-50%, -50%) scaleX(1.13) scaleY(1.08) !important;
}

/* Terços e Novenas recebem um pequeno reforço adicional */
.img_tercos img,
.img_novenas img{
	transform:translate(-50%, -50%) scaleX(1.16) scaleY(1.09) !important;
}

/* Hover suave */
.card_santo:hover .imagem_portal img,
.card_oracao:hover .imagem_portal img{
	transform:translate(-50%, -50%) scaleX(1.17) scaleY(1.11) !important;
}

.card_terco:hover .imagem_portal img,
.card_novena:hover .imagem_portal img{
	transform:translate(-50%, -50%) scaleX(1.20) scaleY(1.12) !important;
}

/* Smartphone/iPhone: menos expansão para preservar as bordas */
@media(max-width:700px){

	.img_santos img,
	.img_oracoes img,
	.img_tercos img,
	.img_novenas img{
		transform:translate(-50%, -50%) scaleX(1.08) scaleY(1.04) !important;
	}

	.img_tercos img,
	.img_novenas img{
		transform:translate(-50%, -50%) scaleX(1.10) scaleY(1.05) !important;
	}
}

@media(max-width:430px){

	.img_santos img,
	.img_oracoes img,
	.img_tercos img,
	.img_novenas img{
		transform:translate(-50%, -50%) scaleX(1.05) scaleY(1.02) !important;
	}
}


/* =========================================================
   AJUSTE v86 - CORREÇÃO DO CORTE SUPERIOR
   Santos e Devoções + Novenas
   Mantém presença horizontal, mas cria margem de segurança
   acima da cabeça/auréola de Jesus.
========================================================= */

/* Desktop e tablet */
.img_santos img{
	top:53% !important;
	max-width:100% !important;
	max-height:91% !important;
	transform:translate(-50%, -50%) scaleX(1.12) scaleY(1.00) !important;
}

.img_novenas img{
	top:53% !important;
	max-width:100% !important;
	max-height:90% !important;
	transform:translate(-50%, -50%) scaleX(1.14) scaleY(1.00) !important;
}

/* Hover: amplia principalmente na horizontal, sem voltar a cortar no topo */
.card_santo:hover .img_santos img{
	top:53% !important;
	transform:translate(-50%, -50%) scaleX(1.15) scaleY(1.01) !important;
}

.card_novena:hover .img_novenas img{
	top:53% !important;
	transform:translate(-50%, -50%) scaleX(1.17) scaleY(1.01) !important;
}

/* Smartphone / iPhone */
@media(max-width:700px){

	.img_santos img{
		top:53% !important;
		max-height:88% !important;
		transform:translate(-50%, -50%) scaleX(1.06) scaleY(1.00) !important;
	}

	.img_novenas img{
		top:53% !important;
		max-height:87% !important;
		transform:translate(-50%, -50%) scaleX(1.08) scaleY(1.00) !important;
	}

	.card_santo:hover .img_santos img{
		top:53% !important;
		transform:translate(-50%, -50%) scaleX(1.08) scaleY(1.00) !important;
	}

	.card_novena:hover .img_novenas img{
		top:53% !important;
		transform:translate(-50%, -50%) scaleX(1.10) scaleY(1.00) !important;
	}
}

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

	.img_santos img{
		top:53% !important;
		max-height:86% !important;
		transform:translate(-50%, -50%) scaleX(1.04) scaleY(1.00) !important;
	}

	.img_novenas img{
		top:53% !important;
		max-height:85% !important;
		transform:translate(-50%, -50%) scaleX(1.05) scaleY(1.00) !important;
	}
}

/* =========================================================
   AJUSTE v87 - CARDS MENORES: MAIS ÁREA PARA A IMAGEM
   Reduz a faixa inferior de texto sem diminuir a tipografia.
   O espaço recuperado é usado na área da imagem para evitar
   corte na cabeça/auréola em Santos e Devoções e Novenas.
========================================================= */

/* Desktop e tablet */
.card_portal:nth-child(n+3) .imagem_portal{
	height:170px !important;
}

.card_portal:nth-child(n+3) .conteudo_portal{
	flex:0 0 auto !important;
	min-height:64px !important;
	padding:8px 8px 9px !important;
}

.card_portal:nth-child(n+3) h2{
	margin:0 0 5px 0 !important;
	line-height:1.05 !important;
}

.card_portal:nth-child(n+3) .categoria_portal{
	margin:0 !important;
	padding-top:4px !important;
	padding-bottom:4px !important;
}

/* Reenquadramento dos dois cards das pontas */
.img_santos img{
	top:54% !important;
	max-height:92% !important;
	transform:translate(-50%, -50%) scaleX(1.12) scaleY(1.00) !important;
}

.img_novenas img{
	top:54% !important;
	max-height:91% !important;
	transform:translate(-50%, -50%) scaleX(1.14) scaleY(1.00) !important;
}

.card_santo:hover .img_santos img{
	top:54% !important;
	transform:translate(-50%, -50%) scaleX(1.15) scaleY(1.01) !important;
}

.card_novena:hover .img_novenas img{
	top:54% !important;
	transform:translate(-50%, -50%) scaleX(1.17) scaleY(1.01) !important;
}

/* Smartphone / iPhone */
@media(max-width:700px){

	.card_portal:nth-child(n+3) .imagem_portal{
		height:142px !important;
	}

	.card_portal:nth-child(n+3) .conteudo_portal{
		min-height:66px !important;
		padding:8px 6px 9px !important;
	}

	.card_portal:nth-child(n+3) h2{
		margin:0 0 5px 0 !important;
	}

	.img_santos img{
		top:54% !important;
		max-height:91% !important;
		transform:translate(-50%, -50%) scaleX(1.06) scaleY(1.00) !important;
	}

	.img_novenas img{
		top:54% !important;
		max-height:90% !important;
		transform:translate(-50%, -50%) scaleX(1.08) scaleY(1.00) !important;
	}
}

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

	.card_portal:nth-child(n+3) .imagem_portal{
		height:130px !important;
	}

	.card_portal:nth-child(n+3) .conteudo_portal{
		min-height:62px !important;
		padding:7px 5px 8px !important;
	}

	.img_santos img{
		top:54% !important;
		max-height:90% !important;
		transform:translate(-50%, -50%) scaleX(1.04) scaleY(1.00) !important;
	}

	.img_novenas img{
		top:54% !important;
		max-height:89% !important;
		transform:translate(-50%, -50%) scaleX(1.05) scaleY(1.00) !important;
	}
}

/* =========================================================
   AJUSTE v88 - REDUZ FAIXA DE TEXTO E REENQUADRA IMAGENS
   Objetivo: diminuir a área inferior dos 4 cards menores,
   aumentar a área útil da imagem e evitar corte no card
   "Novenas". Também minimiza a sensação de fundo branco
   deixando menos área vazia aparente ao redor das figuras.
========================================================= */

/* Desktop / notebook */
.card_portal:nth-child(n+3) .imagem_portal{
    height:176px !important;
    background:#f7f9fc !important;
}

.card_portal:nth-child(n+3) .conteudo_portal{
    min-height:58px !important;
    padding:7px 8px 8px !important;
}

.card_portal:nth-child(n+3) h2{
    margin:0 0 4px 0 !important;
    line-height:1.02 !important;
}

.card_portal:nth-child(n+3) .categoria_portal{
    margin:0 !important;
    padding-top:3px !important;
    padding-bottom:3px !important;
}

/* Ajuste específico dos cards das pontas */
.img_santos img{
    top:55% !important;
    max-width:86% !important;
    max-height:88% !important;
    transform:translate(-50%, -50%) scaleX(1.08) scaleY(0.98) !important;
}

.img_novenas img{
    top:57% !important;
    max-width:87% !important;
    max-height:85% !important;
    transform:translate(-50%, -50%) scaleX(1.09) scaleY(0.98) !important;
}

.card_santo:hover .img_santos img{
    top:55% !important;
    transform:translate(-50%, -50%) scaleX(1.10) scaleY(0.99) !important;
}

.card_novena:hover .img_novenas img{
    top:57% !important;
    transform:translate(-50%, -50%) scaleX(1.11) scaleY(0.99) !important;
}

/* Smartphone / iPhone */
@media(max-width:700px){
    .card_portal:nth-child(n+3) .imagem_portal{
        height:146px !important;
    }

    .card_portal:nth-child(n+3) .conteudo_portal{
        min-height:60px !important;
        padding:7px 6px 8px !important;
    }

    .card_portal:nth-child(n+3) h2{
        margin:0 0 4px 0 !important;
    }

    .img_santos img{
        top:55% !important;
        max-width:85% !important;
        max-height:87% !important;
        transform:translate(-50%, -50%) scaleX(1.04) scaleY(0.98) !important;
    }

    .img_novenas img{
        top:57% !important;
        max-width:86% !important;
        max-height:84% !important;
        transform:translate(-50%, -50%) scaleX(1.05) scaleY(0.98) !important;
    }
}

/* iPhone pequeno */
@media(max-width:430px){
    .card_portal:nth-child(n+3) .imagem_portal{
        height:134px !important;
    }

    .card_portal:nth-child(n+3) .conteudo_portal{
        min-height:58px !important;
        padding:6px 5px 7px !important;
    }

    .img_santos img{
        top:55% !important;
        max-width:84% !important;
        max-height:86% !important;
        transform:translate(-50%, -50%) scaleX(1.02) scaleY(0.98) !important;
    }

    .img_novenas img{
        top:57% !important;
        max-width:85% !important;
        max-height:83% !important;
        transform:translate(-50%, -50%) scaleX(1.03) scaleY(0.98) !important;
    }
}

/* =========================================================
   AJUSTE v89 - ENQUADRAMENTO FINAL DOS 4 CARDS MENORES
   Mantém toda a estrutura anterior e corrige somente
   escala/posição das imagens dentro dos cards.
========================================================= */

/* Mantém a área útil das imagens */
.card_portal:nth-child(n+3) .imagem_portal{
    height:176px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
}

/* Base neutra para as imagens dos cards menores */
.card_portal:nth-child(n+3) .imagem_portal img{
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
    transform:translate(-50%, -50%) !important;
}

/* Ajuste individual para preencher melhor cada box */
.img_santos img{
    top:53% !important;
    transform:translate(-50%, -50%) scale(1.18) !important;
}

.img_oracoes img{
    top:54% !important;
    transform:translate(-50%, -50%) scale(1.16) !important;
}

.img_tercos img{
    top:54% !important;
    transform:translate(-50%, -50%) scale(1.18) !important;
}

.img_novenas img{
    top:55% !important;
    transform:translate(-50%, -50%) scale(1.20) !important;
}

/* Hover sem reposicionar a imagem */
.card_santo:hover .img_santos img{
    top:53% !important;
    transform:translate(-50%, -50%) scale(1.21) !important;
}

.card_oracao:hover .img_oracoes img{
    top:54% !important;
    transform:translate(-50%, -50%) scale(1.19) !important;
}

.card_terco:hover .img_tercos img{
    top:54% !important;
    transform:translate(-50%, -50%) scale(1.21) !important;
}

.card_novena:hover .img_novenas img{
    top:55% !important;
    transform:translate(-50%, -50%) scale(1.23) !important;
}

/* Tablet / smartphone */
@media(max-width:700px){
    .card_portal:nth-child(n+3) .imagem_portal{
        height:146px !important;
    }

    .img_santos img{
        top:53% !important;
        transform:translate(-50%, -50%) scale(1.12) !important;
    }

    .img_oracoes img{
        top:54% !important;
        transform:translate(-50%, -50%) scale(1.10) !important;
    }

    .img_tercos img{
        top:54% !important;
        transform:translate(-50%, -50%) scale(1.12) !important;
    }

    .img_novenas img{
        top:55% !important;
        transform:translate(-50%, -50%) scale(1.14) !important;
    }
}

/* iPhone pequeno */
@media(max-width:430px){
    .card_portal:nth-child(n+3) .imagem_portal{
        height:134px !important;
    }

    .img_santos img{
        top:53% !important;
        transform:translate(-50%, -50%) scale(1.08) !important;
    }

    .img_oracoes img{
        top:54% !important;
        transform:translate(-50%, -50%) scale(1.06) !important;
    }

    .img_tercos img{
        top:54% !important;
        transform:translate(-50%, -50%) scale(1.08) !important;
    }

    .img_novenas img{
        top:55% !important;
        transform:translate(-50%, -50%) scale(1.10) !important;
    }
}


/* =========================================================
   AJUSTE v90 - 4 CARDS INFERIORES MAIS HORIZONTAIS
   Aumenta somente a presença lateral das imagens no desktop/
   tablet, preservando altura e sem alterar os boxes.
========================================================= */

@media(min-width:701px){

    .img_santos img{
        top:53% !important;
        transform:translate(-50%, -50%) scaleX(1.27) scaleY(1.16) !important;
    }

    .img_oracoes img{
        top:54% !important;
        transform:translate(-50%, -50%) scaleX(1.25) scaleY(1.14) !important;
    }

    .img_tercos img{
        top:54% !important;
        transform:translate(-50%, -50%) scaleX(1.27) scaleY(1.16) !important;
    }

    .img_novenas img{
        top:55% !important;
        transform:translate(-50%, -50%) scaleX(1.29) scaleY(1.18) !important;
    }

    .card_santo:hover .img_santos img{
        transform:translate(-50%, -50%) scaleX(1.30) scaleY(1.18) !important;
    }

    .card_oracao:hover .img_oracoes img{
        transform:translate(-50%, -50%) scaleX(1.28) scaleY(1.16) !important;
    }

    .card_terco:hover .img_tercos img{
        transform:translate(-50%, -50%) scaleX(1.30) scaleY(1.18) !important;
    }

    .card_novena:hover .img_novenas img{
        transform:translate(-50%, -50%) scaleX(1.32) scaleY(1.20) !important;
    }
}


/* =========================================================
   AJUSTE v91 - ABERTURA HORIZONTAL MAIS FORTE
   4 cards inferiores mais largos visualmente no desktop.
========================================================= */

@media(min-width:701px){

    .img_santos img{
        top:53% !important;
        transform:translate(-50%, -50%) scaleX(1.42) scaleY(1.10) !important;
    }

    .img_oracoes img{
        top:54% !important;
        transform:translate(-50%, -50%) scaleX(1.40) scaleY(1.08) !important;
    }

    .img_tercos img{
        top:54% !important;
        transform:translate(-50%, -50%) scaleX(1.42) scaleY(1.10) !important;
    }

    .img_novenas img{
        top:55% !important;
        transform:translate(-50%, -50%) scaleX(1.45) scaleY(1.10) !important;
    }

    .card_santo:hover .img_santos img{
        transform:translate(-50%, -50%) scaleX(1.46) scaleY(1.12) !important;
    }

    .card_oracao:hover .img_oracoes img{
        transform:translate(-50%, -50%) scaleX(1.44) scaleY(1.10) !important;
    }

    .card_terco:hover .img_tercos img{
        transform:translate(-50%, -50%) scaleX(1.46) scaleY(1.12) !important;
    }

    .card_novena:hover .img_novenas img{
        transform:translate(-50%, -50%) scaleX(1.49) scaleY(1.12) !important;
    }
}


/* =========================================================
   AJUSTE v92 - TAMANHO NORMAL IGUAL AO HOVER APROVADO
   O tamanho visual que aparecia no hover passa a ser o padrão.
========================================================= */

@media(min-width:701px){

    .img_santos img{
        top:53% !important;
        transform:translate(-50%, -50%) scaleX(1.46) scaleY(1.12) !important;
    }

    .img_oracoes img{
        top:54% !important;
        transform:translate(-50%, -50%) scaleX(1.44) scaleY(1.10) !important;
    }

    .img_tercos img{
        top:54% !important;
        transform:translate(-50%, -50%) scaleX(1.46) scaleY(1.12) !important;
    }

    .img_novenas img{
        top:55% !important;
        transform:translate(-50%, -50%) scaleX(1.49) scaleY(1.12) !important;
    }

    /* Hover agora cresce apenas um pouco */
    .card_santo:hover .img_santos img{
        transform:translate(-50%, -50%) scaleX(1.49) scaleY(1.14) !important;
    }

    .card_oracao:hover .img_oracoes img{
        transform:translate(-50%, -50%) scaleX(1.47) scaleY(1.12) !important;
    }

    .card_terco:hover .img_tercos img{
        transform:translate(-50%, -50%) scaleX(1.49) scaleY(1.14) !important;
    }

    .card_novena:hover .img_novenas img{
        transform:translate(-50%, -50%) scaleX(1.52) scaleY(1.14) !important;
    }
}


/* =========================================================
   AJUSTE v93 - TAMANHO MAIOR PERMANENTE
   O tamanho que aparecia no hover passa a ficar fixo.
   No hover, somente o card sobe/ganha sombra; a imagem
   NÃO muda mais de tamanho.
========================================================= */

@media(min-width:701px){

    .card_portal.card_santo .img_santos img,
    .card_santo .img_santos img{
        top:53% !important;
        max-width:none !important;
        transform:translate(-50%, -50%) scaleX(1.49) scaleY(1.14) !important;
    }

    .card_portal.card_oracao .img_oracoes img,
    .card_oracao .img_oracoes img{
        top:54% !important;
        max-width:none !important;
        transform:translate(-50%, -50%) scaleX(1.47) scaleY(1.12) !important;
    }

    .card_portal.card_terco .img_tercos img,
    .card_terco .img_tercos img{
        top:54% !important;
        max-width:none !important;
        transform:translate(-50%, -50%) scaleX(1.49) scaleY(1.14) !important;
    }

    .card_portal.card_novena .img_novenas img,
    .card_novena .img_novenas img{
        top:55% !important;
        max-width:none !important;
        transform:translate(-50%, -50%) scaleX(1.52) scaleY(1.14) !important;
    }

    /* Mantém exatamente o mesmo tamanho no hover */
    .card_santo:hover .img_santos img{
        transform:translate(-50%, -50%) scaleX(1.49) scaleY(1.14) !important;
    }

    .card_oracao:hover .img_oracoes img{
        transform:translate(-50%, -50%) scaleX(1.47) scaleY(1.12) !important;
    }

    .card_terco:hover .img_tercos img{
        transform:translate(-50%, -50%) scaleX(1.49) scaleY(1.14) !important;
    }

    .card_novena:hover .img_novenas img{
        transform:translate(-50%, -50%) scaleX(1.52) scaleY(1.14) !important;
    }
}


/* =========================================================
   AJUSTE v94 - IMAGENS MAIORES TAMBÉM NO RESPONSIVO
   Mantém os boxes, aumenta a presença lateral das imagens
   no tablet/smartphone/iPhone sem cortar excessivamente.
========================================================= */

/* Tablet / smartphone */
@media(max-width:700px){

    .card_santo .img_santos img{
        top:53% !important;
        max-width:none !important;
        transform:translate(-50%, -50%) scaleX(1.24) scaleY(1.07) !important;
    }

    .card_oracao .img_oracoes img{
        top:54% !important;
        max-width:none !important;
        transform:translate(-50%, -50%) scaleX(1.22) scaleY(1.05) !important;
    }

    .card_terco .img_tercos img{
        top:54% !important;
        max-width:none !important;
        transform:translate(-50%, -50%) scaleX(1.24) scaleY(1.07) !important;
    }

    .card_novena .img_novenas img{
        top:55% !important;
        max-width:none !important;
        transform:translate(-50%, -50%) scaleX(1.27) scaleY(1.07) !important;
    }

    /* Sem mudança de tamanho no hover */
    .card_santo:hover .img_santos img{
        transform:translate(-50%, -50%) scaleX(1.24) scaleY(1.07) !important;
    }

    .card_oracao:hover .img_oracoes img{
        transform:translate(-50%, -50%) scaleX(1.22) scaleY(1.05) !important;
    }

    .card_terco:hover .img_tercos img{
        transform:translate(-50%, -50%) scaleX(1.24) scaleY(1.07) !important;
    }

    .card_novena:hover .img_novenas img{
        transform:translate(-50%, -50%) scaleX(1.27) scaleY(1.07) !important;
    }
}

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

    .card_santo .img_santos img{
        top:53% !important;
        max-width:none !important;
        transform:translate(-50%, -50%) scaleX(1.18) scaleY(1.04) !important;
    }

    .card_oracao .img_oracoes img{
        top:54% !important;
        max-width:none !important;
        transform:translate(-50%, -50%) scaleX(1.16) scaleY(1.03) !important;
    }

    .card_terco .img_tercos img{
        top:54% !important;
        max-width:none !important;
        transform:translate(-50%, -50%) scaleX(1.18) scaleY(1.04) !important;
    }

    .card_novena .img_novenas img{
        top:55% !important;
        max-width:none !important;
        transform:translate(-50%, -50%) scaleX(1.21) scaleY(1.04) !important;
    }

    .card_santo:hover .img_santos img{
        transform:translate(-50%, -50%) scaleX(1.18) scaleY(1.04) !important;
    }

    .card_oracao:hover .img_oracoes img{
        transform:translate(-50%, -50%) scaleX(1.16) scaleY(1.03) !important;
    }

    .card_terco:hover .img_tercos img{
        transform:translate(-50%, -50%) scaleX(1.18) scaleY(1.04) !important;
    }

    .card_novena:hover .img_novenas img{
        transform:translate(-50%, -50%) scaleX(1.21) scaleY(1.04) !important;
    }
}


/* =========================================================
   AJUSTE v95 - MESMA PEGADA DO TABLET HORIZONTAL EM TODOS
   OS MODOS
   Deixa as 4 imagens inferiores mais abertas/largas também
   no tablet vertical, smartphone e iPhone.
========================================================= */

@media(max-width:700px){

    .card_santo .img_santos img{
        top:53% !important;
        max-width:none !important;
        transform:translate(-50%, -50%) scaleX(1.34) scaleY(1.10) !important;
    }

    .card_oracao .img_oracoes img{
        top:54% !important;
        max-width:none !important;
        transform:translate(-50%, -50%) scaleX(1.32) scaleY(1.08) !important;
    }

    .card_terco .img_tercos img{
        top:54% !important;
        max-width:none !important;
        transform:translate(-50%, -50%) scaleX(1.35) scaleY(1.10) !important;
    }

    .card_novena .img_novenas img{
        top:55% !important;
        max-width:none !important;
        transform:translate(-50%, -50%) scaleX(1.38) scaleY(1.10) !important;
    }

    .card_santo:hover .img_santos img{
        transform:translate(-50%, -50%) scaleX(1.34) scaleY(1.10) !important;
    }

    .card_oracao:hover .img_oracoes img{
        transform:translate(-50%, -50%) scaleX(1.32) scaleY(1.08) !important;
    }

    .card_terco:hover .img_tercos img{
        transform:translate(-50%, -50%) scaleX(1.35) scaleY(1.10) !important;
    }

    .card_novena:hover .img_novenas img{
        transform:translate(-50%, -50%) scaleX(1.38) scaleY(1.10) !important;
    }
}

@media(max-width:430px){

    .card_santo .img_santos img{
        top:53% !important;
        max-width:none !important;
        transform:translate(-50%, -50%) scaleX(1.28) scaleY(1.07) !important;
    }

    .card_oracao .img_oracoes img{
        top:54% !important;
        max-width:none !important;
        transform:translate(-50%, -50%) scaleX(1.26) scaleY(1.06) !important;
    }

    .card_terco .img_tercos img{
        top:54% !important;
        max-width:none !important;
        transform:translate(-50%, -50%) scaleX(1.29) scaleY(1.07) !important;
    }

    .card_novena .img_novenas img{
        top:55% !important;
        max-width:none !important;
        transform:translate(-50%, -50%) scaleX(1.32) scaleY(1.07) !important;
    }

    .card_santo:hover .img_santos img{
        transform:translate(-50%, -50%) scaleX(1.28) scaleY(1.07) !important;
    }

    .card_oracao:hover .img_oracoes img{
        transform:translate(-50%, -50%) scaleX(1.26) scaleY(1.06) !important;
    }

    .card_terco:hover .img_tercos img{
        transform:translate(-50%, -50%) scaleX(1.29) scaleY(1.07) !important;
    }

    .card_novena:hover .img_novenas img{
        transform:translate(-50%, -50%) scaleX(1.32) scaleY(1.07) !important;
    }
}


/* =========================================================
   AJUSTE v96 - MESMO ENQUADRAMENTO EM TODOS OS MODOS
   Sem breakpoint: desktop, tablet, smartphone e iPhone usam
   exatamente a mesma presença visual das 4 imagens inferiores.
========================================================= */

.card_santo .img_santos img{
    top:53% !important;
    max-width:none !important;
    transform:translate(-50%, -50%) scaleX(1.49) scaleY(1.14) !important;
}

.card_oracao .img_oracoes img{
    top:54% !important;
    max-width:none !important;
    transform:translate(-50%, -50%) scaleX(1.47) scaleY(1.12) !important;
}

.card_terco .img_tercos img{
    top:54% !important;
    max-width:none !important;
    transform:translate(-50%, -50%) scaleX(1.49) scaleY(1.14) !important;
}

.card_novena .img_novenas img{
    top:55% !important;
    max-width:none !important;
    transform:translate(-50%, -50%) scaleX(1.52) scaleY(1.14) !important;
}

/* Hover mantém exatamente o mesmo tamanho */
.card_santo:hover .img_santos img{
    transform:translate(-50%, -50%) scaleX(1.49) scaleY(1.14) !important;
}

.card_oracao:hover .img_oracoes img{
    transform:translate(-50%, -50%) scaleX(1.47) scaleY(1.12) !important;
}

.card_terco:hover .img_tercos img{
    transform:translate(-50%, -50%) scaleX(1.49) scaleY(1.14) !important;
}

.card_novena:hover .img_novenas img{
    transform:translate(-50%, -50%) scaleX(1.52) scaleY(1.14) !important;
}


/* =========================================================
   AJUSTE v97 - CORREÇÃO REAL DE ESPECIFICIDADE
   A regra genérica:
   .card_portal:nth-child(n+3) .imagem_portal img
   estava vencendo os ajustes anteriores com !important.
   Agora os seletores abaixo são mais específicos e valem
   em desktop, tablet, smartphone e iPhone.
========================================================= */

.card_portal.card_santo .imagem_portal.img_santos img{
    top:53% !important;
    left:50% !important;
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
    transform:translate(-50%, -50%) scale(1.21) !important;
}

.card_portal.card_oracao .imagem_portal.img_oracoes img{
    top:54% !important;
    left:50% !important;
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
    transform:translate(-50%, -50%) scale(1.19) !important;
}

.card_portal.card_terco .imagem_portal.img_tercos img{
    top:54% !important;
    left:50% !important;
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
    transform:translate(-50%, -50%) scale(1.21) !important;
}

.card_portal.card_novena .imagem_portal.img_novenas img{
    top:55% !important;
    left:50% !important;
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
    transform:translate(-50%, -50%) scale(1.23) !important;
}

/* Hover mantém o mesmo tamanho: só o card recebe o efeito */
.card_portal.card_santo:hover .imagem_portal.img_santos img{
    transform:translate(-50%, -50%) scale(1.21) !important;
}

.card_portal.card_oracao:hover .imagem_portal.img_oracoes img{
    transform:translate(-50%, -50%) scale(1.19) !important;
}

.card_portal.card_terco:hover .imagem_portal.img_tercos img{
    transform:translate(-50%, -50%) scale(1.21) !important;
}

.card_portal.card_novena:hover .imagem_portal.img_novenas img{
    transform:translate(-50%, -50%) scale(1.23) !important;
}


/* =========================================================
   AJUSTE v98 - ABERTURA HORIZONTAL, SEM AUMENTAR NA VERTICAL
   Mantém a altura visual e amplia apenas para os lados.
   Vale em desktop, tablet, smartphone e iPhone.
========================================================= */

.card_portal.card_santo .imagem_portal.img_santos img{
    top:53% !important;
    max-width:100% !important;
    max-height:100% !important;
    transform:translate(-50%, -50%) scaleX(1.32) scaleY(1.00) !important;
}

.card_portal.card_oracao .imagem_portal.img_oracoes img{
    top:54% !important;
    max-width:100% !important;
    max-height:100% !important;
    transform:translate(-50%, -50%) scaleX(1.30) scaleY(1.00) !important;
}

.card_portal.card_terco .imagem_portal.img_tercos img{
    top:54% !important;
    max-width:100% !important;
    max-height:100% !important;
    transform:translate(-50%, -50%) scaleX(1.34) scaleY(1.00) !important;
}

.card_portal.card_novena .imagem_portal.img_novenas img{
    top:55% !important;
    max-width:100% !important;
    max-height:100% !important;
    transform:translate(-50%, -50%) scaleX(1.36) scaleY(1.00) !important;
}

/* Hover: mantém o mesmo enquadramento */
.card_portal.card_santo:hover .imagem_portal.img_santos img{
    transform:translate(-50%, -50%) scaleX(1.32) scaleY(1.00) !important;
}

.card_portal.card_oracao:hover .imagem_portal.img_oracoes img{
    transform:translate(-50%, -50%) scaleX(1.30) scaleY(1.00) !important;
}

.card_portal.card_terco:hover .imagem_portal.img_tercos img{
    transform:translate(-50%, -50%) scaleX(1.34) scaleY(1.00) !important;
}

.card_portal.card_novena:hover .imagem_portal.img_novenas img{
    transform:translate(-50%, -50%) scaleX(1.36) scaleY(1.00) !important;
}


/* =========================================================
   AJUSTE v99 - DESTAQUE HOME
   QUARESMA DE SÃO MIGUEL ARCANJO
   ========================================================= */

.destaque_miguel_home{
    width:100%;
    margin:20px 0 24px;
}

.destaque_miguel_link{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1.42fr) minmax(250px,.58fr);
    min-height:242px;
    overflow:hidden;
    border:1px solid #d8e3ef;
    border-radius:22px;
    background:
        radial-gradient(circle at 12% 12%,rgba(255,255,255,.98),transparent 25%),
        linear-gradient(118deg,#f9fbfe 0%,#eef5fc 54%,#e2edf8 100%);
    box-shadow:0 12px 28px rgba(23,59,103,.12);
    color:#173b67;
    text-decoration:none;
    isolation:isolate;
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}

.destaque_miguel_link::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    right:0;
    z-index:4;
    height:5px;
    background:linear-gradient(90deg,#173b67 0%,#c99422 55%,#8e3d32 100%);
}

.destaque_miguel_link:hover{
    transform:translateY(-3px);
    border-color:#c5d5e5;
    box-shadow:0 17px 34px rgba(23,59,103,.16);
}

.destaque_miguel_texto{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
    padding:27px 30px 27px 34px;
}

.destaque_miguel_topo{
    display:flex;
    align-items:center;
    gap:9px;
    flex-wrap:wrap;
    margin-bottom:11px;
}

.destaque_miguel_selo,
.destaque_miguel_periodo{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:26px;
    padding:0 11px;
    border-radius:999px;
    font-size:10.5px;
    font-weight:900;
    line-height:1;
    letter-spacing:.35px;
}

.destaque_miguel_selo{
    border:1px solid rgba(201,148,34,.40);
    background:#fff8e7;
    color:#78550c;
}

.destaque_miguel_periodo{
    border:1px solid rgba(23,59,103,.13);
    background:rgba(255,255,255,.72);
    color:#34597f;
}

.destaque_miguel_texto h1{
    max-width:680px;
    margin:0;
    color:#173b67;
    font-family:Georgia,"Times New Roman",serif;
    font-size:35px;
    font-weight:800;
    line-height:1.04;
    letter-spacing:-.25px;
}

.destaque_miguel_subtitulo{
    max-width:650px;
    margin:10px 0 0;
    color:#435b74;
    font-size:14.5px;
    font-weight:700;
    line-height:1.38;
}

.destaque_miguel_frase{
    max-width:650px;
    margin:7px 0 0;
    color:#77540e;
    font-family:Georgia,"Times New Roman",serif;
    font-size:13.5px;
    font-weight:700;
    line-height:1.32;
}

.destaque_miguel_botao{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    align-self:flex-start;
    gap:7px;
    min-height:38px;
    margin-top:15px;
    padding:0 17px;
    border-radius:999px;
    background:#173b67;
    color:#fff;
    font-size:11.5px;
    font-weight:900;
    letter-spacing:.25px;
    box-shadow:0 7px 15px rgba(23,59,103,.18);
}

.destaque_miguel_botao b{
    margin-top:-1px;
    font-size:20px;
    line-height:1;
}

.destaque_miguel_imagem{
    position:relative;
    z-index:1;
    min-height:242px;
    overflow:hidden;
    background:
        radial-gradient(circle at 48% 30%,rgba(255,255,255,.95),transparent 22%),
        linear-gradient(145deg,#dce9f7,#edf4fb);
}

.destaque_miguel_imagem::before{
    content:"";
    position:absolute;
    z-index:2;
    left:-54px;
    top:-10%;
    width:110px;
    height:120%;
    background:linear-gradient(90deg,#eef5fc 0%,rgba(238,245,252,.82) 37%,rgba(238,245,252,0) 100%);
    pointer-events:none;
}

.destaque_miguel_imagem img{
    display:block;
    width:100%;
    height:100%;
    min-height:242px;
    object-fit:cover;
    object-position:center;
    transition:transform .35s ease;
}

.destaque_miguel_link:hover .destaque_miguel_imagem img{
    transform:scale(1.025);
}

.destaque_miguel_imagem.sem-imagem::after{
    content:"⚔";
    position:absolute;
    left:53%;
    top:49%;
    transform:translate(-50%,-50%);
    color:#173b67;
    font-family:Georgia,"Times New Roman",serif;
    font-size:92px;
    font-weight:800;
    line-height:1;
    text-shadow:0 9px 20px rgba(23,59,103,.17);
}

.destaque_miguel_imagem.sem-imagem::before{
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:
        radial-gradient(circle at 56% 38%,rgba(255,255,255,.94),transparent 27%),
        linear-gradient(145deg,#dce9f7,#edf4fb);
}

/* Tablet */
@media(max-width:1000px){
    .destaque_miguel_link{
        grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);
        min-height:224px;
    }

    .destaque_miguel_texto{
        padding:24px 24px 24px 27px;
    }

    .destaque_miguel_texto h1{
        font-size:30px;
    }

    .destaque_miguel_subtitulo{
        font-size:13.5px;
    }

    .destaque_miguel_imagem,
    .destaque_miguel_imagem img{
        min-height:224px;
    }
}

/* Smartphone: permanece horizontal para reduzir rolagem */
@media(max-width:700px){
    .destaque_miguel_home{
        margin:14px 0 18px;
    }

    .destaque_miguel_link{
        grid-template-columns:minmax(0,1.35fr) minmax(112px,.65fr);
        min-height:174px;
        border-radius:17px;
    }

    .destaque_miguel_texto{
        justify-content:center;
        padding:15px 8px 15px 15px;
    }

    .destaque_miguel_topo{
        gap:5px;
        margin-bottom:7px;
    }

    .destaque_miguel_selo,
    .destaque_miguel_periodo{
        min-height:21px;
        padding:0 7px;
        font-size:7.7px;
        letter-spacing:.1px;
    }

    .destaque_miguel_texto h1{
        font-size:21px;
        line-height:1.02;
    }

    .destaque_miguel_subtitulo{
        margin-top:6px;
        font-size:10.2px;
        line-height:1.25;
    }

    .destaque_miguel_frase{
        margin-top:5px;
        font-size:9.4px;
        line-height:1.22;
    }

    .destaque_miguel_botao{
        min-height:29px;
        margin-top:8px;
        padding:0 10px;
        gap:4px;
        font-size:8.6px;
    }

    .destaque_miguel_botao b{
        font-size:16px;
    }

    .destaque_miguel_imagem,
    .destaque_miguel_imagem img{
        min-height:174px;
    }

    .destaque_miguel_imagem::before{
        left:-34px;
        width:70px;
    }

    .destaque_miguel_imagem.sem-imagem::after{
        left:54%;
        font-size:60px;
    }
}

@media(max-width:430px){
    .destaque_miguel_link{
        grid-template-columns:minmax(0,1.42fr) minmax(102px,.58fr);
        min-height:164px;
    }

    .destaque_miguel_texto{
        padding:13px 5px 13px 12px;
    }

    .destaque_miguel_selo,
    .destaque_miguel_periodo{
        min-height:19px;
        padding:0 6px;
        font-size:7px;
    }

    .destaque_miguel_texto h1{
        font-size:18.5px;
    }

    .destaque_miguel_subtitulo{
        font-size:9px;
    }

    .destaque_miguel_frase{
        font-size:8.4px;
    }

    .destaque_miguel_botao{
        min-height:27px;
        padding:0 9px;
        font-size:8px;
    }

    .destaque_miguel_imagem,
    .destaque_miguel_imagem img{
        min-height:164px;
    }

    .destaque_miguel_imagem.sem-imagem::after{
        font-size:52px;
    }
}

/* Dark mode */
body.modo-escuro .destaque_miguel_link{
    border-color:#32485f;
    background:linear-gradient(118deg,#172536 0%,#1b2c40 58%,#21364c 100%);
}

body.modo-escuro .destaque_miguel_texto h1{
    color:#f2f7ff;
}

body.modo-escuro .destaque_miguel_subtitulo{
    color:#d4e1ef;
}

body.modo-escuro .destaque_miguel_periodo{
    border-color:#3e5871;
    background:#22384e;
    color:#d9e7f5;
}

body.modo-escuro .destaque_miguel_frase{
    color:#edcf84;
}




/* =========================================================
   AJUSTE v100 - QUARESMA COMO DESTAQUE SECUNDÁRIO DA HOME
   O slider permanece como o principal elemento visual.
   ========================================================= */

/* Menor que o slider e visualmente mais leve */
.destaque_miguel_home{
    width:76% !important;
    max-width:860px !important;
    margin:16px auto 28px !important;
}

.destaque_miguel_link{
    grid-template-areas:"imagem texto" !important;
    grid-template-columns:200px minmax(0,1fr) !important;
    min-height:184px !important;
    border:1px solid #dce5ee !important;
    border-radius:18px !important;
    background:
        radial-gradient(circle at 8% 20%,rgba(210,163,54,.10),transparent 28%),
        linear-gradient(110deg,#edf4fb 0%,#f8fbfe 43%,#fffdf8 100%) !important;
    box-shadow:0 8px 22px rgba(23,59,103,.09) !important;
}

.destaque_miguel_link::before{
    height:3px !important;
    background:linear-gradient(90deg,#244f7b 0%,#c99a2b 56%,#985048 100%) !important;
}

.destaque_miguel_link:hover{
    transform:translateY(-2px) !important;
    border-color:#ccd9e6 !important;
    box-shadow:0 11px 26px rgba(23,59,103,.12) !important;
}

/* Imagem à esquerda, menor e sem competir com o slider */
.destaque_miguel_imagem{
    grid-area:imagem !important;
    min-height:184px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:12px !important;
    background:
        radial-gradient(circle at 50% 45%,rgba(246,216,134,.20),transparent 42%),
        linear-gradient(145deg,#e8f1fa 0%,#f3f8fd 100%) !important;
    border-right:1px solid rgba(208,220,232,.78) !important;
}

.destaque_miguel_imagem::before{
    display:none !important;
}

.destaque_miguel_imagem img{
    width:auto !important;
    height:auto !important;
    min-height:0 !important;
    max-width:178px !important;
    max-height:164px !important;
    object-fit:contain !important;
    object-position:center !important;
    filter:drop-shadow(0 8px 12px rgba(23,59,103,.12)) !important;
}

.destaque_miguel_link:hover .destaque_miguel_imagem img{
    transform:scale(1.025) !important;
}

/* Texto à direita: forte, mas claramente abaixo do slider na hierarquia */
.destaque_miguel_texto{
    grid-area:texto !important;
    justify-content:center !important;
    padding:20px 24px 20px 26px !important;
}

.destaque_miguel_topo{
    gap:7px !important;
    margin-bottom:8px !important;
}

.destaque_miguel_selo,
.destaque_miguel_periodo{
    min-height:23px !important;
    padding:0 9px !important;
    font-size:9px !important;
    letter-spacing:.25px !important;
}

.destaque_miguel_selo{
    border-color:#e2c477 !important;
    background:#fff9e9 !important;
    color:#805d16 !important;
}

.destaque_miguel_periodo{
    border-color:#dce5ee !important;
    background:rgba(255,255,255,.78) !important;
    color:#4d6780 !important;
}

.destaque_miguel_texto h1{
    max-width:540px !important;
    font-size:27px !important;
    line-height:1.06 !important;
    letter-spacing:-.15px !important;
}

.destaque_miguel_subtitulo{
    max-width:540px !important;
    margin-top:7px !important;
    color:#43586d !important;
    font-size:13px !important;
    font-weight:600 !important;
    line-height:1.35 !important;
}

.destaque_miguel_frase{
    max-width:540px !important;
    margin-top:5px !important;
    color:#7c5b1d !important;
    font-size:12px !important;
    line-height:1.28 !important;
}

.destaque_miguel_botao{
    min-height:32px !important;
    margin-top:10px !important;
    padding:0 13px !important;
    background:#244f7b !important;
    font-size:9.8px !important;
    box-shadow:0 5px 12px rgba(23,59,103,.13) !important;
}

.destaque_miguel_botao b{
    font-size:17px !important;
}

/* Tablet */
@media(max-width:1000px){
    .destaque_miguel_home{
        width:84% !important;
        max-width:760px !important;
    }

    .destaque_miguel_link{
        grid-template-columns:175px minmax(0,1fr) !important;
        min-height:170px !important;
    }

    .destaque_miguel_imagem{
        min-height:170px !important;
    }

    .destaque_miguel_imagem img{
        max-width:154px !important;
        max-height:148px !important;
    }

    .destaque_miguel_texto{
        padding:18px 20px !important;
    }

    .destaque_miguel_texto h1{
        font-size:24px !important;
    }
}

/* Smartphone: compacto, ainda horizontal para reduzir rolagem */
@media(max-width:700px){
    .destaque_miguel_home{
        width:100% !important;
        max-width:none !important;
        margin:12px auto 20px !important;
    }

    .destaque_miguel_link{
        grid-template-areas:"imagem texto" !important;
        grid-template-columns:112px minmax(0,1fr) !important;
        min-height:150px !important;
        border-radius:15px !important;
    }

    .destaque_miguel_imagem{
        min-height:150px !important;
        padding:7px !important;
    }

    .destaque_miguel_imagem img{
        max-width:104px !important;
        max-height:128px !important;
    }

    .destaque_miguel_texto{
        padding:13px 11px 13px 13px !important;
    }

    .destaque_miguel_topo{
        gap:4px !important;
        margin-bottom:6px !important;
    }

    .destaque_miguel_selo,
    .destaque_miguel_periodo{
        min-height:19px !important;
        padding:0 6px !important;
        font-size:6.8px !important;
    }

    .destaque_miguel_texto h1{
        font-size:18px !important;
        line-height:1.03 !important;
    }

    .destaque_miguel_subtitulo{
        margin-top:5px !important;
        font-size:9.4px !important;
        line-height:1.25 !important;
    }

    .destaque_miguel_frase{
        display:none !important;
    }

    .destaque_miguel_botao{
        min-height:27px !important;
        margin-top:7px !important;
        padding:0 9px !important;
        font-size:7.7px !important;
    }
}

@media(max-width:430px){
    .destaque_miguel_link{
        grid-template-columns:96px minmax(0,1fr) !important;
        min-height:140px !important;
    }

    .destaque_miguel_imagem{
        min-height:140px !important;
    }

    .destaque_miguel_imagem img{
        max-width:90px !important;
        max-height:116px !important;
    }

    .destaque_miguel_texto{
        padding:11px 8px 11px 10px !important;
    }

    .destaque_miguel_texto h1{
        font-size:16.5px !important;
    }

    .destaque_miguel_subtitulo{
        font-size:8.6px !important;
    }
}

/* Dark mode */
body.modo-escuro .destaque_miguel_link{
    border-color:#34485d !important;
    background:linear-gradient(110deg,#1a293a 0%,#1d3044 60%,#2a3440 100%) !important;
}

body.modo-escuro .destaque_miguel_imagem{
    border-right-color:#34485d !important;
    background:linear-gradient(145deg,#21364b,#192a3d) !important;
}


/* =========================================================
   AJUSTE v103 - SÃO MIGUEL
   Mantém o tamanho da v10, corta a sobra à direita
   e usa o mesmo efeito dos cards grandes do Portal.
   ========================================================= */

/* Mantém altura e escala da v10; reduz somente a largura ociosa */
.destaque_miguel_home{
    width:72% !important;
    max-width:760px !important;
    margin:16px auto 28px !important;
}

/* Conteúdo na medida: imagem + texto, sem grande sobra branca */
.destaque_miguel_link{
    position:relative !important;
    isolation:isolate !important;
    overflow:hidden !important;

    grid-template-areas:"imagem texto" !important;
    grid-template-columns:200px minmax(0,1fr) !important;

    min-height:184px !important;
    border:1px solid #dfe7f1 !important;
    border-radius:14px !important;

    background:#ffffff !important;

    box-shadow:0 12px 28px rgba(23,59,103,.12) !important;

    transition:
        transform .20s ease,
        box-shadow .20s ease,
        border-color .20s ease !important;
}

/* Linha superior no mesmo espírito dos cards grandes */
.destaque_miguel_link::before{
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    z-index:5 !important;

    height:5px !important;
    background:linear-gradient(
        90deg,
        #2f6fad 0%,
        #c99422 52%,
        #c83c3c 100%
    ) !important;
}

/* Brilho atravessando: mesmo efeito usado nos cards do Portal */
.destaque_miguel_link::after{
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    left:-78% !important;
    z-index:6 !important;

    width:52% !important;
    height:100% !important;

    background:linear-gradient(
        110deg,
        transparent 0%,
        rgba(255,255,255,.46) 50%,
        transparent 100%
    ) !important;

    transform:skewX(-18deg) !important;
    opacity:0 !important;
    pointer-events:none !important;
}

.destaque_miguel_link:hover{
    transform:translateY(-6px) !important;
    border-color:#bfd0e3 !important;
    box-shadow:0 18px 38px rgba(23,59,103,.17) !important;
}

.destaque_miguel_link:hover::after{
    opacity:1 !important;
    animation:brilhoCard .85s ease forwards !important;
}

/* Imagem: mesma proporção da v10 */
.destaque_miguel_imagem{
    grid-area:imagem !important;
    min-height:184px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:12px !important;

    border-right:1px solid #dfe7f1 !important;

    background:
        radial-gradient(circle at 50% 45%,rgba(246,216,134,.18),transparent 42%),
        linear-gradient(145deg,#edf4fb 0%,#f5f9fd 100%) !important;
}

.destaque_miguel_imagem img{
    width:auto !important;
    height:auto !important;
    max-width:178px !important;
    max-height:164px !important;

    object-fit:contain !important;
    object-position:center !important;

    filter:drop-shadow(0 8px 12px rgba(23,59,103,.12)) !important;

    transition:transform .22s ease, filter .22s ease !important;
}

.destaque_miguel_link:hover .destaque_miguel_imagem img{
    transform:scale(1.045) !important;
}

/* Texto: sem limitar artificialmente a largura e criar espaço vazio */
.destaque_miguel_texto{
    grid-area:texto !important;
    justify-content:center !important;

    padding:20px 20px 20px 22px !important;
    min-width:0 !important;
}

.destaque_miguel_texto h1,
.destaque_miguel_subtitulo,
.destaque_miguel_frase{
    max-width:none !important;
}

.destaque_miguel_texto h1{
    font-size:27px !important;
    line-height:1.06 !important;
}

.destaque_miguel_subtitulo{
    font-size:13px !important;
    line-height:1.35 !important;
}

.destaque_miguel_frase{
    font-size:12px !important;
    line-height:1.28 !important;
}

/* Tablet */
@media(max-width:1000px){
    .destaque_miguel_home{
        width:82% !important;
        max-width:720px !important;
    }

    .destaque_miguel_link{
        grid-template-columns:180px minmax(0,1fr) !important;
        min-height:174px !important;
    }

    .destaque_miguel_imagem{
        min-height:174px !important;
    }

    .destaque_miguel_imagem img{
        max-width:158px !important;
        max-height:150px !important;
    }

    .destaque_miguel_texto h1{
        font-size:24px !important;
    }
}

/* Smartphone */
@media(max-width:700px){
    .destaque_miguel_home{
        width:100% !important;
        max-width:none !important;
        margin:12px auto 20px !important;
    }

    .destaque_miguel_link{
        grid-template-columns:112px minmax(0,1fr) !important;
        min-height:150px !important;
        border-radius:15px !important;
    }

    .destaque_miguel_link:hover{
        transform:translateY(-3px) !important;
    }

    .destaque_miguel_imagem{
        min-height:150px !important;
        padding:7px !important;
    }

    .destaque_miguel_imagem img{
        max-width:104px !important;
        max-height:128px !important;
    }

    .destaque_miguel_texto{
        padding:13px 11px 13px 13px !important;
    }

    .destaque_miguel_texto h1{
        font-size:19px !important;
    }

    .destaque_miguel_subtitulo{
        font-size:10.5px !important;
    }
}


/* =========================================================
   AJUSTE v104 - MENOS SOBRA À DIREITA
   Mantém tamanho visual do conteúdo da v103.
   ========================================================= */

.destaque_miguel_home{
    width:68% !important;
    max-width:700px !important;
    margin:16px auto 28px !important;
}

.destaque_miguel_link{
    grid-template-columns:190px minmax(0,1fr) !important;
    min-height:184px !important;
}

.destaque_miguel_imagem{
    min-height:184px !important;
    padding:10px !important;
}

.destaque_miguel_imagem img{
    max-width:170px !important;
    max-height:164px !important;
}

.destaque_miguel_texto{
    padding:18px 12px 18px 20px !important;
}

.destaque_miguel_texto h1{
    font-size:27px !important;
    line-height:1.06 !important;
    white-space:normal !important;
}

.destaque_miguel_subtitulo,
.destaque_miguel_frase{
    max-width:455px !important;
}

/* Tablet */
@media(max-width:1000px){
    .destaque_miguel_home{
        width:78% !important;
        max-width:680px !important;
    }

    .destaque_miguel_link{
        grid-template-columns:178px minmax(0,1fr) !important;
    }

    .destaque_miguel_imagem img{
        max-width:158px !important;
    }
}

/* Smartphone */
@media(max-width:700px){
    .destaque_miguel_home{
        width:100% !important;
        max-width:none !important;
    }

    .destaque_miguel_link{
        grid-template-columns:112px minmax(0,1fr) !important;
    }

    .destaque_miguel_texto{
        padding:13px 8px 13px 12px !important;
    }
}


/* =========================================================
   AJUSTE v105 - LARGURA DO DESTAQUE NO MOBILE
   Smartphone / iPhone mais estreito e centralizado
   ========================================================= */

@media(max-width:700px){

    .destaque_miguel_home{
        width:92% !important;
        max-width:520px !important;
        margin:12px auto 20px !important;
    }

    .destaque_miguel_link{
        width:100% !important;
        margin:0 auto !important;
    }
}

@media(max-width:430px){

    .destaque_miguel_home{
        width:90% !important;
        max-width:390px !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }
}

@media(max-width:375px){

    .destaque_miguel_home{
        width:89% !important;
        max-width:350px !important;
    }
}


/* =========================================================
   AJUSTE v106 - PROPORÇÃO DO DESTAQUE NO MOBILE
   Desktop permanece inalterado.
   ========================================================= */

@media(max-width:700px){

    .destaque_miguel_home{
        width:86% !important;
        max-width:470px !important;
        margin:12px auto 20px !important;
    }

    .destaque_miguel_link{
        grid-template-columns:105px minmax(0,1fr) !important;
        min-height:142px !important;
        border-radius:14px !important;
    }

    .destaque_miguel_imagem{
        min-height:142px !important;
        padding:6px 4px !important;
    }

    .destaque_miguel_imagem img{
        max-width:96px !important;
        max-height:124px !important;
    }

    .destaque_miguel_texto{
        padding:11px 9px 11px 12px !important;
    }

    .destaque_miguel_topo{
        gap:5px !important;
        margin-bottom:6px !important;
    }

    .destaque_miguel_selo,
    .destaque_miguel_periodo{
        min-height:19px !important;
        padding:0 6px !important;
        font-size:7.5px !important;
    }

    .destaque_miguel_texto h1{
        margin-bottom:5px !important;
        font-size:20px !important;
        line-height:1.05 !important;
    }

    .destaque_miguel_subtitulo{
        margin-bottom:0 !important;
        font-size:10.5px !important;
        line-height:1.30 !important;
    }

    .destaque_miguel_frase{
        display:none !important;
    }

    .destaque_miguel_botao{
        min-height:27px !important;
        margin-top:7px !important;
        padding:0 10px !important;
        font-size:8px !important;
    }

    .destaque_miguel_botao b{
        font-size:14px !important;
    }
}


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

    .destaque_miguel_home{
        width:84% !important;
        max-width:370px !important;
    }

    .destaque_miguel_link{
        grid-template-columns:92px minmax(0,1fr) !important;
        min-height:132px !important;
    }

    .destaque_miguel_imagem{
        min-height:132px !important;
    }

    .destaque_miguel_imagem img{
        max-width:84px !important;
        max-height:114px !important;
    }

    .destaque_miguel_texto{
        padding:9px 7px 9px 10px !important;
    }

    .destaque_miguel_selo,
    .destaque_miguel_periodo{
        min-height:18px !important;
        padding:0 5px !important;
        font-size:6.8px !important;
    }

    .destaque_miguel_texto h1{
        font-size:18px !important;
        line-height:1.04 !important;
    }

    .destaque_miguel_subtitulo{
        font-size:9.7px !important;
    }

    .destaque_miguel_botao{
        min-height:25px !important;
        margin-top:5px !important;
        padding:0 8px !important;
        font-size:7.2px !important;
    }
}


@media(max-width:375px){

    .destaque_miguel_home{
        width:82% !important;
        max-width:330px !important;
    }

    .destaque_miguel_link{
        grid-template-columns:82px minmax(0,1fr) !important;
        min-height:124px !important;
    }

    .destaque_miguel_imagem{
        min-height:124px !important;
    }

    .destaque_miguel_imagem img{
        max-width:75px !important;
        max-height:104px !important;
    }

    .destaque_miguel_texto h1{
        font-size:17px !important;
    }
}


/* =========================================================
   AJUSTE v107 - STATUS / CONTADOR DA QUARESMA DE SÃO MIGUEL
   ========================================================= */

.destaque_miguel_contador{
	display:inline-flex;
	align-items:center;
	align-self:flex-start;
	gap:5px;
	min-height:23px;
	margin:0 0 6px;
	padding:0 9px;
	border:1px solid #d9e2ec;
	border-radius:999px;
	background:#f6f9fc;
	color:#244d77;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9px;
	font-weight:800;
	line-height:1;
	letter-spacing:.25px;
	text-transform:uppercase;
	white-space:nowrap;
	box-shadow:0 2px 5px rgba(23,59,103,.05);
}

.contador_icone_miguel{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	font-size:10px;
	line-height:1;
}

/* Antes de começar */
.destaque_miguel_contador.status_antes{
	border-color:#e2c777;
	background:linear-gradient(180deg,#fffdf6 0%,#fff5d8 100%);
	color:#8b6516;
}

/* Durante a caminhada */
.destaque_miguel_contador.status_andamento{
	border-color:#b9d3c2;
	background:linear-gradient(180deg,#f7fcf8 0%,#eaf6ed 100%);
	color:#2f6e43;
}

/* Domingo */
.destaque_miguel_contador.status_domingo{
	border-color:#c4d6e8;
	background:linear-gradient(180deg,#f8fbff 0%,#eaf3fb 100%);
	color:#285d91;
}

/* Festa de 29/09 */
.destaque_miguel_contador.status_festa{
	border-color:#dfc46d;
	background:linear-gradient(180deg,#fffdf6 0%,#f9edc5 100%);
	color:#8a6211;
}

/* Após o encerramento */
.destaque_miguel_contador.status_concluida{
	border-color:#cfd8e2;
	background:#f2f5f8;
	color:#53677d;
}


/* Smartphone / iPhone */
@media(max-width:700px){

	.destaque_miguel_contador{
		min-height:20px;
		margin-bottom:5px;
		padding:0 6px;
		gap:3px;
		font-size:7px;
		letter-spacing:0;
	}

	.contador_icone_miguel{
		font-size:8px;
	}
}

@media(max-width:430px){

	.destaque_miguel_contador{
		min-height:19px;
		padding:0 5px;
		font-size:6.5px;
	}
}


/* =========================================================
   AJUSTE v108 - STATUS DA QUARESMA EM VERMELHO
   Destaque maior, sem competir com o título
   ========================================================= */

.destaque_miguel_contador{
	margin-left:auto !important;
	padding:0 12px !important;
	min-height:36px !important;

	border:1px solid #d98b8b !important;
	border-radius:14px !important;

	background:
		linear-gradient(
			180deg,
			#fff8f8 0%,
			#fdeaea 52%,
			#f7d7d7 100%
		) !important;

	color:#9f2525 !important;

	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.9),
		0 4px 10px rgba(160,35,35,.10) !important;

	font-size:12px !important;
	font-weight:900 !important;
	letter-spacing:.35px !important;
}

.destaque_miguel_contador .contador_icone_miguel{
	color:#b32626 !important;
	font-size:14px !important;
}

/* Antes de começar */
.destaque_miguel_contador.status_antes{
	border-color:#d98b8b !important;
	background:
		linear-gradient(
			180deg,
			#fff8f8 0%,
			#fdeaea 52%,
			#f7d7d7 100%
		) !important;
	color:#9f2525 !important;
}

/* Durante a caminhada: vermelho vinho */
.destaque_miguel_contador.status_andamento{
	border-color:#c66b76 !important;
	background:
		linear-gradient(
			180deg,
			#fff6f7 0%,
			#f8e3e6 100%
		) !important;
	color:#8c2331 !important;
}

/* Domingo: mantém destaque, mas mais suave */
.destaque_miguel_contador.status_domingo{
	border-color:#d7a1a1 !important;
	background:
		linear-gradient(
			180deg,
			#fffafa 0%,
			#f8ecec 100%
		) !important;
	color:#8f3a3a !important;
}

/* 29/09: vermelho com toque dourado */
.destaque_miguel_contador.status_festa{
	border-color:#c98c57 !important;
	background:
		linear-gradient(
			180deg,
			#fff8f1 0%,
			#f7e2d1 100%
		) !important;
	color:#9a3a25 !important;
}

/* Concluída */
.destaque_miguel_contador.status_concluida{
	border-color:#c7a3a3 !important;
	background:#f7eeee !important;
	color:#7c4b4b !important;
}

/* Mobile */
@media(max-width:700px){
	.destaque_miguel_contador{
		min-height:27px !important;
		padding:0 8px !important;
		font-size:8.5px !important;
		border-radius:11px !important;
	}

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

@media(max-width:430px){
	.destaque_miguel_contador{
		min-height:25px !important;
		padding:0 7px !important;
		font-size:7.8px !important;
	}
}


/* =========================================================
   AJUSTE v109 - STATUS VERMELHO MAIS LEVE
   ========================================================= */

.destaque_miguel_contador{
	min-height:32px !important;
	padding:0 11px !important;

	border:1px solid #e2a0a0 !important;
	border-radius:12px !important;

	background:
		linear-gradient(
			180deg,
			#fffafa 0%,
			#fceeee 100%
		) !important;

	color:#a33a3a !important;

	font-size:11px !important;
	font-weight:700 !important;
	letter-spacing:.15px !important;

	box-shadow:
		0 2px 6px rgba(150,45,45,.07) !important;
}

.destaque_miguel_contador .contador_icone_miguel{
	color:#b24444 !important;
	font-size:12px !important;
}

/* Antes de começar */
.destaque_miguel_contador.status_antes{
	border-color:#e2a0a0 !important;
	background:linear-gradient(180deg,#fffafa 0%,#fceeee 100%) !important;
	color:#a33a3a !important;
}

/* Durante */
.destaque_miguel_contador.status_andamento{
	border-color:#d9969f !important;
	background:linear-gradient(180deg,#fff9fa 0%,#f9eaec 100%) !important;
	color:#963644 !important;
}

/* Domingo */
.destaque_miguel_contador.status_domingo{
	border-color:#dfaaaa !important;
	background:linear-gradient(180deg,#fffafa 0%,#f8eeee 100%) !important;
	color:#955050 !important;
}

/* Festa */
.destaque_miguel_contador.status_festa{
	border-color:#d9a27a !important;
	background:linear-gradient(180deg,#fffaf5 0%,#f9ece2 100%) !important;
	color:#9a4b35 !important;
}

/* Concluída */
.destaque_miguel_contador.status_concluida{
	border-color:#d4b5b5 !important;
	background:#f8f1f1 !important;
	color:#775555 !important;
}


/* Mobile */
@media(max-width:700px){
	.destaque_miguel_contador{
		min-height:25px !important;
		padding:0 8px !important;
		font-size:8px !important;
		font-weight:700 !important;
		border-radius:10px !important;
	}

	.destaque_miguel_contador .contador_icone_miguel{
		font-size:9px !important;
	}
}

@media(max-width:430px){
	.destaque_miguel_contador{
		min-height:24px !important;
		padding:0 7px !important;
		font-size:7.4px !important;
	}
}


/* =========================================================
   AJUSTE v110 - CONTADOR NA MESMA LINHA DOS SELOS
   ========================================================= */

.destaque_miguel_topo{
	display:flex !important;
	align-items:center !important;
	flex-wrap:nowrap !important;
	gap:7px !important;
	width:100% !important;
	margin-bottom:10px !important;
	padding-right:10px !important;
	box-sizing:border-box !important;
}

/* Status alinhado à direita na mesma reta */
.destaque_miguel_topo .destaque_miguel_contador{
	margin:0 8px 0 auto !important;
	flex:0 0 auto !important;

	min-height:34px !important;
	padding:0 13px !important;

	border-radius:12px !important;

	font-size:11.5px !important;
	font-weight:700 !important;
	letter-spacing:.15px !important;
}

.destaque_miguel_topo .contador_icone_miguel{
	font-size:12px !important;
}

/* Tablet */
@media(max-width:1000px){
	.destaque_miguel_topo{
		gap:6px !important;
		padding-right:7px !important;
	}

	.destaque_miguel_topo .destaque_miguel_contador{
		margin-right:5px !important;
		min-height:31px !important;
		padding:0 10px !important;
		font-size:10px !important;
	}
}

/* Smartphone / iPhone */
@media(max-width:700px){
	.destaque_miguel_topo{
		gap:4px !important;
		padding-right:4px !important;
	}

	.destaque_miguel_topo .destaque_miguel_contador{
		margin-left:auto !important;
		margin-right:3px !important;
		min-height:25px !important;
		padding:0 7px !important;
		font-size:7.8px !important;
		white-space:nowrap !important;
	}

	.destaque_miguel_topo .contador_icone_miguel{
		font-size:9px !important;
	}
}

@media(max-width:430px){
	.destaque_miguel_topo{
		gap:3px !important;
	}

	.destaque_miguel_topo .destaque_miguel_contador{
		min-height:24px !important;
		padding:0 6px !important;
		font-size:7.2px !important;
	}
}