/*
 * FIAC 17 / 2026
 * Camada visual baseada no Figma (arquivo a48O7TL5sq98Ate6EDzBSd).
 * Mantida separada do CSS legado do Divi para facilitar revisão e rollback.
 */

:root {
	--fiac-marrom: #532f1a;
	--fiac-azul: #283c97;
	--fiac-laranja: #e06500;
	--fiac-bege: #c9c5b6;
	--fiac-branco: #ffffff;
	--fiac-gap: 13px;
}

html,
body,
#page-container,
#main-content,
#main-footer {
	background: var(--fiac-marrom) !important;
}

body {
	color: var(--fiac-bege);
	font-family: "Montserrat", sans-serif !important;
}

body,
#page-container {
	overflow-x: hidden;
}

img {
	max-width: 100%;
	height: auto;
}

/* Cabeçalho ------------------------------------------------------------- */

#main-header {
	position: relative;
	height: 123px;
	min-height: 123px;
	background: var(--fiac-marrom) !important;
	box-shadow: none !important;
}

#main-header .et_menu_container {
	height: 123px;
	min-height: 123px;
	padding: 0 46px 0 72px;
}

#main-header .logo_container {
	position: absolute;
	top: 44px;
	left: 72px;
	width: calc(100% - 552px);
	max-width: 1296px;
	height: 29px;
	padding: 0;
}

#main-header .logo_container a,
#main-header .logo_container #logo,
#main-header .logo_container #logo-mobile {
	display: block;
	width: 100%;
	height: 29px;
	max-height: 29px !important;
	object-fit: contain;
	object-position: left center;
}

#main-header .logo_helper {
	display: none;
}

#main-header #et-top-navigation {
	position: absolute;
	top: 43px;
	right: 46px;
	padding: 0 !important;
}

.et_header_style_fullscreen .mobile_menu_bar.et_toggle_fullscreen_menu,
.et_header_style_slide .mobile_menu_bar.et_toggle_slide_menu {
	display: block;
	width: 36px;
	height: 36px;
}

.mobile_menu_bar:before,
.et_toggle_slide_menu:before {
	color: var(--fiac-laranja) !important;
	font-size: 36px;
	line-height: 36px;
}

.et_slide_in_menu_container,
.et_header_style_fullscreen .et_slide_in_menu_container {
	background: var(--fiac-marrom) !important;
}

.et_header_style_fullscreen .et_slide_in_menu_container #mobile_menu_slide a,
.et_header_style_slide .et_slide_in_menu_container #mobile_menu_slide a {
	color: var(--fiac-laranja) !important;
	font-family: "MuseoModerno", sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 24px;
	text-align: center;
}

.et_header_style_fullscreen .et_slide_in_menu_container #mobile_menu_slide li,
.et_header_style_slide .et_slide_in_menu_container #mobile_menu_slide li {
	margin: 0 0 20px;
}

.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu {
	top: 54px;
	right: 46px;
	width: 36px;
	height: 36px;
}

.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu:before {
	display: block;
	width: 36px;
	height: 36px;
	background: url("../images/x.svg") center / 36px 36px no-repeat;
	content: "";
}

/* Tipografia e títulos --------------------------------------------------- */

.main-titulo {
	top: -6px;
	left: 57px;
	color: var(--fiac-laranja);
	font-family: "MuseoModerno", sans-serif;
	font-size: 36px;
	font-weight: 700;
	line-height: 36px;
}

.texto,
.destaque-texto,
.single .texto,
.page-template-page-template-fiac .texto,
.page-template-page-template-france .texto {
	color: var(--fiac-bege);
	font-family: "Montserrat", sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
}

/* Slideshow principal --------------------------------------------------- */

.slider-home {
	margin: 0;
	padding-bottom: 50px;
	background: var(--fiac-marrom);
}

.slider-home .slick-slide {
	margin: 0 30px !important;
}

.slider-home .slick-list {
	margin: 0 -30px !important;
}

.slide-home {
	width: 100%;
	max-width: 1700px;
	aspect-ratio: 1700 / 963;
	overflow: hidden;
}

.slide-home > img,
.slide-home > a > img,
.slide-home .wp-post-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.texto-slider {
	right: 111px;
	bottom: 114px;
	max-width: 865px;
	color: var(--fiac-laranja);
	font-family: "Recursive", sans-serif;
	font-size: 48px;
	font-variation-settings: "CASL" 0, "CRSV" 0.5, "MONO" 0;
	font-weight: 700;
	line-height: 64px;
	text-align: right;
}

.linear-gradient {
	height: 56.5%;
	min-height: 0;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 2.36%, #000 103.54%);
	mix-blend-mode: multiply;
}

/* Programação ----------------------------------------------------------- */

#programacao,
.programacao-accordion,
.programacao-accordion .card,
.programacao-accordion .card-header,
.programacao-accordion .card-body {
	background: var(--fiac-azul) !important;
}

.programacao-accordion {
	padding-bottom: 50px;
}

.programacao-accordion .card {
	margin: 0;
	border: 0 !important;
	border-radius: 0 !important;
}

.programacao-accordion .card-header {
	height: 100px;
	margin: 0 0 5px;
	padding: 0;
	border: 0;
	border-radius: 0 !important;
}

.programacao-accordion .card-body {
	margin: 0 0 5px;
	padding: 66px 0 58px;
	border: 0;
}

.programacao-data {
	right: calc(25% - 46px);
	bottom: -5px;
	color: var(--fiac-laranja);
	font-family: "MuseoModerno", sans-serif;
	font-size: 36px;
	font-weight: 700;
	line-height: 36px;
}

.programacao-lista {
	width: 265px;
	color: var(--fiac-bege);
	font-family: "Recursive", sans-serif;
	font-variation-settings: "CASL" 0, "CRSV" 0.5;
}

.programacao-lista .prog-info {
	font-size: 14px;
	font-variation-settings: "CASL" 0, "CRSV" 0.5, "MONO" 1;
	line-height: 24px;
}

.programacao-lista .prog-titulo,
.programacao-lista .prog-titulo a {
	color: var(--fiac-bege);
	font-size: 18px;
	font-variation-settings: "CASL" 0, "CRSV" 0.5, "MONO" 0;
	font-weight: 700;
	line-height: 24px;
}

/* Artistas -------------------------------------------------------------- */

#artistas,
.artistas {
	background: var(--fiac-marrom);
}

.artistas {
	padding-bottom: 50px;
}

.artistas > .row {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--fiac-gap);
	margin: 0;
}

.artistas .artista {
	width: auto;
	max-width: none;
	padding: 0 !important;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

.artistas .artista > img,
.artistas .artista .wp-post-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.artista .filtro-rosa {
	background: transparent;
	transition: background-color 0.25s ease, opacity 0.25s ease;
}

.artista:hover .filtro-rosa,
.artista:focus-within .filtro-rosa {
	background: rgba(83, 47, 26, 0.9);
	mix-blend-mode: normal;
}

.artista:hover img,
.artista:focus-within img {
	opacity: 0.55;
}

.artista .titulo {
	z-index: 2;
	color: var(--fiac-bege);
	font-family: "Recursive", sans-serif;
	font-size: 20px;
	font-variation-settings: "CASL" 0, "CRSV" 0.5, "MONO" 0;
	font-weight: 700;
	line-height: 28px;
}

/* Curadoria ------------------------------------------------------------- */

.curadoria {
	margin-bottom: 50px;
}

.curadoriaBg {
	min-height: 509px;
	background: var(--fiac-azul) !important;
	align-items: center;
}

.curadoriaBg .texto {
	max-width: 700px;
	padding-top: 87px !important;
	padding-bottom: 86px !important;
}

.plusCuradoriabtn,
.plusbtn,
.openbtn {
	display: block;
	width: 36px;
	height: 36px;
	padding: 0;
}

.plusCuradoriabtn {
	right: 15px;
	bottom: 25px;
}

/* Atividades formativas ------------------------------------------------- */

#atividades,
.atividade {
	background: var(--fiac-marrom);
}

.atividade .atividade-home {
	max-width: 606px;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

.atividade .atividade-home > img,
.atividade .atividade-home .wp-post-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.atividade .texto-slider {
	right: 59px;
	bottom: 60px;
	max-width: 463px;
	font-family: "Recursive", sans-serif;
	font-size: 32px;
	font-variation-settings: "CASL" 0, "CRSV" 0.5, "MONO" 0;
	font-weight: 700;
	line-height: 40px;
	text-transform: uppercase;
}

/* Páginas internas ------------------------------------------------------ */

.single #main-content > .container-fluid,
.page-template-page-template-fiac #main-content > .container-fluid,
.page-template-page-template-france #main-content > .container-fluid {
	padding: 0 !important;
}

.single #main-content > .container-fluid > .wp-post-image,
.page-template-page-template-fiac #main-content > .container-fluid > .wp-post-image,
.page-template-page-template-france #main-content > .container-fluid > .wp-post-image {
	display: block;
	width: 100%;
	height: min(50.16vw, 963px);
	object-fit: cover;
}

.single .texto,
.page-template-page-template-fiac .texto,
.page-template-page-template-france .texto {
	width: 700px;
	max-width: calc(100% - 50px);
	flex: 0 0 700px;
	padding-top: 52px !important;
	padding-bottom: 52px !important;
}

#box {
	background: var(--fiac-marrom);
}

#box .grid-item {
	padding: 6px !important;
}

#box .grid-item img,
#box .grid-item iframe,
#box .grid-item video {
	display: block;
	width: 100%;
}

#box .destaque {
	position: relative;
	min-height: 387px;
	padding: 81px 64px !important;
	background: var(--fiac-azul) !important;
	color: var(--fiac-laranja);
	font-family: "Recursive", sans-serif;
	font-size: 48px;
	font-variation-settings: "CASL" 0, "CRSV" 0.5, "MONO" 0;
	font-weight: 700;
	line-height: 52px;
}

.fiac-france-programacao,
.fiac-france-programacao .artistas {
	background: var(--fiac-marrom);
}

.fiac-france-partners {
	margin-bottom: 0 !important;
	padding-top: 34px;
	padding-bottom: 34px;
}

.fiac-france-partners h5 {
	color: var(--fiac-marrom);
	font-family: "MuseoModerno", sans-serif;
	font-weight: 700;
}

.overlay,
.overlay.azul,
.overlay.vermelho,
.overlay.rosa,
.overlay.laranja,
.overlay.verde,
.overlay.amarelo {
	background: var(--fiac-marrom) !important;
}

.overlay-content,
.overlay-content a {
	color: var(--fiac-bege);
}

.overlay-content ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.overlay-content ul li a {
	color: var(--fiac-laranja);
	font-family: "MuseoModerno", sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 24px;
	text-transform: uppercase;
}

.closebtn {
	top: 54px;
	right: 46px;
	width: 36px;
	height: 36px;
	background: url("../images/x.svg") center / contain no-repeat;
	color: transparent !important;
	font-size: 0 !important;
}

/* Rodapé --------------------------------------------------------------- */

#main-footer,
#et-footer-nav,
#social,
#footer-bottom {
	background: var(--fiac-marrom) !important;
}

#et-footer-nav .container,
#social .container,
#footer-bottom .container {
	max-width: 1920px;
}

.bottom-nav {
	padding: 16px 0 8px;
}

.bottom-nav li {
	padding-right: 22px;
	font-family: "MuseoModerno", sans-serif;
	font-size: 14px;
	font-weight: 700;
}

.bottom-nav a,
.bottom-nav a:hover,
.et-social-icon a.icon:before {
	color: var(--fiac-laranja) !important;
}

#social .et-social-icons {
	float: none;
	margin: 0;
	text-align: center;
}

#social .et-social-icons li {
	display: inline-block;
	float: none;
	margin: 0 6px;
}

#footer-bottom {
	padding: 44px 0 80px;
}

#footer-bottom .marcas_desktop img {
	width: 787px;
	max-width: 100%;
}

/* Responsivo ------------------------------------------------------------ */

@media (max-width: 767px) {
	#pojo-a11y-toolbar {
		z-index: 100000 !important;
	}

	#main-header,
	#main-header .et_menu_container {
		height: 124px;
		min-height: 124px;
	}

	#main-header .et_menu_container {
		padding: 0 23px;
	}

	#main-header .logo_container {
		top: 34px;
		left: 23px;
		width: calc(100% - 100px);
		max-width: 250px;
		height: 54px;
	}

	#main-header .logo_container a,
	#main-header .logo_container #logo-mobile {
		height: 54px;
		max-height: 54px !important;
	}

	#main-header #et-top-navigation {
		top: 48px;
		right: 23px;
	}

	.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu {
		top: 48px;
		right: 23px;
		width: 24px;
		height: 24px;
	}

	.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu:before {
		width: 24px;
		height: 24px;
		background-size: 24px 24px;
	}

	.main-titulo {
		top: -5px;
		left: 23px;
		font-size: 18px;
		line-height: 36px;
	}

	.slider-home {
		padding-bottom: 30px;
	}

	.slider-home .slick-slide {
		margin: 0 14.5px !important;
	}

	.slider-home .slick-list {
		margin: 0 -14.5px !important;
	}

	.slide-home-mobile {
		width: 300px;
		max-width: 300px;
		height: 542px;
		max-height: 542px;
		overflow: hidden;
	}

	.slide-home-mobile > img,
	.slide-home-mobile .wp-post-image {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.texto-slider,
	.atividade .texto-slider {
		right: 0;
		bottom: 64px;
		max-width: 304px;
		font-size: 36px;
		line-height: 36px;
	}

	.programacao-accordion {
		padding-bottom: 30px;
	}

	.programacao-accordion .card-body {
		padding: 38px 0 34px;
	}

	.programacao-data {
		right: 47px;
	}

	.artistas {
		padding-bottom: 30px;
	}

	.artistas > .row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 4px;
	}

	.artista .titulo {
		font-size: 12px;
		line-height: 18px;
	}

	.curadoria {
		margin-bottom: 30px;
	}

	.curadoriaBg {
		min-height: 615px;
	}

	.curadoriaBg .texto {
		width: 325px;
		max-width: calc(100% - 50px);
		padding: 41px 0 64px !important;
		font-size: 14px;
		line-height: 24px;
	}

	.plusCuradoriabtn,
	.plusbtn,
	.openbtn {
		width: 24px;
		height: 24px;
	}

	.atividade .texto-slider {
		right: 14px;
		bottom: 50px;
		max-width: 272px;
		font-size: 32px;
		line-height: 40px;
	}

	.single #main-content > .container-fluid > .wp-post-image,
	.page-template-page-template-fiac #main-content > .container-fluid > .wp-post-image,
	.page-template-page-template-france #main-content > .container-fluid > .wp-post-image {
		height: auto;
		min-height: 0;
		aspect-ratio: 375 / 407;
	}

	.single .texto,
	.page-template-page-template-fiac .texto,
	.page-template-page-template-france .texto {
		width: 325px;
		max-width: calc(100% - 50px);
		flex-basis: 325px;
		padding-top: 42px !important;
		padding-bottom: 42px !important;
		font-size: 14px;
		line-height: 24px;
	}

	#box .grid-item {
		padding: 2px !important;
	}

	#box .destaque {
		min-height: 230px;
		padding: 32px 25px !important;
		font-size: 24px;
		line-height: 24px;
	}

	.overlay-content {
		width: calc(100% - 50px);
	}

	.et_header_style_fullscreen .et_slide_in_menu_container #mobile_menu_slide a,
	.et_header_style_slide .et_slide_in_menu_container #mobile_menu_slide a,
	.overlay-content ul li a {
		font-size: 18px;
		line-height: 24px;
	}

	.bottom-nav {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding: 10px 7px 4px;
	}

	.bottom-nav li {
		padding: 0 7px 4px;
		font-size: 10px;
		line-height: 17px;
	}

	#footer-bottom {
		padding: 28px 7px 38px;
	}
}