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_liturgia{
	width:100%;
	max-width:1100px;
	margin:0 auto;
	padding:28px 18px 40px 18px;
	font-family:Arial, Helvetica, sans-serif;
}

.topo_liturgia{
	margin-bottom:24px;
}

.barra_topo_liturgia{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:12px;
	flex-wrap:nowrap;
}

.titulo_pagina{
	display:flex;
	align-items:center;
	gap:10px;
	margin:0;
	font-size:26px;
	font-weight:800;
	color:#1a3e6e;
	line-height:1.15;
	white-space:nowrap;
	min-width:0;
	flex:1 1 auto;
	overflow:hidden;
	text-overflow:ellipsis;
}

.icone_titulo{
	width:42px;
	height:42px;
	object-fit:contain;
	flex:0 0 auto;
}

.navegacao_topo{
	display:flex;
	align-items:center;
	gap:8px;
	flex-wrap:nowrap;
	flex:0 0 auto;
	white-space:nowrap;
}

.link_dia{
	display:inline-block;
	padding:9px 12px;
	background:#f2f5f9;
	border:1px solid #d8e1ec;
	border-radius:10px;
	text-decoration:none;
	color:#1f3f73;
	font-weight:700;
	font-size:13px;
	transition:.2s ease;
}

.link_dia:hover{
	background:#e7eef8;
}

.form_data_liturgia{
	position:relative;
}

.bloco_data_topo{
	display:flex;
	align-items:center;
	gap:8px;
	background:#ffffff;
	border:1px solid #d8e1ec;
	border-radius:14px;
	padding:8px 11px;
	cursor:pointer;
	min-width:110px;
	box-shadow:0 2px 8px rgba(0,0,0,0.05);
}

.icone_calendario img{
	width:26px;
	height:26px;
	object-fit:contain;
	display:block;
}

.data_topo_info{
	display:flex;
	align-items:center;
	gap:8px;
}

.data_topo_dia{
	font-size:26px;
	font-weight:700;
	line-height:1;
	color:#1d3760;
}

.data_topo_mesano{
	display:flex;
	flex-direction:column;
	line-height:1.1;
}

.data_topo_mes,
.data_topo_ano{
	font-size:12px;
	font-weight:700;
	color:#47617f;
}

.input_data_topo{
	display:none;
}

.calendario_modal{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	margin-top:8px;
	z-index:500;
}

.calendario_modal.aberto{
	display:block;
}

.calendario_frame_box{
	background:#fff;
	border:1px solid #d8e1ec;
	border-radius:14px;
	box-shadow:0 10px 26px rgba(0,0,0,0.12);
	overflow:hidden;
}

.calendario_frame{
	width:320px;
	height:360px;
	border:none;
	display:block;
	background:#fff;
}

.box_liturgia{
	background:#fff;
	border:1px solid #e2e8f0;
	border-radius:16px;
	padding:24px;
	box-shadow:0 2px 12px rgba(0,0,0,0.05);
}

.liturgia_header{
	margin-bottom:18px;
}

.linha_tempo{
	font-size:15px;
	font-weight:700;
	color:#61758e;
	margin-bottom:8px;
	text-transform:uppercase;
	letter-spacing:.4px;
}

.linha_titulo_interno{
	font-size:28px;
	font-weight:700;
	color:#223a5c;
	line-height:1.2;
	margin-bottom:10px;
}

.linha_cor_liturgica{
	display:flex;
	align-items:center;
	gap:8px;
	font-size:14px;
	color:#556b86;
	font-weight:700;
}

.marcador{
	width:12px;
	height:12px;
	border-radius:50%;
	background:var(--cor-liturgica);
	display:inline-block;
}

.botoes_liturgia{
	position:relative;
	z-index:80;
	background:#ffffff;
	padding:10px 0;
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	border-bottom:1px solid #e2e2e2;
	margin-bottom:18px;
	box-shadow:0 2px 8px rgba(0,0,0,0.05);
}

.btn_leitura{
	border:none;
	background:#eef3f8;
	color:#24456d;
	padding:10px 16px;
	border-radius:999px;
	font-size:14px;
	font-weight:700;
	cursor:pointer;
	transition:.2s ease;
}

.btn_leitura:hover{
	background:#dfeaf7;
}

.btn_leitura.ativo{
	background:var(--cor-liturgica);
	color:#fff;
}

.area_textos{
	width:100%;
}

.texto_leitura,
.texto_leitura.ativo{
	display:block !important;
	scroll-margin-top:110px;
}

.bloco_leitura{
	background:#ffffff;
	border:1px solid #e7e7e7;
	border-radius:14px;
	padding:22px;
	margin-bottom:22px;
	box-shadow:0 2px 10px rgba(0,0,0,0.04);
}

.titulo_bloco_leitura{
	font-size:24px;
	font-weight:700;
	color:var(--cor-liturgica);
	margin-bottom:10px;
	line-height:1.2;
}

.ref{
	font-size:15px;
	font-weight:700;
	color:#45617f;
	margin-bottom:14px;
}

.texto_leitura{
	font-size:18px;
	line-height:1.8;
	color:#22364c;
}

.parte_fixa{
	margin-top:18px;
	font-weight:700;
	color:#274768;
}

.salmo{
	background:#fbfcfe;
}

.msg_vazia{
	padding:22px;
	background:#fff8e8;
	border:1px solid #ecd9a9;
	border-radius:12px;
	font-size:17px;
	color:#6d5718;
	font-weight:700;
}

/* FIXAR MENU DAS LEITURAS */
.botoes_liturgia.fixo{
	position:fixed !important;
	top:0;
	left:0;
	right:0;
	margin:0 auto;
	transform:none !important;
	width:100%;
	max-width:1100px;
	z-index:99999;
	background:#ffffff;
	padding:8px 18px;
	justify-content:flex-start;
	box-shadow:0 4px 14px rgba(0,0,0,.16);
	border-bottom:1px solid #d8e1ec;
}

.espaco_botoes_liturgia{
	display:none;
	height:64px;
}

.espaco_botoes_liturgia.ativo{
	display:block;
}

/* MODO ESCURO */
body.modo-escuro .box_liturgia,
body.modo-escuro .bloco_leitura{
	background:#182230;
	border-color:#2b3a4d;
}

body.modo-escuro .botoes_liturgia,
body.modo-escuro .botoes_liturgia.fixo{
	background:#182230;
	border-bottom-color:#2b3a4d;
	box-shadow:0 2px 8px rgba(0,0,0,0.25);
}

body.modo-escuro .titulo_pagina,
body.modo-escuro .linha_titulo_interno,
body.modo-escuro .texto_leitura,
body.modo-escuro .parte_fixa{
	color:#e7eef7;
}

body.modo-escuro .linha_tempo,
body.modo-escuro .linha_cor_liturgica,
body.modo-escuro .ref{
	color:#aebccc;
}

body.modo-escuro .btn_leitura{
	background:#223246;
	color:#dce6f1;
}

body.modo-escuro .btn_leitura.ativo{
	background:var(--cor-liturgica);
	color:#fff;
}

/* RESPONSIVO */
@media(max-width:900px){
	.container_liturgia{
		max-width:100%;
		padding:22px 14px 35px 14px;
	}

	.barra_topo_liturgia{
		flex-direction:column;
		align-items:stretch;
		gap:14px;
	}

	.titulo_pagina{
		white-space:normal;
		overflow:visible;
		text-overflow:clip;
		font-size:24px;
		justify-content:center;
		text-align:center;
	}

	.navegacao_topo{
		width:100%;
		justify-content:center;
		flex-wrap:wrap;
		white-space:normal;
	}

	.box_liturgia{
		padding:18px;
	}

	.linha_titulo_interno{
		font-size:24px;
		text-align:center;
	}

	.linha_tempo{
		text-align:center;
	}

	.linha_cor_liturgica{
		justify-content:center;
	}

	.botoes_liturgia{
		display:flex;
		flex-wrap:nowrap !important;
		overflow-x:auto;
		overflow-y:hidden;
		justify-content:flex-start !important;
		gap:6px;
		padding:8px 0;
		-webkit-overflow-scrolling:touch;
	}

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

	.btn_leitura{
		flex:0 0 auto !important;
		white-space:nowrap;
		font-size:12px;
		padding:8px 12px;
	}

	.botoes_liturgia.fixo{
		position:fixed !important;
		top:0;
		left:0;
		right:0;
		margin:0;
		transform:none !important;
		width:100%;
		max-width:100%;
		padding:8px 10px;
		justify-content:flex-start !important;
		overflow-x:auto;
		overflow-y:hidden;
	}

	.espaco_botoes_liturgia{
		height:54px;
	}

	.titulo_bloco_leitura{
		font-size:21px;
	}

	.bloco_leitura{
		padding:18px;
	}

	.texto_leitura{
		font-size:17px;
		line-height:1.7;
	}

	.calendario_modal{
		left:50%;
		transform:translateX(-50%);
	}

	.calendario_frame{
		width:290px;
		height:340px;
	}
}

@media(max-width:560px){
	.container_liturgia{
		padding:18px 10px 30px 10px;
	}

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

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

	.navegacao_topo{
		gap:7px;
	}

	.link_dia{
		padding:8px 10px;
		font-size:12px;
	}

	.bloco_data_topo{
		padding:8px 10px;
		min-width:104px;
	}

	.icone_calendario img{
		width:24px;
		height:24px;
	}

	.data_topo_dia{
		font-size:23px;
	}

	.data_topo_mes,
	.data_topo_ano{
		font-size:11px;
	}

	.box_liturgia{
		padding:14px;
		border-radius:14px;
	}

	.linha_tempo{
		font-size:13px;
		line-height:1.4;
	}

	.linha_titulo_interno{
		font-size:21px;
	}

	.botoes_liturgia{
		gap:6px;
		padding:7px 0;
	}

	.btn_leitura{
		font-size:13px;
		padding:9px 8px;
	}

	.bloco_leitura{
		padding:15px;
	}

	.titulo_bloco_leitura{
		font-size:19px;
	}

	.ref{
		font-size:14px;
	}

	.texto_leitura{
		font-size:16px;
		line-height:1.65;
	}

	.texto_leitura,
	.texto_leitura.ativo{
		scroll-margin-top:120px;
	}

	.calendario_frame{
		width:280px;
		height:330px;
	}
}

/* SAFARI / IPHONE */
@supports (-webkit-touch-callout:none){
	.botoes_liturgia.fixo{
		position:fixed !important;
		top:0 !important;
		left:0 !important;
		right:0 !important;
		transform:none !important;
		width:100% !important;
		max-width:100% !important;
		z-index:999999 !important;
		padding:8px 10px !important;
		background:#ffffff;
		overflow-x:auto;
		overflow-y:hidden;
		-webkit-overflow-scrolling:touch;
	}

	body.modo-escuro .botoes_liturgia.fixo{
		background:#182230;
	}
}