:root {
	--unesp-blue: #0055a4;
	--unesp-cyan: #00a5d8;
	--unesp-magenta: #c2185b;
	--unesp-ink: #17202a;
	--unesp-muted: #5b6773;
	--unesp-surface: #f6f8fb;
	--unesp-border: #d9e1ea;
	--unesp-viewport-height: 100vh;
	--unesp-header-height: 0px;
	--unesp-admin-bar-height: 0px;
	--unesp-viewport-nav-offset: 1rem;
}

@supports (height: 100dvh) {
	:root {
		--unesp-viewport-height: 100dvh;
	}
}

body {
	color: var(--unesp-ink);
}

/* A Gutenberg page keeps its natural height. Screen-sized layouts are
 * intentionally composed by their own template/block, never scaled here. */

.unesp-viewport-panel {
	position: absolute !important;
	inset: 0;
	z-index: 0;
	box-sizing: border-box;
	width: 100% !important;
	max-width: none !important;
	height: 100%;
	margin: 0 !important;
	overflow: auto;
	overscroll-behavior: contain;
	scrollbar-gutter: stable;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translate3d(0, 1.25rem, 0);
	transition: opacity 220ms ease, transform 280ms ease, visibility 0s linear 280ms;
}

.unesp-viewport-panel.is-active {
	z-index: 1;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: none;
	transition-delay: 0s;
}

.unesp-viewport-panel[hidden] {
	display: block;
}

.unesp-viewport-navigation {
	position: fixed;
	top: 50%;
	right: max(var(--unesp-viewport-nav-offset), env(safe-area-inset-right));
	z-index: 1200;
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
	padding: 0.55rem;
	border: 1px solid color-mix(in srgb, var(--unesp-blue) 18%, transparent);
	border-radius: 999px;
	background: color-mix(in srgb, #ffffff 88%, transparent);
	box-shadow: 0 0.6rem 2rem rgb(16 47 102 / 14%);
	backdrop-filter: blur(12px);
	transform: translateY(-50%);
}

.unesp-viewport-navigation[hidden] {
	display: none;
}

.unesp-viewport-navigation button {
	position: relative;
	display: grid;
	place-items: center;
	width: 2rem;
	height: 2rem;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--unesp-blue);
	cursor: pointer;
}

.unesp-viewport-navigation button::before {
	width: 0.48rem;
	height: 0.48rem;
	border: 2px solid currentColor;
	border-radius: 50%;
	content: '';
	transition: background 160ms ease, transform 160ms ease;
}

.unesp-viewport-navigation button:hover::before,
.unesp-viewport-navigation button:focus-visible::before {
	transform: scale(1.25);
}

.unesp-viewport-navigation button[aria-current='true']::before {
	background: currentColor;
}

.unesp-viewport-navigation button span {
	position: absolute;
	right: calc(100% + 0.65rem);
	width: max-content;
	max-width: 16rem;
	padding: 0.38rem 0.58rem;
	border-radius: 0.35rem;
	background: var(--unesp-ink);
	color: #ffffff;
	font-size: 0.75rem;
	font-weight: 600;
	opacity: 0;
	pointer-events: none;
	transform: translateX(0.25rem);
	transition: opacity 160ms ease, transform 160ms ease;
}

.unesp-viewport-navigation button:hover span,
.unesp-viewport-navigation button:focus-visible span {
	opacity: 1;
	transform: none;
}

body.unesp-viewport-ready .wp-block-spacer:empty,
body.unesp-viewport-ready .entry-content > p:empty {
	display: none;
}

/* The Home header intentionally floats above the Hero backdrop. */
body.home #header {
	position: absolute !important;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1000;
}

body.home .gsap-blocks-home-hero {
	position: relative;
	z-index: 0;
}

.entry-content a {
	text-underline-offset: 0.18em;
}

.unesp-section {
	padding-block: clamp(3rem, 7vw, 6rem);
}

.unesp-section--surface {
	background: var(--unesp-surface);
}

.unesp-kicker {
	color: var(--unesp-blue);
	font-size: 0.82rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.unesp-card {
	border: 1px solid var(--unesp-border);
	border-radius: 8px;
	background: #ffffff;
}

.unesp-gsap-reveal {
	opacity: 0;
	transform: translateY(24px);
}

@media (prefers-reduced-motion: reduce) {
	.unesp-viewport-panel {
		transition: none;
		transform: none;
	}

	.unesp-gsap-reveal {
		opacity: 1;
		transform: none;
	}
}

@media (max-width: 781px) {
	:root {
		--unesp-viewport-nav-offset: 0.55rem;
	}

	.unesp-viewport-navigation {
		top: auto;
		right: 50%;
		bottom: max(0.55rem, env(safe-area-inset-bottom));
		max-width: calc(100vw - 1.1rem);
		flex-direction: row;
		overflow-x: auto;
		transform: translateX(50%);
	}

	.unesp-viewport-navigation button {
		flex: 0 0 auto;
		width: 2.25rem;
		height: 2.25rem;
	}

	.unesp-viewport-navigation button span {
		display: none;
	}

	.unesp-viewport-panel {
		scrollbar-gutter: auto;
		padding-bottom: calc(4rem + env(safe-area-inset-bottom));
	}

	body.unesp-has-nested-viewport .unesp-viewport-navigation {
		top: 50%;
		right: max(0.35rem, env(safe-area-inset-right));
		bottom: auto;
		flex-direction: column;
		transform: translateY(-50%);
	}
}

/*
 * The header remains above every page canvas. No global scale or clipping is
 * applied to Gutenberg content.
 */
/* The Blocksy header is always the layer directly above the page canvas. */
#header {
	z-index: 2000 !important;
	isolation: isolate;
}

body.unesp-one-viewport #main {
	position: relative;
	z-index: 1;
}

body.unesp-one-viewport #footer {
	display: block;
}

/*
 * Página de contato: composição de desktop limitada à área útil do viewport.
 * Em telas menores, o documento permanece rolável para preservar tamanhos
 * legíveis e acessíveis nos campos do formulário.
 */
@media (min-width: 782px) {
	body.page-id-1398 {
		overflow: hidden;
	}

	body.page-id-1398 #main {
		block-size: calc(
			var(--unesp-viewport-height) - var(--unesp-header-height) - var(--unesp-admin-bar-height)
		);
		min-block-size: 0;
		overflow: hidden;
	}

	/* Em telas altas, separa o conteúdo do cabeçalho e do limite inferior sem
	 * reduzir a área necessária para os cards em resoluções mais baixas. */
	@media (min-height: 760px) {
		body.page-id-1398 #main {
			box-sizing: border-box;
			padding-block: clamp(0.75rem, 1.5vh, 1.25rem);
		}
	}

	body.page-id-1398 #main .ct-container-full,
	body.page-id-1398 #main article,
	body.page-id-1398 #main .entry-content {
		block-size: 100%;
		min-block-size: 0;
	}

	body.page-id-1398 .entry-content > .stk-0ca671a {
		block-size: 100% !important;
		min-block-size: 0 !important;
		max-block-size: none !important;
		overflow: hidden !important;
	}

	/* O Stackable renderiza as duas colunas externas dentro desta linha. Ela
	 * precisa ser vertical para o banner ficar acima da grade de três cards. */
	body.page-id-1398 .stk-0ca671a > .stk-0ca671a-column {
		display: flex !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		block-size: 100%;
		min-block-size: 0;
		gap: clamp(0.5rem, 1vw, 1rem);
	}

	/* O banner e a área de contato dividem o viewport sem usar uma área fixa
	 * de 80vh com barra de rolagem interna. */
	body.page-id-1398 .stk-a96121f {
		flex: 0 1 clamp(8rem, 24%, 11.5rem) !important;
		min-block-size: 0 !important;
	}

	body.page-id-1398 .stk-a96121f .stk-column-wrapper,
	body.page-id-1398 .stk-a96121f .stk-inner-blocks {
		block-size: 100%;
		min-block-size: 0;
	}

	body.page-id-1398 .stk-a96121f .stk-block-heading__text {
		font-size: clamp(1.55rem, 2.1vw, 2.45rem) !important;
		line-height: 1.02;
	}

	body.page-id-1398 .stk-a96121f .stk-block-text__text {
		font-size: clamp(0.78rem, 0.9vw, 0.98rem) !important;
		line-height: 1.35;
	}

	body.page-id-1398 .stk-1e77b45,
	body.page-id-1398 .stk-ae61603 {
		min-block-size: 0 !important;
	}

	body.page-id-1398 .stk-1e77b45 .stk-1e77b45-container,
	body.page-id-1398 .stk-1e77b45 .stk-1e77b45-inner-blocks,
	body.page-id-1398 .stk-ae61603 > .stk-ae61603-column {
		block-size: 100%;
		min-block-size: 0;
	}

	body.page-id-1398 .stk-1e77b45 .stk-1e77b45-container {
		margin-block: 0 !important;
	}

	body.page-id-1398 .stk-ae61603 {
		block-size: 100% !important;
		max-block-size: none !important;
		overflow: visible !important;
	}

	body.page-id-1398 .stk-a36af3e,
	body.page-id-1398 .stk-b7d4d9b,
	body.page-id-1398 .stk-2cec572 {
		padding-block: 0 !important;
	}

	body.page-id-1398 .stk-a36af3e,
	body.page-id-1398 .stk-b7d4d9b,
	body.page-id-1398 .stk-2cec572,
	body.page-id-1398 .stk-a36af3e .stk-column-wrapper,
	body.page-id-1398 .stk-b7d4d9b .stk-column-wrapper,
	body.page-id-1398 .stk-2cec572 .stk-column-wrapper {
		block-size: 100% !important;
		min-block-size: 0 !important;
		max-block-size: none !important;
	}

	body.page-id-1398 .stk-a36af3e .stk-column-wrapper,
	body.page-id-1398 .stk-b7d4d9b .stk-column-wrapper,
	body.page-id-1398 .stk-2cec572 .stk-column-wrapper {
		margin-block: 0 !important;
	}

	body.page-id-1398 .stk-a36af3e .stk-inner-blocks,
	body.page-id-1398 .stk-b7d4d9b .stk-inner-blocks,
	body.page-id-1398 .stk-2cec572 .stk-inner-blocks {
		box-sizing: border-box;
		block-size: 100%;
		min-block-size: 0;
		padding: clamp(0.65rem, 1vw, 1.1rem) !important;
	}

	/* Uma lista única, compacta e legível ocupa menos altura do que rótulos
	 * estreitos em duas colunas, que quebrariam uma letra por linha. */
	body.page-id-1398 .stk-a36af3e-inner-blocks {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr);
		align-content: start;
		gap: clamp(0.35rem, 0.65vw, 0.65rem);
	}

	body.page-id-1398 .stk-a36af3e-inner-blocks > .stk-3009d69,
	body.page-id-1398 .stk-a36af3e-inner-blocks > .stk-c2c92ef {
		grid-column: 1 / -1;
	}

	body.page-id-1398 .stk-a36af3e .stk-block-heading__text,
	body.page-id-1398 .stk-b7d4d9b .stk-block-heading__text {
		font-size: clamp(0.92rem, 1.1vw, 1.22rem) !important;
		line-height: 1.12;
	}

	body.page-id-1398 .stk-a36af3e .stk-block-text__text,
	body.page-id-1398 .stk-a36af3e .stk-block-icon-label,
	body.page-id-1398 .stk-2cec572 p,
	body.page-id-1398 .stk-2cec572 a {
		font-size: clamp(0.68rem, 0.76vw, 0.82rem) !important;
		line-height: 1.28;
	}

	/* O formulário mantém todos os campos e usa o espaço horizontal disponível
	 * antes de reduzir o espaçamento vertical. */
	body.page-id-1398 #wpforms-1400 {
		max-inline-size: none !important;
		margin: 0 !important;
	}

	body.page-id-1398 #wpforms-1400 .wpforms-field-container {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.45rem 0.65rem;
	}

	body.page-id-1398 #wpforms-1400 .wpforms-field {
		min-inline-size: 0;
		margin: 0 !important;
		padding: 0 !important;
	}

	body.page-id-1398 #wpforms-1400 #wpforms-1400-field_2-container,
	body.page-id-1398 #wpforms-1400 #wpforms-1400-field_3-container {
		grid-column: 1 / -1;
	}

	body.page-id-1398 #wpforms-1400 .wpforms-field-label,
	body.page-id-1398 #wpforms-1400 .wpforms-field-sublabel {
		font-size: 0.72rem !important;
		line-height: 1.15 !important;
	}

	body.page-id-1398 #wpforms-1400 input,
	body.page-id-1398 #wpforms-1400 textarea {
		min-block-size: 2.2rem !important;
		padding-block: 0.35rem !important;
		font-size: 0.82rem !important;
		line-height: 1.2 !important;
	}

	body.page-id-1398 #wpforms-1400 textarea {
		block-size: 3.9rem !important;
		min-block-size: 3.9rem !important;
	}

	body.page-id-1398 #wpforms-1400 .wpforms-submit-container {
		margin-block-start: 0.4rem !important;
	}

	body.page-id-1398 #wpforms-1400 button[type='submit'] {
		min-block-size: 2.25rem !important;
		padding-block: 0.35rem !important;
		font-size: 0.82rem !important;
	}
}

/* Tablet e celular: desfaz as alturas fixas gravadas nos blocos Stackable.
 * O conteúdo passa a crescer no fluxo normal da página, sem corte ou rolagem
 * dentro dos cards. */
@media (max-width: 781px) {
	body.page-id-1398 #main,
	body.page-id-1398 #main .ct-container-full,
	body.page-id-1398 #main article,
	body.page-id-1398 #main .entry-content,
	body.page-id-1398 .entry-content > .stk-0ca671a,
	body.page-id-1398 .stk-0ca671a > .stk-0ca671a-column,
	body.page-id-1398 .stk-a96121f,
	body.page-id-1398 .stk-1e77b45,
	body.page-id-1398 .stk-1e77b45 .stk-1e77b45-container,
	body.page-id-1398 .stk-1e77b45 .stk-1e77b45-inner-blocks,
	body.page-id-1398 .stk-ae61603,
	body.page-id-1398 .stk-ae61603 > .stk-ae61603-column,
	body.page-id-1398 .stk-a36af3e,
	body.page-id-1398 .stk-b7d4d9b,
	body.page-id-1398 .stk-2cec572,
	body.page-id-1398 .stk-a36af3e .stk-column-wrapper,
	body.page-id-1398 .stk-b7d4d9b .stk-column-wrapper,
	body.page-id-1398 .stk-2cec572 .stk-column-wrapper,
	body.page-id-1398 .stk-a36af3e .stk-inner-blocks,
	body.page-id-1398 .stk-b7d4d9b .stk-inner-blocks,
	body.page-id-1398 .stk-2cec572 .stk-inner-blocks {
		block-size: auto !important;
		min-block-size: 0 !important;
		max-block-size: none !important;
		overflow: visible !important;
	}

	body.page-id-1398 .stk-0ca671a > .stk-0ca671a-column {
		display: flex !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		gap: 1rem;
	}

	body.page-id-1398 .stk-a96121f,
	body.page-id-1398 .stk-1e77b45 {
		flex: 0 0 auto !important;
	}

	body.page-id-1398 .stk-a96121f {
		min-block-size: 10rem !important;
		padding: clamp(1rem, 3vw, 1.5rem) !important;
		background-position: right center !important;
		background-size: auto 100% !important;
	}

	body.page-id-1398 .stk-a96121f:before {
		background: linear-gradient(90deg, #f6f8fb 0%, #f6f8fb 48%, rgb(246 248 251 / 72%) 68%, rgb(246 248 251 / 8%) 100%) !important;
		opacity: 1 !important;
	}

	body.page-id-1398 .stk-a96121f .stk-block-heading__text {
		font-size: clamp(1.65rem, 5vw, 2.2rem) !important;
		line-height: 1.06;
	}

	body.page-id-1398 .stk-a96121f .stk-block-text__text {
		max-inline-size: 34rem;
		font-size: clamp(0.88rem, 2.2vw, 1rem) !important;
		line-height: 1.45;
	}

	body.page-id-1398 .stk-ae61603 > .stk-ae61603-column {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr);
		gap: 1rem;
	}

	body.page-id-1398 .stk-a36af3e,
	body.page-id-1398 .stk-b7d4d9b,
	body.page-id-1398 .stk-2cec572 {
		grid-column: auto !important;
		padding: 0 !important;
	}

	body.page-id-1398 .stk-a36af3e .stk-column-wrapper,
	body.page-id-1398 .stk-b7d4d9b .stk-column-wrapper,
	body.page-id-1398 .stk-2cec572 .stk-column-wrapper {
		margin: 0 !important;
	}

	body.page-id-1398 .stk-a36af3e .stk-inner-blocks,
	body.page-id-1398 .stk-b7d4d9b .stk-inner-blocks,
	body.page-id-1398 .stk-2cec572 .stk-inner-blocks {
		box-sizing: border-box;
		padding: clamp(1rem, 3vw, 1.5rem) !important;
	}

	body.page-id-1398 .stk-a36af3e-inner-blocks {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.9rem 1rem;
	}

	body.page-id-1398 .stk-a36af3e-inner-blocks > .stk-3009d69,
	body.page-id-1398 .stk-a36af3e-inner-blocks > .stk-c2c92ef {
		grid-column: 1 / -1;
	}

	body.page-id-1398 #wpforms-1400 {
		max-inline-size: none !important;
		margin: 0 !important;
	}

	body.page-id-1398 #wpforms-1400 .wpforms-field-container {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.9rem 1rem;
	}

	body.page-id-1398 #wpforms-1400 .wpforms-field {
		min-inline-size: 0;
		margin: 0 !important;
		padding: 0 !important;
	}

	body.page-id-1398 #wpforms-1400 #wpforms-1400-field_2-container,
	body.page-id-1398 #wpforms-1400 #wpforms-1400-field_3-container {
		grid-column: 1 / -1;
	}
}

/* No celular, a largura reduzida exige uma única coluna e campos amplos para
 * toque, leitura e preenchimento sem aproximação da tela. */
@media (max-width: 599px) {
	body.page-id-1398 .stk-a96121f {
		min-block-size: 12rem !important;
		background-size: auto 100% !important;
	}

	body.page-id-1398 .stk-ae61603 > .stk-ae61603-column {
		gap: 0.85rem;
	}

	body.page-id-1398 .stk-a36af3e-inner-blocks,
	body.page-id-1398 #wpforms-1400 .wpforms-field-container {
		grid-template-columns: minmax(0, 1fr);
	}

	body.page-id-1398 #wpforms-1400 #wpforms-1400-field_2-container,
	body.page-id-1398 #wpforms-1400 #wpforms-1400-field_3-container {
		grid-column: auto;
	}

	body.page-id-1398 #wpforms-1400 input,
	body.page-id-1398 #wpforms-1400 textarea,
	body.page-id-1398 #wpforms-1400 button[type='submit'] {
		font-size: 1rem !important;
	}

	body.page-id-1398 #wpforms-1400 input,
	body.page-id-1398 #wpforms-1400 button[type='submit'] {
		min-block-size: 2.75rem !important;
	}

	body.page-id-1398 #wpforms-1400 textarea {
		min-block-size: 8rem !important;
	}
}

.unesp-footer-drawer {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1500;
	max-height: min(46dvh, 28rem);
	padding: 0.75rem max(0.75rem, env(safe-area-inset-right)) max(0.75rem, env(safe-area-inset-bottom)) max(0.75rem, env(safe-area-inset-left));
	background: #ffffff;
	box-shadow: 0 -0.75rem 2rem rgb(16 47 102 / 18%);
	transform: translateY(105%);
	transition: transform 220ms ease;
	visibility: hidden;
}

.unesp-footer-drawer.is-open {
	transform: none;
	visibility: visible;
}

.unesp-footer-drawer #footer {
	max-height: calc(min(46dvh, 28rem) - 1.5rem);
	overflow: auto;
}

.unesp-footer-toggle {
	position: fixed;
	right: max(0.75rem, env(safe-area-inset-right));
	bottom: max(0.65rem, env(safe-area-inset-bottom));
	z-index: 1501;
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	min-height: 2rem;
	padding: 0.35rem 0.65rem;
	border: 1px solid rgb(0 85 164 / 28%);
	border-radius: 999px;
	background: rgb(255 255 255 / 92%);
	box-shadow: 0 0.35rem 1rem rgb(16 47 102 / 14%);
	color: var(--unesp-blue);
	font: inherit;
	font-size: 0.76rem;
	font-weight: 700;
	cursor: pointer;
}

.unesp-footer-drawer.is-open + .unesp-footer-toggle {
	bottom: min(46dvh, 28rem);
}

@media (max-width: 781px) {
	.unesp-footer-toggle span:last-child {
		display: none;
	}

	.unesp-footer-toggle {
		width: 2.25rem;
		justify-content: center;
		padding: 0.35rem;
	}
}
