/* STICKY FOOTER — footer encostado no rodapé quando há pouco conteúdo (somente home / home_eventos) */
html { height: 100%; }
body { min-height: 100vh; display: flex; flex-direction: column; background: #000000; }
body > section { flex: 1 0 auto; }
footer { flex-shrink: 0; }

/* TEMA ESCURO HOME / HOME_EVENTOS */
section { background: #000000; }
.agenda .titulo_padrao span { color: #ffffff; }
.agenda .titulo_padrao span strong { color: var(--cor-secundaria); }

/* FAQ GERAL (home_eventos) — tema escuro */
.faq { width: 100%; height: auto; position: relative; clear: both; z-index: 11; padding: 20px 0px 70px 0px; background: transparent; margin: 0px; }
.faq .util { width: 1100px; max-width: 94%; margin: 0px auto; }
.faq .titulo_padrao span { color: #ffffff; }
.faq ul { width: 100%; height: auto; position: relative; text-align: left; padding: 10px 0px 0px 0px; margin: 0px; list-style: none; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.faq ul li { width: 100%; box-sizing: border-box; height: auto; position: relative; display: inline-block; list-style-type: none; padding: 16px 0px; border-bottom: 1px solid rgba(255,255,255,0.08); }
.faq ul li .pergunta { cursor: pointer; width: 100%; height: auto; position: relative; font-weight: 600; color: #ffffff; font-size: 16px; line-height: 24px; text-align: left; font-family: var(--fonte-padrao); }
.faq ul li .pergunta i { position: relative; display: inline; vertical-align: top; color: var(--cor-secundaria); font-size: 13px; width: 24px; text-align: center; margin-right: 10px; line-height: 25px; }
.faq ul li .resposta { width: 100%; height: auto; position: relative; display: none; font-weight: 400; color: #b9b9b9; font-size: 14px; line-height: 24px; font-family: var(--fonte-padrao); text-align: left; padding: 12px 0px 4px 34px; }
.faq ul li .resposta a { text-decoration: underline; font-weight: 600; color: #ffffff; }

@media screen and (max-width: 1100px) {
	.faq ul { display: block; }
	.faq ul li { width: 100%; }
}

/* ENTRADA */
section { padding: 120px 0px 0px 0px; position: relative; width: 100%; height: auto; min-height:70vh !important; }

/*AGENDA*/
.agenda { width: 100%; height: auto; position: relative; display: inline-block; vertical-align: text-top; padding: 50px 0px 75px 0px; text-align: center; margin: 0px; }
.agenda ul { width: 100%; height: auto; position: relative; list-style-type: none; padding: 10px 0px; text-align:center; display: flex; justify-content: flex-start; gap: 35px; flex-wrap: wrap; margin: 25px 0px 0px 0px; }
.agenda ul li { overflow: hidden; width: -moz-calc(33.3% - 24px); width: -webkit-calc(33.3% - 24px); width: -o-calc(33.3% - 24px); width: calc(33.3% - 24px); height: auto; margin: 0px 0px 10px 0px; box-sizing: border-box; position: relative; text-align: left; background: #141414; border: 1px solid rgba(255, 255, 255, 0.08); -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45); -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
.agenda ul li:hover { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); transform: translateY(-8px); box-shadow: 0 18px 44px rgba(0, 0, 0, 0.6); border-color: var(--cor-secundaria); }
.agenda ul li .avatar { width: 100%; height: auto; position: relative; display: block; overflow: hidden; }
.agenda ul li .avatar img { width: 100%; height: auto; aspect-ratio: 24 / 13; object-fit: cover; margin: 0px; display: block; position: relative; z-index: 1; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.agenda ul li .avatar::after { width: 100%; position: absolute; content: ''; height: 55%; background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.45) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.45) 100%); left: 0px; bottom: 0px; z-index: 2; pointer-events: none; }
.agenda ul li .data { text-align: center; margin: 0px; left: 12px; z-index: 100; width: auto; padding: 6px 12px; height: auto; position: absolute; top: 12px; color: #ffffff; background: var(--cor-secundaria); font-size: 12px; line-height: 16px; font-family: var(--fonte-especial); display: inline-flex; align-items: center; font-weight: 800; letter-spacing: 0.3px; box-shadow: 0 4px 12px rgba(0,0,0,0.18); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.agenda ul li .data i { font-size: 11px; margin: 0px 6px 0px 0px; opacity: 0.9; }
.agenda ul li .infos { width: 100%; height: auto; z-index: 20; padding: 18px 20px 20px 20px; box-sizing: border-box; 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; vertical-align: top; }
.agenda ul li .infos .qual { width: 100%; height: auto; position: relative; color: #ffffff; font-size: 16px; letter-spacing: -0.2px; line-height: 22px; font-weight: 800; font-family: var(--fonte-especial); text-align: left; padding: 0px 0px 8px 0px; -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; }
.agenda ul li:hover .infos .qual { color: var(--cor-secundaria); }
.agenda ul li .infos .localidade { width: 100%; 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; line-height: 20px; padding: 0px; color: #b9b9b9; font-size: 13px; text-align: left; }
.agenda ul li .infos .localidade i { color: var(--cor-secundaria); display: inline-block; vertical-align: top; height: 20px; width: auto; margin: 0px 6px 0px 0px; font-size: 13px; line-height: 20px; }
.agenda ul li .infos .ver_mais { display: inline-flex; align-items: center; margin-top: 16px; padding: 0px; color: var(--cor-secundaria); font-size: 13px; font-weight: 800; font-family: var(--fonte-especial); text-transform: uppercase; letter-spacing: 0.5px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.agenda ul li .infos .ver_mais i { font-size: 11px; margin: 0px 0px 0px 8px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.agenda ul li:hover .infos .ver_mais i { -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px); }
.agenda ul li:hover .avatar img { -webkit-transform: scale(1.07); -moz-transform: scale(1.07); -ms-transform: scale(1.07); -o-transform: scale(1.07); transform: scale(1.07); }

/* EVENTOS ANTERIORES (encerrados) */
.agenda.anteriores { padding-top: 0px; }
.agenda ul li.encerrado .avatar img { filter: grayscale(0.65); opacity: 0.6; }
.agenda ul li.encerrado:hover .avatar img { filter: grayscale(0); opacity: 1; }
.agenda ul li.encerrado .encerrado_tag { position: absolute; top: 10px; left: 10px; z-index: 5; background: rgba(0,0,0,0.72); color: #ffffff; font-size: 11px; font-weight: 800; font-family: var(--fonte-especial); padding: 4px 11px; letter-spacing: 0.3px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }

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

	/*AGENDA*/
	.agenda { width: 96%; padding: 25px 2%; }
	.agenda ul { gap: 22px; }
	.agenda ul li { width: 100%; margin: 0px; }
}