*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img,
picture,
video,
svg {
	display: block;
	max-width: 100%;
	height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
	overflow-wrap: break-word;
}

p {
	overflow-wrap: break-word;
}

a {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s ease;
}

a:hover,
a:focus-visible {
	color: var(--wp--preset--color--gray-medium);
}

.section-title {
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--wp--preset--color--black);
	margin: 0;
}

:focus-visible {
	outline: 2px solid var(--wp--preset--color--black);
	outline-offset: 2px;
}

.wp-site-blocks > * + * {
	margin-top: var(--wp--preset--spacing--80);
}

.wp-site-blocks > header,
.wp-site-blocks > footer,
.wp-site-blocks > header + *,
.wp-site-blocks > .wp-block-sinapsis-usach-hero-desafio,
.wp-site-blocks > .wp-block-sinapsis-usach-logo-bar,
.wp-site-blocks > .wp-block-sinapsis-usach-stats-grid,
.wp-site-blocks > .wp-block-sinapsis-usach-text-image-split,
.wp-site-blocks > .wp-block-sinapsis-usach-video-youtube,
.wp-site-blocks > .wp-block-sinapsis-usach-card-links {
	margin-top: 0;
}

.alignfull {
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.alignwide {
	max-width: var(--wp--style--global--wide-size);
	margin-left: auto;
	margin-right: auto;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}

:root {
	--above-fold-offset: 8rem;
}

@media (min-width: 768px) {
	:root {
		--above-fold-offset: 10rem;
	}
}

body.home .wp-block-sinapsis-usach-hero-desafio {
	margin-top: var(--wp--preset--spacing--30);
}

.reveal-section {
	opacity: 0;
	transform: translateY(2.5rem);
	transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1),
		transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.reveal-section.is-revealed {
	opacity: 1;
	transform: translateY(0);
}

.reveal-child {
	opacity: 0;
	transform: translateY(1.5rem);
	transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1),
		transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.reveal-section.is-revealed .reveal-child {
	opacity: 1;
	transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	.reveal-section,
	.reveal-child {
		opacity: 1;
		transform: none;
		transition: none;
	}

	*,
	*::before,
	*::after {
		transition-duration: 0.01ms;
		animation-duration: 0.01ms;
	}
}

.seccion-que-es {
	max-width: var(--wp--style--global--wide-size);
	margin-inline: auto;
}

.wp-site-blocks img,
.wp-site-blocks video {
	filter: grayscale(50%);
	transition: filter 0.4s ease;
}

.wp-site-blocks img:hover,
.wp-site-blocks a:hover img,
.wp-site-blocks a:focus img,
.wp-site-blocks .is-playing video {
	filter: grayscale(0%);
}

.wp-site-blocks img.ods-icon,
.wp-site-blocks img.hero-desafio__ods-icon,
.wp-site-blocks img.caso-exito-hero__img,
.wp-site-blocks img.hero-desafio__image,
.wp-site-blocks img.desafio-hero__image,
.desafios-archive img,
.site-header img,
.site-footer img {
	filter: none;
	transition: none;
}

.wp-site-blocks .logo-bar__track img {
	filter: grayscale(100%);
}

.video-youtube__wrapper,
.caso-exito-video__wrapper {
	position: relative;
}

.video-youtube__wrapper::after,
.caso-exito-video__wrapper::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		to bottom,
		color-mix(in srgb, var(--wp--preset--color--black) 70%, transparent),
		color-mix(in srgb, var(--wp--preset--color--black) 85%, transparent)
	);
	pointer-events: none;
	z-index: 1;
	transition: opacity 0.5s ease;
}

.video-youtube__wrapper:hover::after,
.caso-exito-video__wrapper:hover::after {
	opacity: 0.3;
}

.video-youtube__wrapper:hover .video-youtube__thumbnail,
.caso-exito-video__wrapper:hover .caso-exito-video__thumbnail {
	filter: grayscale(0%);
}

.video-youtube__wrapper.is-playing::after,
.caso-exito-video__wrapper.is-playing::after {
	display: none;
}

body.is-estado-cerrado .wp-site-blocks {
	filter: grayscale(100%);
}

.site-header {
	position: relative;
}

.site-header .header-logos {
	position: relative;
	z-index: 2;
}

.site-header .wp-block-navigation a {
	color: var(--wp--preset--color--black);
	text-decoration: none;
	font-weight: 700;
	transition: color 0.2s ease;
}

.site-header .wp-block-navigation a:hover,
.site-header .wp-block-navigation a:focus-visible {
	color: var(--wp--preset--color--gray-medium);
}

.site-header .wp-block-navigation {
	position: relative;
	z-index: 2;
	gap: var(--wp--preset--spacing--40);
}

.site-header > .wp-block-group {
	position: relative;
}

@media (min-width: 768px) {
	.site-header .header-logos {
		background-color: var(--wp--preset--color--white);
		padding-right: var(--wp--preset--spacing--20);
	}

	.site-header .wp-block-navigation {
		background-color: var(--wp--preset--color--white);
		padding-left: var(--wp--preset--spacing--20);
		padding-right: var(--wp--preset--spacing--20);
	}

	.site-header > .wp-block-group {
		background-image: linear-gradient(
			var(--wp--preset--color--black),
			var(--wp--preset--color--black)
		);
		background-size: 100% 1px;
		background-repeat: no-repeat;
		background-position: 0 85%;
	}

	.site-header > .wp-block-group::before {
		content: "";
		position: absolute;
		right: 0;
		top: 85%;
		transform: translateY(-50%);
		width: 10px;
		height: 10px;
		background-color: var(--wp--preset--color--black);
		border-radius: 50%;
		z-index: 3;
	}
}