/* (min-width: 1024px) */
:root {
	--figure: 5rem;
	--h1: 3.3333333333rem; /* 100pt */
	--h2: 2.6666666667rem; /* 80pt */
	--h3: 1.6666666667rem; /* 50pt */
	--h4: 1.3333333333rem; /* 40pt */
	--radius: 1.3333333333rem; /* 40px */;
	--text: 1rem; /* 30pt, Body Text 1, */
	--date-large: 2.3333333333rem; /* 70pt */
	--figure-large: 11rem;
	--radius-large: var(--radius);

	--text-large: 1.1666666667rem; /* 35pt, Body Text 1, Buttons */
	--size-root: clamp(1rem, 0.6923rem + 0.4808vw, 1.125rem); /* 24px */
	--size-root: clamp(1.0625rem, 0.7548rem + 0.4808vw, 1.1875rem);
	--size-root: clamp(1rem, 0.5385rem + 0.7212vw, 1.1875rem);
	--max-vx: 80rem;
	--max-vx: 78.0487804878rem;
	--max-vx: 75.905rem;
	--pad-vx: clamp(3rem, -0.6923rem + 5.7692vw, 4.5rem);

	--pad-vx: clamp(3rem, -2.5385rem + 8.6538vw, 4rem);
	--gap-y: 4rem;
}

.mobile-menu {
	display: none !important;
}

.hero-container {
	min-height: 30rem;
}

.post-nav .icon {
	font-size: 5.2rem;
}

.dialog-content {
	padding: var(--gap-x);
}

body[data-bg="navy-1"] {
	background-position: calc(50% + 18rem) -23.95rem;
	background-size: 220rem;
}

body[data-bg="ochre-1"] {
	background-position: calc(50% + 10.3333rem) -20.5rem;
	background-size: 207.75rem;
}

body[data-bg="navy-2"],
body[data-bg="pink-1"],
body[data-bg="lemon-1"],
body[data-bg="ochre-2"] {
	background-position: calc(50% + -6rem) -17.95rem;
	background-size: 198.5rem;
}

body[data-bg="ochre-2"] {
	background-position: calc(50% + -6rem) -17.95rem;
}

.button-group:not(:first-child) {
	margin-top: var(--margin-xl);
}

.single-article .button-group:not(:first-child) {
	margin-top: var(--margin-xxl);
}

.hide-m-flex {
	display: flex;
}

/*.only-m-flex {
	display: none !important;
}*/


.footer-row {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.footer-row-1 {
	justify-content: space-between;
}

.footer-links {
	display: flex;
	overflow: visible;
	align-items: center;
	flex-shrink: 0;
	gap: .25rem;
}


.footer-links.p-links {
	gap: .5rem;
}

.footer-links.s-links {
	gap: 0;
}

.footer-item,
.menu .footer-item {
	margin-top: -1rem;
	margin-bottom: -1rem;
	padding: 1rem 0.75rem;
}

.footer-item.eu-link {
	padding-top: .833rem;
	padding-bottom: .833rem;
}

.go-up {
	display: flex;
	align-items: center;
	margin-right: -.75rem;
	gap: 0.5rem;
}

.p-links > .footer-item:first-child {
	margin-left: -.75rem;
}

/*--------------------------------------------------------------
# Images
--------------------------------------------------------------*/

[data-image-scaling="fluid"] .article-image img,
[data-image-scaling="fluid"] .article-image figure {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	aspect-ratio: auto;
	object-fit: cover;
}

.grid-article .article-image figure,
.grid-article .article-image > img {
	position: sticky;
	top: var(--margin-xxl);
}

.grid-article .article-image figure:has(img.exceeds-ar),
.grid-article .article-image > img.exceeds-ar {
	position: static;
}


[data-image-scaling="fluid"] .article-image figure img {
	position: relative;
	flex-shrink: 1;
	min-height: 0;
}

[data-image-scaling="ratio"] .article-image img {
	height: auto;
	aspect-ratio: 16/9;
	object-fit: cover;
}

[data-image-scaling="auto"] .article-image img {
	height: auto;
	aspect-ratio: auto;
}


/* (Switch to lower font size increase) */
@media screen and (min-width: 90rem) {
	:root {
		--size-root: clamp(1.125rem, 0.75rem + 0.4166667vw, 1.375rem);
		--size-root: clamp(1.1875rem, 0.9063rem + 0.3125vw, 1.375rem);
		--pad-vx: 4rem;
	}
}

/* (For Ultrawide Screens) */
@media screen and (min-width: 90rem) and (min-aspect-ratio: 2/1) {
	:root {
		--size-root: clamp(1.125rem, 0.75rem + 0.8333334vh, 1.375rem);
		--size-root: clamp(1.1875rem, 0.9063rem + 0.6250vh, 1.375rem);
	}
}


.grid-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-4 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-figures-3 {
	column-gap: var(--gap-x-small);
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

[data-placement-desktop="left"] .placement-target {
	order: 2;
}

[data-placement-text="right"] .placement-target {
	grid-column: 2;
}

[data-placement-desktop="right"] .article-image figcaption,
.grid-article .article-image figcaption {
	text-align: left;
}

.image-column {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.image-column .article-image {
	flex-grow: 1;
}

@media screen and (min-width: 78rem) {
	.grid-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media screen and (max-width: 68rem) {
	html[lang="es-ES"] .footer-links.menu {
		gap: 0;
	}
}