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

.container_site{
	max-width:1100px;
	margin:auto;
	padding:20px;
	font-family:Arial, Helvetica, sans-serif;
}

/* SLIDER */

.slider{
	position:relative;
	width:1000px;
	height:400px;
	margin:0 auto 35px auto;
	overflow:hidden;
	border-radius:16px;
	box-shadow:0 4px 10px rgba(0,0,0,0.12);
	background:#0f1724;
}

.slide{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	transition:opacity .32s ease;
	display:flex;
	align-items:center;
	justify-content:center;
	will-change:opacity;
	transform:translateZ(0);
	backface-visibility:hidden;
}

.slide img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
	image-rendering:auto;
}

.slide.ativo{
	opacity:1;
	z-index:2;
}

.slide::after{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(90deg, rgba(16,18,24,0.16) 0%, rgba(16,18,24,0.03) 38%, rgba(16,18,24,0.14) 100%);
	z-index:1;
	pointer-events:none;
}

.banner_texto{
	position:absolute;
	inset:0;
	z-index:3;
	pointer-events:none;
}

.titulo_banner{
	position:absolute;
	top:18px;
	left:50%;
	transform:translateX(-50%);
	width:calc(100% - 120px);
	max-width:900px;
	text-align:center;
	font-size:38px;
	font-weight:900;
	line-height:1.02;
	letter-spacing:1px;
	text-transform:uppercase;
	font-family:Georgia, "Times New Roman", serif;
	color:#F9F9F9;
	word-break:normal;
	overflow-wrap:normal;
	hyphens:none;
	text-shadow:
		0 2px 0 rgba(78,42,10,0.82),
		0 5px 12px rgba(0,0,0,0.35);
}

.frase_banner{
	position:absolute;
	left:80px;
	bottom:40px;
	max-width:500px;
	background:rgba(10,18,30,0.82);
	padding:12px 16px;
	border-radius:12px;
	color:#ffffff;
	font-size:16px;
	line-height:1.5;
	font-family:"Segoe UI", Arial, sans-serif;
	text-shadow:0 2px 6px rgba(0,0,0,0.4);
	border:1px solid rgba(255,255,255,0.15);
}

.botao_banner{
	position:absolute;
	right:34px;
	bottom:28px;
	padding:7px 14px;
	font-size:12px;
	font-weight:700;
	min-width:132px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	border-radius:12px;
	border:1px solid rgba(0,0,0,0.12);
	box-shadow:0 5px 12px rgba(0,0,0,0.18);
	transition:filter .18s ease;
	pointer-events:auto;
}

.botao_banner:hover{
	filter:brightness(1.05);
}

.botao_oferecimento{ background:linear-gradient(180deg, #ff7d7d 0%, #dc4747 55%, #ab2424 100%); }
.botao_liturgia{ background:linear-gradient(180deg, #ffe07a 0%, #ffbf1f 55%, #ee8f00 100%); }
.botao_caminho{ background:linear-gradient(180deg, #ffc97e 0%, #f69a21 55%, #d46c00 100%); }
.botao_oracoes{ background:linear-gradient(180deg, #d7e56d 0%, #aebf2b 55%, #5f8426 100%); }
.botao_novenas{ background:linear-gradient(180deg, #d99af0 0%, #b55bd5 55%, #842fa6 100%); }

.botao_slider{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	background:rgba(0,0,0,0.34);
	color:#fff;
	font-size:30px;
	padding:10px 16px;
	cursor:pointer;
	border-radius:10px;
	user-select:none;
	z-index:10;
	transition:background .25s ease;
	border:0;
}

.botao_slider:hover{
	background:rgba(0,0,0,0.56);
}

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

.indicadores{
	position:absolute;
	bottom:16px;
	left:50%;
	transform:translateX(-50%);
	display:flex;
	gap:9px;
	z-index:10;
}

.indicador{
	width:10px;
	height:10px;
	background:#fff;
	opacity:.45;
	border-radius:50%;
	cursor:pointer;
	transition:all .25s ease;
	border:0;
	padding:0;
}

.indicador.ativo{
	opacity:1;
	transform:scale(1.12);
}

/* TÍTULOS */

.titulo_secao{
	font-size:24px;
	font-weight:bold;
	margin:10px 0 18px 0;
	color:#1b3d6b;
	border-bottom:3px solid #d8a327;
	padding-bottom:6px;
	font-family:Georgia, "Times New Roman", serif;
}

/* PORTAL */

.portal_conteudo{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:22px;
	margin-bottom:35px;
}

.card_portal{
	background:#fff;
	border-radius:16px;
	overflow:hidden;
	box-shadow:0 3px 10px rgba(0,0,0,.07);



	transition:transform .22s ease, background-color .22s ease, border-color .22s ease, box-shadow .22s ease;
	text-decoration:none;
	color:#333;
	border:1px solid #eceff5;
	display:flex;
	flex-direction:column;
	height:100%;
	position:relative;
	isolation:isolate;
}

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

.card_portal:hover{
	transform:translateY(-4px);
	background:#eef5ff;
	border-color:#b8d0ea;
	box-shadow:0 8px 18px rgba(26,62,110,.16);
}

.card_portal:hover::after{
	opacity:1;
	animation:brilhoDourado .8s ease forwards;
}

.imagem_portal{
	width:100%;
	height:210px;
	background:#f5f7fa;
	overflow:hidden;
	border-bottom:1px solid #e5ebf2;
	position:relative;
	text-align:center;
}

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

.card_portal:hover .imagem_portal img{
	transform:translate(-50%, -50%) scale(1.055);
	filter:brightness(1.04) contrast(1.04) saturate(1.06);
}

.imagem_portal_religiosa{
	background:
		radial-gradient(circle at 50% 40%, rgba(255,255,255,.95), transparent 45%),
		linear-gradient(180deg, #f8f7f2 0%, #eef2f7 100%);
}

.imagem_portal_religiosa img{
	max-width:82%;
	max-height:82%;
}

.img_oferecimento img,
.img_liturgia img,
.img_santos img,
.img_oracoes img,
.img_tercos img,
.img_novenas img{
	max-width:80%;
	max-height:80%;
}

.conteudo_portal{
	padding:16px;
	text-align:center;
	flex:1;
	display:flex;
	flex-direction:column;
	justify-content:center;
	background:#fff;
	position:relative;
	z-index:2;
}

.conteudo_portal h2,
.conteudo_portal h3{
	margin:0 0 6px 0;
	font-size:22px;
	line-height:1.15;
	color:#1a3e6e;
	font-family:Georgia, "Times New Roman", serif;
}

.conteudo_portal p{
	margin:0;
	font-size:14px;
	color:#555;
	line-height:1.2;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.card_oferecimento .conteudo_portal{ border-top:5px solid #d94747; }
.card_liturgia .conteudo_portal{ border-top:5px solid #2f6fad; }
.card_santo .conteudo_portal{ border-top:5px solid #c59b1e; }
.card_oracao .conteudo_portal{ border-top:5px solid #3e9b44; }
.card_terco .conteudo_portal{ border-top:5px solid #8c33b8; }
.card_novena .conteudo_portal{ border-top:5px solid #a2499c; }

/* DEVOCIONAIS */

.bloco_devocionais{
	margin:0 auto 35px auto;
	padding:16px 16px 22px 16px;
	border-radius:20px;
	background:
		radial-gradient(circle at 94% 12%, rgba(255,255,255,.9), transparent 34%),
		linear-gradient(135deg, #f8fbff 0%, #edf4ff 58%, #fff5d8 100%);
	border:1px solid #dbe6f4;
	box-shadow:0 6px 16px rgba(26,62,110,.09);
	position:relative;
	overflow:hidden;
}

.bloco_devocionais::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:4px;
	background:linear-gradient(90deg, #1a3e6e 0%, #d8a327 52%, #c62828 100%);
}

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

.devocionais_etiqueta{
	display:inline-block;
	background:#1a3e6e;
	color:#fff;
	font-size:11px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.4px;
	padding:5px 10px;
	border-radius:999px;
	margin-bottom:7px;
}

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

.devocionais_topo p{
	max-width:420px;
	margin:0;
	font-size:13px;
	line-height:1.35;
	color:#40566f;
	text-align:right;
}

.devocionais_grade{
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	gap:18px;
	position:relative;
	z-index:1;
}

.devocional_card_faixa{
	display:block;
	position:relative;
	border-radius:14px;
	overflow:hidden;
	background:rgba(255,255,255,.94);
	text-decoration:none;
	box-shadow:0 6px 16px rgba(26,62,110,.12);
	border:1px solid rgba(220,230,242,.95);
	transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
	isolation:isolate;
}

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

.devocional_card_faixa:hover{
	transform:translateY(-6px);
	box-shadow:0 9px 20px rgba(26,62,110,.18);
	border-color:rgba(216,163,39,.55);
}

.devocional_card_faixa:hover::after{
	opacity:1;
	animation:brilhoDourado .8s ease forwards;
}

@keyframes brilhoDourado{
	from{ left:-90%; }
	to{ left:135%; }
}

.devocional_titulo_faixa{
	color:#fff;
	font-size:16px;
	font-weight:900;
	text-align:center;
	padding:10px 6px;
	font-family:Georgia, "Times New Roman", serif;
	letter-spacing:.3px;
	position:relative;
	z-index:2;
	text-shadow:0 2px 3px rgba(0,0,0,.38);
}

.devocional_barra_coracao .devocional_titulo_faixa{
	background:linear-gradient(180deg, #ff6a6a 0%, #d63c3c 50%, #9f1f1f 100%);
}

.devocional_barra_mariano .devocional_titulo_faixa{
	background:linear-gradient(180deg, #5faeff 0%, #2f75b8 50%, #1a4f86 100%);
}

.devocional_barra_maos .devocional_titulo_faixa{
	background:linear-gradient(180deg, #c77dff 0%, #8b3ab8 50%, #5d247d 100%);
}

.devocional_barra_gracas .devocional_titulo_faixa{
	background:linear-gradient(180deg, #ffd86b 0%, #d4a62c 50%, #8a6811 100%);
}

/* Desktop: mantém cheio */
.devocional_imagem_card{
	position:relative;
	overflow:hidden;
	background:#eef2f7;
	height:180px;
	border-bottom:4px solid #d8a327;
}

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

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

.devocional_barra_coracao .devocional_imagem_card{ border-bottom-color:#c62828; }
.devocional_barra_mariano .devocional_imagem_card{ border-bottom-color:#2f75b8; }
.devocional_barra_maos .devocional_imagem_card{ border-bottom-color:#8b3ab8; }
.devocional_barra_gracas .devocional_imagem_card{ border-bottom-color:#d8a327; }

.devocional_conteudo{
	padding:11px 10px 13px 10px;
	text-align:center;
	background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
	position:relative;
	z-index:2;
}

.devocional_conteudo h2{
	margin:0 0 4px 0;
	font-size:15.5px;
	line-height:1.15;
	color:#0f3765;
	font-family:Georgia, "Times New Roman", serif;
}

.devocional_conteudo p{
	margin:0;
	font-size:11.5px;
	line-height:1.25;
	color:#5a6f85;
}

/* DESTAQUES */

.grid_destaques{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:22px;
	margin-top:5px;
	margin-bottom:10px;
	align-items:start;
}

.box_destaque{
	background:#fff;
	border-radius:16px;
	padding:14px 15px 13px 15px;
	box-shadow:0 3px 10px rgba(0,0,0,.07);
	border:1px solid #eceff5;
	display:flex;
	flex-direction:column;
	min-height:auto;
	transition:background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.box_destaque:hover{
	transform:translateY(-3px);
	background:#eef5ff;
	border-color:#b8d0ea;
	box-shadow:0 6px 14px rgba(26,62,110,.14);
}

.box_destaque h3{
	margin:0 0 6px 0;
	font-size:19px;
	line-height:1.12;
	color:#1a3e6e;
	font-family:Georgia, "Times New Roman", serif;
	text-align:center;
}

.box_destaque p{
	margin:0;
	font-size:13px;
	line-height:1.3;
	color:#444;
	text-align:center;
	flex:0 0 auto;
}

.box_versiculo{ border-top:5px solid #2f6fad; }
.box_santo_home{ border-top:5px solid #d8a327; }

.box_santo{ border-top:5px solid #d8a327; }
.box_canal{ border-top:5px solid #c62828; }

.box_versiculo{
	padding:10px 12px;
}

.box_versiculo h3{
	font-size:18px;
	margin-bottom:4px;
}

.box_versiculo p{
	font-style:italic;
	font-size:12px;
	line-height:1.22;
	color:#2c3e50;
}

.box_versiculo .referencia_msg{
	display:block;
	margin-top:3px;
	font-style:normal;
	font-size:11.5px;
	font-weight:700;
	color:#1a3e6e;
}

.botao_secao{
	display:inline-block;
	align-self:center;
	margin-top:7px;
	padding:6px 12px;
	background:#1a3e6e;
	color:#fff;
	text-decoration:none;
	border-radius:8px;
	font-size:11.5px;
	font-weight:bold;
}

.box_versiculo .botao_secao{
	margin-top:5px;
	padding:5px 10px;
	font-size:10.5px;
}

.botao_secao:hover{
	background:#143153;
}

/* RESPONSIVO */

@media(max-width:1000px){
	.slider{
		width:95%;
		height:360px;
	}

	.titulo_banner{
		font-size:34px;
		width:calc(100% - 90px);
		top:16px;
		line-height:1.08;
		letter-spacing:.8px;
	}

	.portal_conteudo{
		grid-template-columns:repeat(3, 1fr);
		gap:14px;
	}

	.imagem_portal{
		height:165px;
	}

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

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

	.grid_destaques{
		grid-template-columns:repeat(2, 1fr);
		gap:14px;
	}

	.grid_destaques .box_versiculo{
		grid-column:span 2;
	}
}

@media(max-width:650px){
	.container_site{
		padding:14px;
	}

	.slider{
		width:100%;
		height:250px;
		border-radius:12px;
	}

	.titulo_banner{
		top:12px;
		left:50%;
		width:calc(100% - 46px);
		max-width:calc(100% - 46px);
		font-size:22px;
		line-height:1.12;
		letter-spacing:.3px;
		white-space:normal;
		word-break:normal;
		overflow-wrap:normal;
		text-shadow:
			0 1px 0 rgba(78,42,10,0.85),
			0 3px 9px rgba(0,0,0,0.42);
	}

	.frase_banner{
		left:12px;
		bottom:48px;
		max-width:calc(100% - 112px);
		font-size:10.5px;
		line-height:1.25;
		padding:6px 8px;
		border-radius:8px;
	}

	.botao_banner{
		right:10px;
		bottom:13px;
		padding:6px 8px;
		font-size:10px;
		border-radius:8px;
		line-height:1.2;
	}

	.botao_slider{
		font-size:18px;
		padding:5px 8px;
	}

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

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

	.card_portal{
		border-radius:13px;
	}

	.imagem_portal{
		height:142px;
	}

	.imagem_portal img,
	.imagem_portal_religiosa img{
		max-width:92%;
		max-height:92%;
	}

	.img_oferecimento img,
	.img_liturgia img,
	.img_santos img,
	.img_oracoes img,
	.img_tercos img,
	.img_novenas img{
		max-width:90%;
		max-height:90%;
	}

	.conteudo_portal{
		padding:9px 8px 10px 8px;
	}

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

	.conteudo_portal p{
		font-size:10.5px;
		white-space:normal;
	}

	.bloco_devocionais{
		padding:15px 12px 18px 12px;
		border-radius:16px;
		margin-bottom:26px;
	}

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

	.titulo_devocionais{
		font-size:22px;
	}

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

	.devocionais_grade{
		display:grid;
		grid-template-columns:repeat(2, 1fr);
		gap:10px;
	}

	.devocional_titulo_faixa{
		font-size:14px;
		padding:9px 5px;
	}

	.devocional_imagem_card{
		height:150px;
		background:#eef2f7;
	}

	.devocional_imagem_card img{
		object-fit:contain;
		object-position:center center;
		background:#eef2f7;
	}

	.devocional_conteudo{
		padding:8px 6px 9px 6px;
	}

	.devocional_conteudo h2{
		font-size:13px;
		line-height:1.15;
	}

	.devocional_conteudo p{
		font-size:10.5px;
		line-height:1.2;
	}

	.grid_destaques{

		grid-template-columns:repeat(2, 1fr);
		gap:10px;
	}

	.grid_destaques .box_versiculo{
		grid-column:span 2;
	}

	.box_destaque{
		padding:12px 9px;
		border-radius:12px;
	}

	.box_destaque h3{
		font-size:15px;
	}

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

@media(max-width:430px){
	.slider{
		height:220px;
	}

	.titulo_banner{
		top:10px;
		width:calc(100% - 42px);
		max-width:calc(100% - 42px);
		font-size:18px;
		line-height:1.16;
		letter-spacing:.2px;
	}

	.frase_banner{
		bottom:44px;
		max-width:calc(100% - 104px);
		font-size:10px;
	}

	.botao_banner{
		right:9px;
		bottom:12px;
		font-size:9.8px;
		padding:5px 7px;
	}

	.imagem_portal{
		height:132px;
	}

	.imagem_portal img,
	.imagem_portal_religiosa img{
		max-width:94%;
		max-height:94%;
	}

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

	.conteudo_portal p{
		font-size:10px;
	}

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

	.devocional_imagem_card{
		height:135px;
	}

	.devocional_imagem_card img{
		object-fit:contain;
		object-position:center center;
		background:#eef2f7;
	}

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

	.devocional_conteudo p{
		display:none;
	}

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

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

@media(max-width:360px){
	.titulo_banner{
		font-size:16px;
		line-height:1.14;
		width:calc(100% - 38px);
		max-width:calc(100% - 38px);
	}

	.frase_banner{
		display:none;
	}

	.imagem_portal{
		height:122px;
	}

	.devocional_imagem_card{
		height:125px;
	}
}

/* AJUSTE FINAL iPHONE / SMARTPHONE - DEVOCIONAIS */

@media(max-width:430px){

	.bloco_devocionais{
		padding:14px 10px 16px 10px;
		border-radius:16px;
	}

	.devocionais_topo{
		margin-bottom:12px;
	}

	.titulo_devocionais{
		font-size:24px;
		line-height:1.15;
	}

	.devocionais_topo p{
		font-size:12.5px;
		line-height:1.35;
		margin-top:8px;
	}

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

	.devocional_titulo_faixa{
		font-size:14px;
		padding:9px 5px;
	}

	.devocional_imagem_card{
		height:118px;
		background:#eef2f7;
	}

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

	.devocional_conteudo{
		padding:9px 5px 10px 5px;
		min-height:48px;
	}

	.devocional_conteudo h2{
		font-size:13px;
		line-height:1.12;
		margin:0;
	}

	.devocional_conteudo p{
		display:none;
	}
}

/* CORREÇÃO FINAL - MOSTRAR DESCRIÇÃO DOS DEVOCIONAIS NO CELULAR */

@media(max-width:430px){

	.devocional_conteudo{
		padding:8px 5px 9px 5px;
		min-height:58px;
	}

	.devocional_conteudo h2{
		font-size:12.5px;
		line-height:1.12;
		margin:0 0 3px 0;
	}

	.devocional_conteudo p{
		display:block !important;
		font-size:10px;
		line-height:1.15;
		margin:0;
		color:#5a6f85;
	}
}

/* PERFORMANCE - reduz custo de renderização em celulares */
@media(max-width:650px){
	.slide{
		transition:opacity .28s ease;
	}

	.card_portal,
	.devocional_card_faixa,
	.box_destaque,
	.botao_banner,
	.botao_slider,
	.indicador,
	.imagem_portal img,
	.devocional_imagem_card img{
		transition:none !important;
	}

	.card_portal::after,
	.devocional_card_faixa::after{
		display:none !important;
	}

	.card_portal:hover,
	.devocional_card_faixa:hover,
	.box_destaque:hover{
		transform:none !important;
	}

	.card_portal:hover .imagem_portal img,
	.devocional_card_faixa:hover .devocional_imagem_card img{
		transform:translate(-50%, -50%) !important;
		filter:none !important;
	}

	.devocional_card_faixa:hover .devocional_imagem_card img{
		transform:none !important;
	}

	.frase_banner{
		background:rgba(10,18,30,0.86);
	}
}

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

/* =========================================================
   AJUSTE FINAL - CARDS COM ÍCONES / TABLET / MOBILE
========================================================= */

/* mantém portal/devocionais sem textos pequenos */
.conteudo_portal p,
.devocional_conteudo p{
	display:none !important;
}

/* slider discreto */
.slider{
	width:92% !important;
	max-width:860px !important;
	height:380px !important;
	margin:0 auto 30px auto !important;
}

.titulo_banner{
	font-size:32px !important;
	line-height:1.05 !important;
}

.frase_banner{
	display:inline-flex !important;
	align-items:center !important;
	width:auto !important;
	max-width:none !important;
	left:18px !important;
	bottom:16px !important;
	padding:5px 10px !important;
	border-radius:999px !important;
	background:rgba(12,20,34,.78) !important;
	font-size:11px !important;
	font-weight:600 !important;
	line-height:1.15 !important;
	color:#fff !important;
	text-shadow:none !important;
}

.botao_banner{
	font-size:11px !important;
	padding:6px 12px !important;
	min-width:auto !important;
}

/* cards portal compactos */
.portal_conteudo{
	gap:14px !important;
	margin-bottom:26px !important;
}

.imagem_portal{
	height:175px !important;
}

.conteudo_portal{
	padding:12px 10px !important;
	min-height:54px !important;
}

.conteudo_portal h2,
.conteudo_portal h3{
	font-size:19px !important;
	line-height:1.15 !important;
	margin:0 !important;
}

/* devocionais compactos */
.devocional_conteudo{
	padding:10px 8px 11px 8px !important;
	min-height:46px !important;
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
}

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

/* destaques com ícones */
.grid_destaques{
	display:grid !important;
	grid-template-columns:repeat(3,1fr) !important;
	gap:14px !important;
	margin-top:10px !important;
	margin-bottom:24px !important;
	align-items:stretch !important;
}

.box_destaque{
	position:relative !important;
	background:#fff !important;
	border-radius:16px !important;
	padding:16px 14px 14px 14px !important;
	border:1px solid #e5edf5 !important;
	box-shadow:0 4px 12px rgba(0,0,0,.06) !important;
	text-align:center !important;
	min-height:132px !important;
	display:flex !important;
	flex-direction:column !important;
	align-items:center !important;
	justify-content:center !important;
	overflow:hidden !important;
}

.box_destaque::before{
	width:38px !important;
	height:38px !important;
	min-width:38px !important;
	border-radius:50% !important;
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
	margin:0 auto 8px auto !important;
	font-size:18px !important;
	font-weight:900 !important;
	color:#fff !important;
	line-height:1 !important;
	box-shadow:0 4px 10px rgba(0,0,0,.14) !important;
}

.box_santo_home::before{
	content:"✦" !important;
	background:linear-gradient(180deg,#e7bd4b 0%,#b77a10 100%) !important;
}

.box_canal::before{
	content:"▶" !important;
	background:linear-gradient(180deg,#ef5a5a 0%,#aa1f1f 100%) !important;
}

.box_versiculo::before{
	content:"❝" !important;
	background:linear-gradient(180deg,#4c91d6 0%,#1d4f86 100%) !important;
}

.box_santo_home{ border-top:4px solid #d8a327 !important; }
.box_canal{ border-top:4px solid #cf3838 !important; }
.box_versiculo{ border-top:4px solid #2f6fad !important; }

.box_destaque h3{
	margin:0 0 5px 0 !important;
	font-size:19px !important;
	line-height:1.08 !important;
	font-weight:800 !important;
	color:#173d70 !important;
	font-family:Georgia,"Times New Roman",serif !important;
	text-align:center !important;
}

.box_destaque p{
	display:block !important;
	margin:0 0 9px 0 !important;
	font-size:11.5px !important;
	line-height:1.25 !important;
	color:#617487 !important;
	text-align:center !important;
}

.box_versiculo p{
	font-style:italic !important;
}

.referencia_msg,
.box_versiculo .referencia_msg{
	display:block !important;
	margin-top:4px !important;
	font-size:10.5px !important;
	font-weight:700 !important;
	color:#1e4d84 !important;
	font-style:normal !important;
}

.box_destaque .botao_secao{

	display:inline-flex !important;

	align-items:center !important;
	justify-content:center !important;

	min-width:96px !important;

	height:34px !important;

	padding:0 16px !important;

	margin-top:10px !important;

	border-radius:999px !important;

	font-size:11px !important;

	font-weight:700 !important;

	letter-spacing:.2px !important;

	background:
		linear-gradient(180deg,#2a5d99 0%, #1c477c 100%) !important;

	color:#ffffff !important;

	text-decoration:none !important;

	box-shadow:
		0 4px 10px rgba(28,71,124,.22) !important;

	border:1px solid rgba(255,255,255,.15) !important;

	align-self:center !important;

	transition:
		transform .18s ease,
		filter .18s ease,
		box-shadow .18s ease !important;
}

.box_destaque .botao_secao:hover{

	transform:translateY(-1px) !important;

	filter:brightness(1.04) !important;

	box-shadow:
		0 6px 14px rgba(28,71,124,.30) !important;
}

/* modo escuro */
body.modo-escuro .titulo_secao{
	color:#f3f7ff !important;
	border-bottom-color:#d8a327 !important;
}

body.modo-escuro .card_portal,
body.modo-escuro .devocional_card_faixa{
	background:#182230 !important;
	color:#e7eef7 !important;
	border-color:#2b3a4d !important;
}

body.modo-escuro .imagem_portal,
body.modo-escuro .imagem_portal_religiosa,
body.modo-escuro .devocional_imagem_card{
	background:linear-gradient(180deg,#243247 0%,#172233 100%) !important;
	border-color:#2b3a4d !important;
}

body.modo-escuro .conteudo_portal,
body.modo-escuro .devocional_conteudo{
	background:linear-gradient(180deg,#1b283a 0%,#162233 100%) !important;
	color:#e7eef7 !important;
}

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

body.modo-escuro .bloco_devocionais{
	background:linear-gradient(135deg,#142033 0%,#18283d 58%,#243149 100%) !important;
	border-color:#2b3a4d !important;
}

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

body.modo-escuro .box_destaque{
	background:#1b2737 !important;
	border-color:#2c3b4f !important;
}

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

body.modo-escuro .box_destaque p{
	color:#c4d2e3 !important;
}

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

/* tablet */
@media(min-width:651px) and (max-width:1000px){

	.slider{
		width:90% !important;
		max-width:90% !important;
		height:250px !important;
		margin:0 auto 28px auto !important;
	}

	.titulo_banner{
		font-size:22px !important;
		top:12px !important;
		width:calc(100% - 70px) !important;
	}

	.frase_banner{
		font-size:10px !important;
		left:18px !important;
		bottom:18px !important;
		padding:5px 9px !important;
	}

	.botao_banner{
		font-size:10px !important;
		padding:6px 10px !important;
		right:16px !important;
		bottom:16px !important;
	}

	.imagem_portal{ height:145px !important; }
	.conteudo_portal h2,.conteudo_portal h3{ font-size:16px !important; }
	.devocional_conteudo h2{ font-size:14px !important; }

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

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

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

	.box_destaque h3{
		font-size:15px !important;
		margin-bottom:4px !important;
	}

	.box_destaque p{
		font-size:9.6px !important;
		line-height:1.18 !important;
		margin-bottom:7px !important;
	}

	.box_destaque .botao_secao{
		font-size:8.5px !important;
		padding:4px 9px !important;
	}
}

/* smartphone e iPhone */
@media(max-width:650px){

	.slider{
		width:92% !important;
		max-width:92% !important;
		height:175px !important;
		margin:0 auto 24px auto !important;
		border-radius:12px !important;
		contain:layout paint style;
	}

	.titulo_banner{
		font-size:15px !important;
		line-height:1.1 !important;
		width:calc(100% - 34px) !important;
		top:10px !important;
	}

	.frase_banner{
		font-size:8px !important;
		left:10px !important;
		bottom:10px !important;
		padding:4px 8px !important;
	}

	.botao_banner{
		font-size:9px !important;
		padding:5px 8px !important;
		right:8px !important;
		bottom:10px !important;
		min-width:auto !important;
	}

	.portal_conteudo{ gap:8px !important; margin-bottom:18px !important; }
	.imagem_portal{ height:112px !important; }
	.conteudo_portal{ padding:8px 5px !important; min-height:38px !important; }
	.conteudo_portal h2,.conteudo_portal h3{ font-size:12.5px !important; line-height:1.1 !important; }

	.devocional_conteudo{ padding:8px 5px !important; min-height:40px !important; }
	.devocional_conteudo h2{ font-size:12.5px !important; line-height:1.08 !important; }

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

	.box_destaque{
		min-height:auto !important;
		padding:11px 10px !important;
		border-radius:14px !important;
		display:grid !important;
		grid-template-columns:34px 1fr !important;
		column-gap:10px !important;
		row-gap:3px !important;
		align-items:center !important;
		text-align:left !important;
	}

	.box_destaque::before{
		grid-row:1 / span 3 !important;
		grid-column:1 !important;
		width:34px !important;
		height:34px !important;
		min-width:34px !important;
		font-size:14px !important;
		margin:0 !important;
	}

	.box_destaque h3{
		grid-column:2 !important;
		margin:0 !important;
		font-size:15px !important;
		line-height:1.08 !important;
		text-align:left !important;
	}

	.box_destaque p{
		grid-column:2 !important;
		margin:0 !important;
		font-size:9.5px !important;
		line-height:1.18 !important;
		text-align:left !important;
	}

.box_destaque .botao_secao{

	grid-column:2 !important;

	justify-self:start !important;

	min-width:82px !important;

	height:30px !important;

	margin-top:5px !important;

	padding:0 12px !important;

	font-size:9px !important;

	border-radius:999px !important;
}
}

@media(max-width:430px){

	.slider{
		width:90% !important;
		max-width:90% !important;
		height:165px !important;
		margin:0 auto 22px auto !important;
	}

	.titulo_banner{ font-size:13px !important; top:8px !important; }
	.frase_banner{ font-size:7.5px !important; bottom:9px !important; }
	.botao_banner{ font-size:8px !important; padding:4px 7px !important; }
	.imagem_portal{ height:105px !important; }
	.conteudo_portal h2,.conteudo_portal h3{ font-size:12px !important; }

	.box_destaque{
		grid-template-columns:32px 1fr !important;
		padding:10px 9px !important;
		column-gap:9px !important;
	}

	.box_destaque::before{
		width:32px !important;
		height:32px !important;
		min-width:32px !important;
		font-size:13px !important;
	}

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

	min-width:76px !important;

	height:28px !important;

	font-size:8.5px !important;

	padding:0 10px !important;
}
}