/**
 * Saber fazer: cartões da homepage + grelha de /projetos/.
 * Sem faixas full-width, sem 50/50, sem gelo intercalado.
 */

body.saber-fazer-page {
	--ua-cyan: var(--ast-global-color-0, #00a5cf);
	--ua-ink: var(--ast-global-color-2, #1a1a1a);
	--ua-text: var(--ast-global-color-3, #333333);
	--ua-muted: var(--ast-global-color-1, #a2a2a2);
	--ua-ice: #d5e7ec;
	--ua-white: var(--ast-global-color-5, #ffffff);
	--ua-shell: 1200px;
	--ua-gutter: 40px;
	--ua-radius: 6px;
	background: var(--ua-white);
	color: var(--ua-text);
	overflow-x: clip;
}

html:has(body.saber-fazer-page):not(.elementor-html) {
	overflow-x: clip;
}

body.saber-fazer-page #content {
	padding-top: 0;
	background: var(--ua-white);
}

body.saber-fazer-page .site-content > .ast-container {
	max-width: none;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	margin: 0;
}

body.saber-fazer-page #primary,
body.saber-fazer-page .site-main,
body.saber-fazer-page .entry-content,
body.saber-fazer-page .elementor {
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: none;
	float: none;
}

body.saber-fazer-page.ast-separate-container .ast-article-single {
	background: transparent;
	box-shadow: none;
	border-radius: 0;
	padding: 0;
	margin: 0;
}

body.saber-fazer-page .elementor-widget {
	margin: 0;
}

body.saber-fazer-page .sf-shell.e-con {
	width: min(100% - (var(--ua-gutter) * 2), var(--ua-shell)) !important;
	max-width: 100%;
	margin-inline: auto;
}

/* Cabeçalho compacto — espírito /projetos/. Uma vez, no topo. */
body.saber-fazer-page .sf-intro {
	padding: 56px 0 40px;
	max-height: 50vh;
	overflow: hidden;
	background: var(--ua-ice);
	color: var(--ua-cyan);
}

body.saber-fazer-page .sf-intro .sf-title .elementor-heading-title {
	margin: 0 0 12px;
	max-width: 22ch;
	font-size: clamp(2rem, 4vw, 2.75rem);
	font-weight: 400;
	font-style: italic;
	line-height: 1.2;
	text-align: start;
	color: var(--ua-cyan);
}

body.saber-fazer-page .sf-intro .sf-lead,
body.saber-fazer-page .sf-intro .sf-lead p {
	margin: 0;
	max-width: 40rem;
	font-size: 1rem;
	line-height: 1.6;
	color: var(--ua-muted);
}

/* Hub: grelha 2×2, gap generoso */
body.saber-fazer-page .sf-listing {
	padding: 48px 0 56px;
	background: var(--ua-white);
}

body.saber-fazer-page .sf-grid.e-con {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 40px;
	align-items: stretch;
	width: 100%;
}

body.saber-fazer-page .sf-card.e-con,
body.saber-fazer-page a.sf-card.e-con {
	position: relative;
	display: flex !important;
	flex-direction: column;
	justify-content: flex-end;
	width: 100% !important;
	min-height: 28rem;
	overflow: hidden;
	border-radius: var(--ua-radius);
	box-shadow: 0 40px 120px -24px rgba(0, 0, 0, 0.08);
	background: var(--ua-ice);
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}

body.saber-fazer-page .sf-card .elementor-widget-image,
body.saber-fazer-page .sf-card .elementor-widget-container,
body.saber-fazer-page .sf-card figure,
body.saber-fazer-page .sf-card .elementor-image {
	position: absolute;
	inset: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}

body.saber-fazer-page .sf-card img,
body.saber-fazer-page .sf-card .sf-card__video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 1.6s ease;
}

body.saber-fazer-page .sf-card .sf-card__video {
	position: absolute;
	inset: 0;
	z-index: 1;
	border: 0;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.35s ease, transform 1.6s ease;
}

body.saber-fazer-page .sf-card.is-playing .sf-card__video {
	opacity: 1;
}

body.saber-fazer-page .sf-card:hover img,
body.saber-fazer-page .sf-card:focus-within img,
body.saber-fazer-page .sf-card:hover .sf-card__video,
body.saber-fazer-page .sf-card:focus-within .sf-card__video {
	transform: scale(1.08);
}

body.saber-fazer-page .sf-card-copy.e-con {
	position: relative;
	z-index: 2;
	width: 100% !important;
	margin-top: auto;
	padding: 72px 32px 28px !important;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.92) 45%);
}

body.saber-fazer-page .sf-card .sf-title .elementor-heading-title {
	position: relative;
	z-index: 3;
	margin: 0;
	font-size: 1.45rem;
	font-weight: 400;
	font-style: italic;
	line-height: 1.25;
	color: var(--ua-cyan);
}

body.saber-fazer-page a.sf-card:hover,
body.saber-fazer-page a.sf-card:focus {
	color: inherit;
	text-decoration: none;
}

body.saber-fazer-page a.sf-card:focus-visible {
	outline: 2px solid var(--ua-cyan);
	outline-offset: 4px;
}

body.saber-fazer-page .sf-card .sf-text,
body.saber-fazer-page .sf-card .sf-text p {
	position: relative;
	z-index: 3;
	margin: 8px 0 0;
	max-width: 34rem;
	font-size: 0.95rem;
	line-height: 1.5;
	color: var(--ua-text);
}

/* Filhas: grelha de obras, ritmo /projetos/ */
body.saber-fazer-page .sf-gallery-wrap {
	padding: 24px 0;
	background: var(--ua-white);
}

body.saber-fazer-page .sf-gallery.e-con {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 28px 24px;
	align-items: start;
	width: 100%;
}

body.saber-fazer-page .sf-gallery.sf-gallery--1.e-con {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.saber-fazer-page .sf-gallery.sf-gallery--2.e-con {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.saber-fazer-page .sf-shot.e-con {
	width: 100% !important;
	margin: 0;
	flex-direction: column;
	align-items: flex-start;
}

body.saber-fazer-page .sf-shot .elementor-widget-image,
body.saber-fazer-page .sf-shot .elementor-widget-container,
body.saber-fazer-page .sf-shot figure,
body.saber-fazer-page .sf-shot .elementor-image,
body.saber-fazer-page .sf-shot a {
	display: block;
	width: 100%;
	margin: 0;
	line-height: 0;
}

body.saber-fazer-page .sf-shot a {
	overflow: hidden;
	border-radius: var(--ua-radius);
	cursor: zoom-in;
}

body.saber-fazer-page .sf-shot img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: var(--ua-radius);
	transition: opacity 0.3s ease, transform 0.5s ease;
}

body.saber-fazer-page .sf-shot a:hover img,
body.saber-fazer-page .sf-shot a:focus-visible img {
	opacity: 0.85;
}

body.saber-fazer-page .sf-cap,
body.saber-fazer-page .sf-cap p {
	margin: 12px 0 0;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--ua-muted);
}

body.saber-fazer-page .sf-copy,
body.saber-fazer-page .sf-note {
	padding: 24px 0;
	background: var(--ua-white);
}

body.saber-fazer-page .sf-copy .sf-title,
body.saber-fazer-page .sf-copy .sf-text,
body.saber-fazer-page .sf-note .sf-title,
body.saber-fazer-page .sf-note .sf-text {
	max-width: 40rem;
}

body.saber-fazer-page .sf-copy .sf-title .elementor-heading-title,
body.saber-fazer-page .sf-note .sf-title .elementor-heading-title {
	margin: 0 0 12px;
	font-size: clamp(1.35rem, 2.4vw, 1.7rem);
	font-weight: 400;
	font-style: italic;
	line-height: 1.25;
	color: var(--ua-cyan);
}

body.saber-fazer-page .sf-copy .sf-text,
body.saber-fazer-page .sf-copy .sf-text p,
body.saber-fazer-page .sf-note .sf-text,
body.saber-fazer-page .sf-note .sf-text p {
	margin: 0 0 1em;
	max-width: 40rem;
	font-size: 1rem;
	line-height: 1.7;
	color: var(--ua-text);
}

body.saber-fazer-page .sf-copy .sf-text p:last-child,
body.saber-fazer-page .sf-note .sf-text p:last-child {
	margin-bottom: 0;
}

body.saber-fazer-page .sf-more {
	padding: 24px 0 48px;
	background: var(--ua-white);
}

body.saber-fazer-page .sf-more .elementor-button {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: var(--ua-cyan);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
}

body.saber-fazer-page .sf-more .elementor-button:hover,
body.saber-fazer-page .sf-more .elementor-button:focus {
	background: transparent;
	color: var(--ua-ink);
	text-decoration: underline;
	text-underline-offset: 4px;
}

html.js-saber .sf-card,
html.js-saber .sf-shot {
	opacity: 0;
	transform: translateY(16px);
}

html.js-saber .sf-card.is-inview,
html.js-saber .sf-shot.is-inview {
	opacity: 1;
	transform: translateY(0);
	transition: opacity 0.6s ease, transform 0.6s ease;
}

/* Canvas Elementor: widgets visíveis e clicáveis, sem o fade do frontend. */
html.elementor-html .sf-card,
html.elementor-html .sf-shot,
body.sf-elementor-edit .sf-card,
body.sf-elementor-edit .sf-shot {
	opacity: 1 !important;
	transform: none !important;
}

html.elementor-html .sf-card .elementor-widget-image,
body.sf-elementor-edit .sf-card .elementor-widget-image {
	z-index: 1;
}

html.elementor-html .sf-card .elementor-element-editable,
body.sf-elementor-edit .sf-card .elementor-element-editable {
	z-index: 6;
}

.sf-lightbox {
	width: min(92vw, 88rem);
	max-width: 92vw;
	max-height: 92vh;
	margin: auto;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--ua-white);
}

.sf-lightbox::backdrop {
	background: rgba(0, 59, 74, 0.92);
}

.sf-lightbox__figure {
	margin: 0;
	text-align: center;
}

.sf-lightbox__image {
	display: block;
	max-width: 92vw;
	max-height: 82vh;
	width: auto;
	height: auto;
	margin: 0 auto;
	object-fit: contain;
	border-radius: var(--ua-radius);
}

.sf-lightbox__caption {
	margin-top: 0.85rem;
	font-size: 13px;
	letter-spacing: 0.04em;
	color: rgba(255, 255, 255, 0.75);
}

.sf-lightbox__close,
.sf-lightbox__nav {
	position: fixed;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	border: 1px solid #fff;
	background: transparent;
	color: #fff;
	font-size: 1.35rem;
	line-height: 1;
	cursor: pointer;
}

.sf-lightbox__close:hover,
.sf-lightbox__nav:hover {
	background: #fff;
	color: #003b4a;
}

.sf-lightbox__close {
	top: 1.25rem;
	right: 1.25rem;
}

.sf-lightbox__nav--prev {
	top: 50%;
	left: 1.25rem;
	transform: translateY(-50%);
}

.sf-lightbox__nav--next {
	top: 50%;
	right: 1.25rem;
	transform: translateY(-50%);
}

.sf-lightbox.is-single .sf-lightbox__nav {
	display: none;
}

@media (max-width: 1024px) {
	body.saber-fazer-page {
		--ua-gutter: 32px;
	}

	body.saber-fazer-page .sf-grid.e-con {
		gap: 32px;
	}

	body.saber-fazer-page .sf-gallery.e-con,
	body.saber-fazer-page .sf-gallery.sf-gallery--2.e-con {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.saber-fazer-page .sf-gallery.sf-gallery--1.e-con {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	body.saber-fazer-page .sf-card.e-con {
		min-height: 24rem;
	}
}

@media (max-width: 767px) {
	body.saber-fazer-page {
		--ua-gutter: 24px;
	}

	body.saber-fazer-page .sf-intro {
		padding: 40px 0 28px;
		max-height: none;
	}

	body.saber-fazer-page .sf-listing {
		padding: 32px 0 48px;
	}

	body.saber-fazer-page .sf-grid.e-con,
	body.saber-fazer-page .sf-gallery.e-con,
	body.saber-fazer-page .sf-gallery.sf-gallery--2.e-con {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	body.saber-fazer-page .sf-card.e-con {
		min-height: 22rem;
	}

	body.saber-fazer-page .sf-card-copy.e-con {
		padding: 56px 20px 20px !important;
	}

	body.saber-fazer-page .sf-gallery-wrap,
	body.saber-fazer-page .sf-copy,
	body.saber-fazer-page .sf-note {
		padding: 20px 0;
	}

	body.saber-fazer-page .sf-more {
		padding: 20px 0 40px;
	}

	.sf-lightbox__nav--prev {
		left: 0.5rem;
	}

	.sf-lightbox__nav--next {
		right: 0.5rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	html.js-saber .sf-card,
	html.js-saber .sf-shot,
	html.js-saber .sf-card.is-inview,
	html.js-saber .sf-shot.is-inview {
		opacity: 1;
		transform: none;
		transition: none;
	}

	body.saber-fazer-page .sf-card img,
	body.saber-fazer-page .sf-card .sf-card__video,
	body.saber-fazer-page .sf-shot img {
		transition: none;
	}

	body.saber-fazer-page .sf-card:hover img,
	body.saber-fazer-page .sf-card:focus-within img,
	body.saber-fazer-page .sf-card:hover .sf-card__video,
	body.saber-fazer-page .sf-card:focus-within .sf-card__video {
		transform: none;
	}
}

body.saber-fazer-page .sf-siblings {
	margin: 0;
	padding: 8px 0 0;
}

body.saber-fazer-page .sf-siblings__title {
	margin: 0 0 12px;
	font-family: "Old Standard TT", serif;
	font-size: 1.35rem;
	font-weight: 400;
	font-style: italic;
	line-height: 1.3;
	color: var(--ua-cyan, #00a5cf);
}

body.saber-fazer-page .sf-siblings__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

body.saber-fazer-page .sf-siblings__list li {
	margin: 0;
	padding: 6px 0;
}

body.saber-fazer-page .sf-siblings__list a,
body.saber-fazer-page .sf-acc-read a {
	font-family: Inter, sans-serif;
	font-size: 1rem;
	line-height: 1.7;
	color: var(--ua-teal, #003b4a);
	text-decoration: underline;
	text-underline-offset: 3px;
}

body.saber-fazer-page .sf-siblings__list a:hover,
body.saber-fazer-page .sf-siblings__list a:focus,
body.saber-fazer-page .sf-acc-read a:hover,
body.saber-fazer-page .sf-acc-read a:focus {
	color: var(--ua-cyan, #00a5cf);
}

body.saber-fazer-page .sf-acc-read {
	margin: 12px 0 0;
}