body.cmsi-memorial-active .memorial-elementor-model::before,
body.cmsi-memorial-active .memorial-bg {
	filter: saturate(1.22) contrast(1.12) brightness(1) !important;
}

body.cmsi-memorial-active {
	background-image: url("../img/memorial-bg.png") !important;
	background-size: cover !important;
	background-position: center center !important;
}

body.cmsi-memorial-active .memorial-tv-bg {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center center !important;
	z-index: -3 !important;
	pointer-events: none !important;
	filter: saturate(1.06) contrast(1.04) brightness(.62) !important;
}

body.cmsi-memorial-active .memorial-elementor-model::after,
body.cmsi-memorial-active .memorial-vignette {
	background:
		radial-gradient(circle at 50% 43%, rgba(34, 3, 0, .3) 0%, rgba(34, 3, 0, .3) 31%, rgba(15, 1, 0, .66) 80%),
		linear-gradient(180deg, rgba(33, 3, 0, .27) 0%, rgba(33, 3, 0, .06) 30%, rgba(29, 2, 0, .62) 100%),
		linear-gradient(90deg, rgba(30, 2, 0, .3), rgba(50, 4, 1, .1) 30%, rgba(14, 1, 0, .26)) !important;
}

body.cmsi-memorial-active .memorial-brand-logo {
	top: 2.9vh !important;
	left: 4.3vw !important;
	width: clamp(90px, 11.6vh, 126px) !important;
	height: clamp(90px, 11.6vh, 126px) !important;
	max-width: clamp(90px, 11.6vh, 126px) !important;
	background: url("../img/brasao-cmsi.png") center / contain no-repeat !important;
}

body.cmsi-memorial-active .memorial-brand-logo img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
}

body.cmsi-memorial-active .memorial-brand-pretitle,
body.cmsi-memorial-active .memorial-brand-name {
	left: max(11.85vw, 165px) !important;
}

body.cmsi-memorial-active .memorial-brand-pretitle {
	top: 5vh !important;
}

body.cmsi-memorial-active .memorial-brand-name {
	top: 7.65vh !important;
}

body.cmsi-memorial-active .memorial-brand-pretitle .elementor-heading-title {
	font-size: clamp(18px, 2.05vh, 24px) !important;
}

body.cmsi-memorial-active .memorial-brand-name .elementor-heading-title {
	font-size: clamp(30px, 3.6vh, 41px) !important;
}

body.cmsi-memorial-active .memorial-heading-kicker {
	top: 9.45vh !important;
}

body.cmsi-memorial-active .memorial-heading-title {
	top: 14.15vh !important;
}

body.cmsi-memorial-active .memorial-heading-divider {
	top: 20.95vh !important;
}

body.cmsi-memorial-active .memorial-heading-tagline {
	top: 24.85vh !important;
}

body.cmsi-memorial-active .memorial-history-stage,
body.cmsi-memorial-active .memorial-history-stage.memorial-stage-composed {
	top: 30.35vh !important;
	width: min(93.2vw, 139.8vh) !important;
	max-width: min(93.2vw, 139.8vh) !important;
	height: 57.3vh !important;
	min-height: 57.3vh !important;
}

body.cmsi-memorial-active .memorial-history-stage.memorial-stage-composed > .elementor-container,
body.cmsi-memorial-active .memorial-history-stage.memorial-stage-composed > .e-con-inner {
	height: 100% !important;
}

body.cmsi-memorial-active .memorial-history-slide {
	grid-template-columns: 46% 54% !important;
	gap: clamp(30px, 4.2vh, 48px) !important;
	padding: clamp(30px, 3.75vh, 42px) clamp(34px, 4vh, 48px) !important;
}

body.cmsi-memorial-active .memorial-history-image {
	align-self: center !important;
	height: 90% !important;
	max-height: calc(57.3vh - 82px) !important;
}

body.cmsi-memorial-active .memorial-history-button {
	width: clamp(300px, 20.5vw, 330px) !important;
	white-space: nowrap !important;
}

body.cmsi-memorial-active .memorial-history-button span {
	white-space: nowrap !important;
}

body.cmsi-memorial-active .memorial-people-panel {
	padding-top: clamp(18px, 2.35vh, 27px) !important;
	padding-right: clamp(20px, 2.7vh, 28px) !important;
	padding-bottom: clamp(12px, 1.45vh, 17px) !important;
	padding-left: clamp(20px, 2.7vh, 28px) !important;
	overflow: hidden !important;
}

body.cmsi-memorial-active .memorial-people-panel > h2 {
	font-size: clamp(12px, .96vw, 16px) !important;
	margin-bottom: clamp(9px, 1vh, 12px) !important;
}

body.cmsi-memorial-active .memorial-people-panel > h2 {
	font-size: 0 !important;
}

body.cmsi-memorial-active .memorial-people-panel > h2::before {
	content: "Galeria dos Presidentes";
	font-size: clamp(12px, .96vw, 16px) !important;
}

body.cmsi-memorial-active .memorial-people-slider {
	flex: 1 1 auto !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: 100% !important;
	overflow: hidden !important;
}

body.cmsi-memorial-active .memorial-person-photo {
	width: 100% !important;
	aspect-ratio: 3 / 4 !important;
	height: auto !important;
	max-height: min(32vh, calc(57.3vh - 206px)) !important;
	flex: 0 0 auto !important;
}

body.cmsi-memorial-active .memorial-person-photo img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
	object-position: center top !important;
}

body.cmsi-memorial-active .memorial-person-info {
	flex: 0 0 auto !important;
	min-height: 0 !important;
	padding: clamp(17px, 1.95vh, 23px) clamp(18px, 1.45vw, 23px) clamp(16px, 1.8vh, 20px) !important;
}

body.cmsi-memorial-active .memorial-person-slide {
	inset: 0 auto auto 0 !important;
	width: 100% !important;
	height: auto !important;
	max-height: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	overflow: hidden !important;
}

body.cmsi-memorial-active .memorial-person-slide:not(.is-active) {
	opacity: 0 !important;
	visibility: hidden !important;
	z-index: 0 !important;
	display: none !important;
}

body.cmsi-memorial-active .memorial-person-slide.is-active {
	opacity: 1 !important;
	visibility: visible !important;
	z-index: 2 !important;
}

body.cmsi-memorial-active .memorial-person-info h3 {
	margin-bottom: 8px !important;
	font-size: clamp(20px, 1.62vw, 27px) !important;
}

body.cmsi-memorial-active .memorial-person-role,
body.cmsi-memorial-active .memorial-person-period {
	margin: 0 !important;
	font-size: clamp(13px, 1.05vw, 18px) !important;
	line-height: 1.3 !important;
}

body.cmsi-memorial-active .memorial-person-period {
	margin-bottom: clamp(12px, 1.65vh, 18px) !important;
}

body.cmsi-memorial-active .memorial-person-info a {
	height: clamp(44px, 5.2vh, 54px) !important;
	min-width: 150px !important;
	padding: 0 22px !important;
	font-size: clamp(14px, 1.08vw, 18px) !important;
}

body.cmsi-memorial-active .memorial-footer-icon {
	bottom: clamp(48px, 5.3vh, 58px) !important;
}

body.cmsi-memorial-active .memorial-heading-divider {
	height: 34px !important;
}

body.cmsi-memorial-active .memorial-heading-divider .elementor-divider {
	display: none !important;
}

body.cmsi-memorial-active .memorial-heading-divider::before,
body.cmsi-memorial-active .memorial-heading-divider::after {
	content: "" !important;
	position: absolute !important;
	top: 16px !important;
	width: clamp(118px, 16.1vh, 165px) !important;
	height: 2px !important;
	background: linear-gradient(90deg, transparent, var(--memorial-gold-soft) 18%, var(--memorial-gold-soft) 82%, transparent) !important;
}

body.cmsi-memorial-active .memorial-heading-divider::before {
	right: calc(50% + 38px) !important;
}

body.cmsi-memorial-active .memorial-heading-divider::after {
	left: calc(50% + 38px) !important;
}

body.cmsi-memorial-active .memorial-heading-divider .elementor-widget-container::before {
	content: "✤" !important;
	position: absolute !important;
	left: 50% !important;
	top: 0 !important;
	transform: translateX(-50%) !important;
	color: var(--memorial-gold-soft) !important;
	font-size: 28px !important;
	line-height: 34px !important;
}
