section: { padding: 0px 0px 30px 0px; }

.registro { width: 100%; height: auto; position: relative; text-align: left; display: inline-block; vertical-align: top; }
.registro .devocao { width: 100%; height: auto; position: relative; color: var(--cor-texto); font-family: var(--fonte-padrao); font-size: 14px; line-height: 22px; padding: 0px 0px 20px 0px; text-align: justify; font-weight: 400; clear: both; }
.registro .devocao a { color: var(--cor-texto); font-family: var(--fonte-padrao); font-size: 14px; line-height: 22px; }
.registro .devocao .nome_devocao { font-size: 20px; padding: 10px 0px; font-family: var(--fonte-destaque); color: var(--cor-laranja); text-align: left; width: 100%; height: auto; position: relative; font-weight: 700; }
.registro .devocao .avatar { width: 300px; height: auto; margin: 0px 20px 0px 0px; position: relative; float: left; text-align: center; }
.registro .devocao .avatar img { width: 100%; position: relative; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.registro .devocao .avatar:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); opacity: 1; }
.registro .devocao b { font-weight: 400; }
.registro .devocao u { text-decoration: underline; }
.registro .devocao i { font-style: italic; }
.registro .devocao .cta { cursor: pointer; width: auto; padding: 8px 15px; background: var(--cor-secundaria); color: #ffffff; font-size: 14px; font-family: var(--fonte-destaque); letter-spacing: 2px; text-transform: uppercase; font-weight: 700; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; overflow: hidden; position: absolute; right: 20px; top: 60px; }
.registro .devocao:hover .cta { padding: 8px 25px;  }

/*GALERIA*/
.galeria { width: 100%; height: auto; position: relative; padding: 30px 0px; }
.galeria ul { width: 100%; height: auto; position: relative; list-style-type: none; display: flex; align-content: space-between; justify-content: space-between; flex-wrap: wrap; margin: 0px; gap: 30px; }
.galeria ul li { overflow: hidden; width: 250px; box-sizing: border-box; height: auto; position: relative; display: inline-block; vertical-align: top; margin: 0px 0px 20px 0px; overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.galeria ul li img { width: 100%; text-align: center; height: auto; position: relative; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display:block; }
.galeria ul li:hover img { opacity: 0.7 }

/*ARQUIVOS*/
.documentos { width: 100%; height: auto; position: relative; text-align: left; padding: 30px 0px; }
.documentos .anexo { display: inline-block; vertical-align: top; width: 230px; margin: 5px 10px 15px 10px; padding: 20px 10px 30px 10px; background-color: #ffffff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.documentos .anexo .icone { width: 100%; height: 60px; line-height: 60px; margin-bottom: 10px; text-align: center; display: inline-block; vertical-align: top; position: relative; }
.documentos .anexo .icone .formato { position: absolute; z-index: 10; width: 100%; height: 60px; line-height: 60px; text-align: center; font-size: 10px; color: var(--cor-destaque); font-weight: bold; top: 5px; left: 0px; }
.documentos .anexo .icone i { width: 100%; height: 60px; line-height: 60px; text-align: center; font-size: 42px; color: var(--cor-texto); }
.documentos .anexo .qual_arquivo { width: 100%; position: relative; text-align: center; height: auto; color: var(--cor-texto); font-size: 12px; font-family: var(--fonte-padrao); font-weight: 700; line-height: 18px; }
.documentos .anexo .qual_arquivo p { font-size: 10px; font-weight: 400; text-align: center; width: 100%; padding-top:5px; color: var(--cor-texto);  }
.documentos .anexo:hover { margin: 0px 10px 20px 10px; }

/*GALERIA DE FOTOS - HORIZONTAL*/
.galeria_horizontal { width: 100%; height: auto; display: inline-block; vertical-align: top; position: relative; margin: 20px 0px 30px 0px; }
.galeria_horizontal ul { width: 100%; height:  auto; position: relative; list-style-type: none; margin: 0px;  display: flex; justify-content: flex-start; flex-wrap: wrap; text-align: center; gap: 12px; }
.galeria_horizontal ul li { position: relative; width: 19%; box-sizing: border-box; height: auto; display: inline-block; margin: 0px; overflow: hidden; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; overflow:hidden; background-color:var(--cor-primaria); }
.galeria_horizontal ul li img { opacity: 0.5; width: 100%; height: auto; display: block; position:relative;  -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.galeria_horizontal ul li:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); opacity: 1; }

@media screen and (max-width: 1100px) {
	.galeria_horizontal ul { justify-content: space-between; }
	.galeria_horizontal ul li { width: 30%; }

	.coluna-direita { width: 100%; text-align: center; margin: 0px 0px 25px 0px; }
	.coluna-direita ul li { width: auto; margin: 1px; padding: 10px 20px; border: 0px; background-color:#f3f3f3; display:inline-block; vertical-align:top; }

	.registro { width: 98%; height: auto; position: relative; padding: 5px 1% 80px 1%; text-align: center; }
	.registro .devocao { text-align: center; }
	.registro .devocao .avatar { width: 97%; height: auto; margin: 0px 1.5% 20px 1.5%; float: none; background-color: transparent; display: inline-block; vertical-align: top; text-align: center; }
	.registro .devocao .avatar img { width: auto; height: auto; max-width: 100%; display: inline-block; vertical-align: top }
	.registro .devocao .nome_devocao { text-align: center; }
}