html,body{margin:0;padding:0;overflow-x:hidden;font-family:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
img{max-width:100%;height:auto}

.container_oracao{
	max-width:900px;
	margin:0 auto;
	padding:30px 20px 40px;
}

.topo_oracao{
	border-bottom:3px solid #d8a327;
	padding-bottom:12px;
	margin-bottom:22px;
}

.titulo_oracao{
	display:flex;
	align-items:center;
	gap:12px;
	font-size:34px;
	color:#1a3e6e;
	font-family:Georgia,"Times New Roman",serif;
	font-weight:700;
	line-height:1.15;
}

.icone_oracao{
	width:40px;
	height:40px;
	object-fit:contain;
	flex:0 0 auto;
}

.box_oracao{
	background:#fff;
	border-radius:16px;
	padding:30px;
	box-shadow:0 6px 18px rgba(0,0,0,0.08);
	border:1px solid #e4ebf3;
	text-align:center;
}

.texto_oracao{
	font-size:20px;
	line-height:1.9;
	color:#2c3e50;
	font-family:Georgia,"Times New Roman",serif;
}

.texto_oracao strong{
	color:#1a3e6e;
}

.info_oracao{
	margin-top:25px;
	font-size:14px;
	color:#5c6f82;
	text-align:center;
	line-height:1.6;
}

.botao_voltar{
	display:inline-block;
	margin-top:25px;
	padding:10px 18px;
	background:#1a3e6e;
	color:#fff;
	border-radius:8px;
	text-decoration:none;
	font-weight:bold;
}

.botao_voltar:hover{
	background:#143153;
}

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

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

.btn_voltar_topo.mostrar{
	display:flex;
}

/* MODO ESCURO */
body.modo-escuro .titulo_oracao{
	color:#e7eef7;
}

body.modo-escuro .box_oracao{
	background:#182230;
	border-color:#2b3a4d;
	box-shadow:0 8px 24px rgba(0,0,0,0.22);
}

body.modo-escuro .texto_oracao{
	color:#e2ebf5;
}

body.modo-escuro .texto_oracao strong{
	color:#fff;
}

body.modo-escuro .info_oracao{
	color:#aebccc;
}

body.modo-escuro .botao_voltar{
	background:#27476d;
}

body.modo-escuro .botao_voltar:hover{
	background:#315985;
}

body.modo-escuro .btn_voltar_topo{
	background:rgba(216,163,39,0.9);
	color:#182230;
}

/* RESPONSIVO */
@media(max-width:600px){
	.container_oracao{
		max-width:100%;
		padding:24px 10px 34px;
	}

	.topo_oracao{
		text-align:center;
	}

	.titulo_oracao{
		justify-content:center;
		text-align:center;
		font-size:28px;
		flex-wrap:wrap;
	}

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

	.box_oracao{
		padding:22px 16px;
		border-radius:14px;
	}

	.texto_oracao{
		font-size:18px;
		line-height:1.75;
	}

	.info_oracao{
		font-size:14px;
	}

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