/*FOTOS*/
.albuns { width: 100%; height: auto; position: relative; clear: both; padding: 0px 0px 50px 0px; }
.albuns ul { width: 100%; height: auto; position: relative; list-style-type: none; padding: 10px 0px 0px 0px;}
.albuns ul li { overflow: hidden; width: -moz-calc(25% - 20px); width: -webkit-calc(25% - 20px); width: -o-calc(25% - 20px); width: calc(25% - 20px); height: auto; position: relative; display: inline-block; vertical-align: top; margin: 0px 10px 40px 10px; }
.albuns 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; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; overflow: hidden ;}
.albuns ul li .qual { width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); height: auto; position: relative; color: var(--cor-primaria); font-size: 16px; line-height: 20px; font-family: var(--fonte-padrao); font-weight: 600; text-align: center; padding: 10px; min-height: 40px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.albuns ul li .qual span { font-size: 12px; font-weight: 400; color: #919191; padding: 0px 0px 0px 10px; line-height: 22px;  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.albuns ul li:hover img { opacity: 0.7 }
.albuns ul li:hover .qual { color: var(--cor-primaria); }

/*GALERIA*/
.galeria { width: 100%; height: auto; position: relative; padding: 0px 0px 50px 0px; }
.galeria ul { width: 100%; height: auto; position: relative; list-style-type: none; display: flex; justify-content: flex-start; flex-wrap: wrap; gap:20px; }
.galeria ul li { overflow: hidden; width: 18%; box-sizing: border-box; height: auto; position: relative; display: inline-block; vertical-align: top; margin: 0px 0px 20px 0px; }
.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; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; overflow: hidden ;}
.galeria ul li:hover img { opacity: 0.7 }
.galeria ul li.vazio { width: 100%; color: #000000; font-size: 12px; background-color: transparent !important; font-weight: 400; border: none; text-align: center; padding: 100px 0px;margin:0px; }
.galeria ul li.vazio:hover { margin:0px; }
.galeria ul li.vazio p { width: 100%; height: auto; text-align: center; color: #000000; text-transform: none; padding-bottom: 10px; line-height: 30px; font-weight: 500; font-size: 32px; font-family: var(--fonte-padrao); }
.galeria ul li.vazio p i { display: inline; float: none; text-align: left; color: var(--cor-primaria); font-size: 32px; text-align: center; width: 30px; line-height: 30px; padding: 0px 10px 0px 0px; }

@media screen and (max-width: 1100px) {
	section { padding-top: 80px; }

	.galeria, .galeria ul, .albuns { text-align: center; }
	.albuns ul li { margin-bottom: 40px; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); }
	.galeria ul li { width: 150px; margin: 0px 5px 10px 5px; }
}