/*
Theme Name: UAR Atletismo
Author: UAR
Description: Tema de bloques contemporaneo para un club de atletismo. Incluye portada, disciplinas, calendario, noticias, resultados y captacion de socios.
Requires at least: 6.6
Tested up to: 7.0
Requires PHP: 8.1
Version: 1.6.29
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: uar-athletics
Tags: full-site-editing, block-patterns, custom-colors, custom-logo, editor-style, accessibility-ready, news, portfolio
*/

@font-face {
	font-display: swap;
	font-family: "UAR Roboto Condensed";
	font-style: normal;
	font-weight: 900;
	src: url("assets/fonts/roboto-condensed-900.ttf") format("truetype");
}

:root :where(.wp-site-blocks) > *,
:root :where(.is-layout-flow) > *,
:root :where(.is-layout-flow) > :first-child,
:root :where(.wp-block-post-content-is-layout-flow) > * {
	margin-block-start: 0 !important;
}

:root {
	--uar-ink: #061b52;
	--uar-ink-soft: #0b377f;
	--uar-accent: #e31d34;
	--uar-accent-bright: #f0192d;
	--uar-focus: #2368c4;
	--uar-paper: #f4f7fb;
	--uar-white: #ffffff;
	--uar-line: rgba(6, 27, 82, 0.14);
	--uar-muted: #5b6680;
	--uar-radius-sm: 12px;
	--uar-radius-md: 22px;
	--uar-radius-lg: 34px;
	--uar-shadow: 0 24px 70px rgba(6, 27, 82, 0.14);
	--uar-ease: cubic-bezier(.2, .75, .2, 1);
}

html {
	overflow-x: clip;
	scroll-behavior: smooth;
}

body {
	max-width: 100%;
	overflow-x: hidden;
}

::selection {
	background: var(--uar-accent);
	color: var(--uar-white);
}

/* Compatibilidad con contenido creado en la primera iteración del tema. */
.has-lime-color {
	color: var(--uar-accent-bright) !important;
}

.has-lime-background-color {
	background-color: var(--uar-accent) !important;
}

a,
button,
input,
textarea,
select {
	transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s var(--uar-ease), box-shadow .2s ease;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
	outline: 3px solid var(--uar-focus);
	outline-offset: 4px;
}

.uar-skip-link {
	background: var(--uar-accent);
	color: var(--uar-white);
	font-weight: 800;
	left: 1rem;
	padding: .75rem 1rem;
	position: fixed;
	top: -100px;
	z-index: 99999;
}

.uar-skip-link:focus {
	top: 1rem;
}

.uar-site-header {
	backdrop-filter: blur(18px);
	background: rgba(255, 255, 255, .94);
	border-bottom: 1px solid rgba(6, 27, 82, .12);
	position: sticky;
	top: 0;
	z-index: 1000;
}

.uar-site-header.is-scrolled {
	box-shadow: 0 12px 40px rgba(2, 7, 14, .22);
}

.uar-header-inner {
	min-height: 88px;
}

.uar-brand-logo-link {
	display: inline-flex;
	height: 72px;
	width: clamp(160px, 15vw, 210px);
}

.uar-brand-logo {
	background: url('assets/brand/logo-uar-concept-tight.png') center / contain no-repeat;
	display: block;
	height: 100%;
	width: 100%;
}

.uar-site-header .wp-block-navigation-item__content {
	font-size: .78rem;
	font-weight: 800;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.uar-site-header .wp-block-navigation-item__content:hover {
	color: var(--uar-accent);
}

.uar-site-header .wp-block-navigation__submenu-icon {
	height: .7em;
	margin-left: .35rem;
	width: .7em;
}

.uar-site-header .wp-block-navigation__submenu-container {
	background: var(--uar-white) !important;
	border: 1px solid var(--uar-line) !important;
	border-radius: 0 0 var(--uar-radius-sm) var(--uar-radius-sm);
	box-shadow: 0 22px 48px rgba(6, 27, 82, .18);
	min-width: 250px !important;
	overflow: hidden;
	padding: .5rem !important;
}

.uar-site-header .wp-block-navigation__submenu-container .wp-block-navigation-item {
	background: transparent;
	border-radius: 8px;
	width: 100%;
}

.uar-site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	color: var(--uar-ink) !important;
	font-size: .72rem;
	line-height: 1.25;
	padding: .85rem .9rem;
	width: 100%;
}

.uar-site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
.uar-site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus-visible {
	background: var(--uar-paper);
	color: var(--uar-accent) !important;
}

.uar-site-header .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--uar-ink) !important;
	box-sizing: border-box;
	color: var(--uar-white) !important;
	height: 100vh;
	height: 100dvh;
	inset: 0;
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	padding: max(1.5rem, env(safe-area-inset-top)) max(1.5rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(1.5rem, env(safe-area-inset-left));
	width: 100%;
}

.uar-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	box-sizing: border-box;
	min-height: 100%;
	padding-top: .75rem !important;
	width: 100%;
}

.uar-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	align-items: flex-start;
	gap: 1.1rem;
	margin-top: 1.25rem;
}

.uar-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	-webkit-tap-highlight-color: rgba(227, 29, 52, .28);
	background-color: transparent !important;
	border-radius: 8px;
	color: var(--uar-white) !important;
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(1.8rem, 8vw, 3rem);
	letter-spacing: -.03em;
}

.uar-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:active {
	background-color: rgba(227, 29, 52, .2) !important;
	color: var(--uar-white) !important;
}

.uar-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:focus:not(:focus-visible) {
	background-color: transparent !important;
	color: var(--uar-white) !important;
	outline: 0;
}

.wp-block-button__link {
	align-items: center;
	display: inline-flex;
	gap: .55rem;
	justify-content: center;
}

.wp-block-button__link:hover {
	box-shadow: 0 12px 28px rgba(6, 27, 82, .18);
	transform: translateY(-2px);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: var(--uar-ink);
	border-color: var(--uar-ink);
	color: var(--uar-white);
}

.uar-header-cta .wp-block-button__link {
	background: var(--uar-accent);
	color: var(--uar-white);
	padding: .75rem 1.1rem;
	white-space: nowrap;
}

.uar-calendar { margin: 2rem auto 0; max-width: 1280px; }
.uar-calendar-filters { display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 1.5rem; }
.uar-calendar-filters label { color: var(--uar-ink); display: grid; font-size: .76rem; font-weight: 850; gap: .45rem; letter-spacing: .07em; text-transform: uppercase; }
.uar-calendar-filters input, .uar-calendar-filters select { background: var(--uar-white); border: 1px solid var(--uar-line); border-radius: 10px; color: var(--uar-ink); font: inherit; padding: .8rem 1rem; text-transform: none; }
.uar-event-row { text-decoration: none; }
.uar-event-row:hover { background: rgba(255,255,255,.1); transform: translateX(4px); }
.uar-calendar .uar-event-row { background: var(--uar-white); color: var(--uar-ink); }
.uar-calendar .uar-event-title, .uar-calendar .uar-event-meta { color: var(--uar-ink); }
.uar-calendar .uar-event-tag { border-color: var(--uar-ink); color: var(--uar-ink); }
.uar-calendar-empty { color: var(--uar-muted); padding: 1rem 0; }
.uar-event-detail-meta { color: var(--uar-white); font-weight: 700; }
.uar-event-detail { padding-bottom: 5rem; padding-top: 3rem; }
.uar-event-lead { font-size: clamp(1.25rem, 2vw, 1.6rem); line-height: 1.45; max-width: 720px; }
.uar-event-gallery { display: grid; gap: 1rem; grid-template-columns: repeat(3, 1fr); }
.uar-event-gallery button { background: none; border: 0; cursor: zoom-in; overflow: hidden; padding: 0; }
.uar-event-gallery img { aspect-ratio: 4/3; display: block; object-fit: cover; transition: transform .3s var(--uar-ease); width: 100%; }
.uar-event-gallery button:hover img { transform: scale(1.05); }
.uar-event-journey { display: grid; gap: .75rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.uar-event-journey-link { border: 1px solid rgba(6, 27, 82, .14); color: var(--uar-ink); display: flex; flex-direction: column; gap: .22rem; min-height: 5.8rem; padding: 1rem 1.1rem; text-decoration: none; transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s var(--uar-ease); }
.uar-event-journey-link span { color: var(--uar-accent); font-family: "Roboto Condensed", Arial, sans-serif; font-size: .72rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.uar-event-journey-link strong { font-family: "Roboto Condensed", Arial, sans-serif; font-size: clamp(1.05rem, 1.7vw, 1.35rem); line-height: 1.05; }
.uar-event-journey-link.is-next { text-align: right; }
.uar-event-journey-link:hover { background: var(--uar-white); border-color: var(--uar-accent); box-shadow: 0 12px 28px rgba(6, 27, 82, .12); transform: translateY(-3px); }
.uar-event-journey--hero { margin-bottom: clamp(2rem, 4vw, 3.5rem); }
.uar-event-journey--hero .uar-event-journey-link { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .35); color: var(--uar-white); min-height: 0; padding: .7rem .9rem; }
.uar-event-journey--hero .uar-event-journey-link span { color: var(--uar-lime); }
.uar-event-journey--hero .uar-event-journey-link:hover { background: rgba(255, 255, 255, .2); border-color: var(--uar-lime); box-shadow: none; }
.uar-event-journey--footer { margin-top: clamp(2.5rem, 5vw, 4rem); }
.uar-event-journey--footer .uar-event-journey-link { min-height: 0; padding-block: .75rem; }
.uar-inscription-shell { background: var(--uar-paper); padding-block: clamp(3rem, 7vw, 6rem); }
.uar-inscription-page { margin-inline: auto; max-width: 760px; }
.uar-inscription-page > h2 { font-size: clamp(2rem, 4vw, 3.4rem); letter-spacing: -.045em; line-height: .98; margin: .55rem 0 1rem; }
.uar-inscription-page > p:not(.uar-eyebrow) { color: var(--uar-muted); font-size: 1.08rem; line-height: 1.65; margin-bottom: 2.25rem; max-width: 62ch; }
.uar-inscription-page .wpforms-container { background: var(--uar-white); border: 1px solid var(--uar-line); box-shadow: 0 18px 45px rgba(6, 27, 82, .08); padding: clamp(1.25rem, 3vw, 2.25rem); }
.uar-inscription-page .wpforms-field-label { color: var(--uar-ink); font-family: "Roboto Condensed", Arial, sans-serif; font-weight: 800; }
.uar-inscription-page .wpforms-submit { background: var(--uar-accent) !important; border-radius: 0 !important; font-family: "Roboto Condensed", Arial, sans-serif; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.uar-lightbox { background: transparent; border: 0; max-height: 100vh; max-width: min(96vw, 1100px); padding: 0; width: 100%; }
.uar-lightbox::backdrop { background: rgba(0,0,0,.88); }
.uar-lightbox img { display: block; max-height: 86vh; max-width: 100%; object-fit: contain; width: 100%; }
.uar-lightbox button { background: rgba(6,27,82,.9); border: 0; border-radius: 999px; color: #fff; cursor: pointer; font-size: 2rem; height: 3rem; position: absolute; width: 3rem; }
.uar-lightbox-close { right: .5rem; top: .5rem; }.uar-lightbox-prev { left: .5rem; top: 50%; }.uar-lightbox-next { right: .5rem; top: 50%; }
@media (max-width: 640px) { .uar-calendar-filters, .uar-event-journey { grid-template-columns: 1fr; } .uar-event-gallery { grid-template-columns: 1fr; } .uar-event-journey-link.is-next { text-align: left; } }

.uar-language-switcher,
.uar-language-switcher ul {
	margin: 0;
}

.uar-language-switcher ul {
	align-items: center;
	display: flex;
	gap: .35rem;
	list-style: none;
	padding: 0;
}

.uar-language-link {
	align-items: center;
	border: 1px solid rgba(6, 27, 82, .16);
	border-radius: 999px;
	color: var(--uar-ink);
	display: inline-flex;
	font-size: .68rem;
	font-weight: 850;
	gap: .35rem;
	letter-spacing: .08em;
	line-height: 1;
	padding: .42rem .55rem;
	text-decoration: none;
}

.uar-language-link img {
	border-radius: 1px;
	display: block;
	height: 12px;
	object-fit: cover;
	width: 18px;
}

.uar-language-link:hover,
.uar-language-link:focus-visible,
.uar-language-link.is-current {
	background: var(--uar-ink);
	border-color: var(--uar-ink);
	color: var(--uar-white);
}

.uar-hero {
	background:
		radial-gradient(circle at 82% 45%, rgba(37, 71, 145, .38), transparent 34%),
		linear-gradient(115deg, #061b52 0%, #071c4c 54%, #0b2865 100%);
	min-height: clamp(680px, 87vh, 900px);
	overflow: hidden;
}

.uar-hero-content {
	align-items: start;
	box-sizing: border-box;
	display: grid;
	gap: 0;
	grid-template-columns: minmax(0, 660px) minmax(0, 1fr);
	margin-inline: auto !important;
	max-width: 1280px !important;
	min-height: clamp(680px, 87vh, 900px);
	padding-bottom: clamp(3.5rem, 7vw, 3rem);
	padding-top: clamp(5rem, 5vw, 8rem);
	width: calc(100% - clamp(2rem, 6vw, 4rem)) !important;
}

.uar-hero-copy-column {
	min-width: 0;
}

.uar-hero-carousel {
	align-self: start;
	position: relative;
	width: 100%;
}

.uar-hero-slides {
	height: clamp(620px, 82vh, 820px);
	position: relative;
	width: 100%;
}

.uar-hero-slide {
	display: grid;
	inset: 0;
	margin: 0;
	opacity: 0;
	place-items: start center;
	pointer-events: none;
	position: absolute;
	transform: translateX(2rem);
	transition: opacity .65s ease, transform .65s ease;
}

.uar-hero-slide.is-active {
	opacity: 1;
	pointer-events: auto;
	transform: translateX(0);
	z-index: 1;
}

.uar-hero-slide img {
	display: block;
	height: auto;
	max-height: clamp(620px, 82vh, 820px);
	max-width: 100%;
	object-fit: contain;
	object-position: center;
	width: auto;
}

.uar-hero-carousel-controls {
	align-items: center;
	bottom: 1rem;
	display: flex;
	gap: .75rem;
	justify-content: center;
	position: absolute;
	right: 1rem;
	z-index: 3;
}

.uar-hero-carousel-controls > button {
	align-items: center;
	background: rgba(255, 255, 255, .94);
	border: 0;
	border-radius: 50%;
	color: var(--uar-ink);
	cursor: pointer;
	display: flex;
	font-size: 1.45rem;
	height: 2.5rem;
	justify-content: center;
	line-height: 1;
	width: 2.5rem;
}

.uar-hero-carousel-dots {
	display: flex;
	gap: .45rem;
}

.uar-hero-carousel-dots button {
	background: rgba(255, 255, 255, .48);
	border: 0;
	border-radius: 999px;
	cursor: pointer;
	height: .5rem;
	padding: 0;
	transition: background .2s ease, width .2s ease;
	width: .5rem;
}

.uar-hero-carousel-dots button.is-active {
	background: var(--uar-accent-bright);
	width: 1.5rem;
}

.uar-eyebrow {
	align-items: center;
	display: flex;
	font-size: .74rem;
	font-weight: 850;
	gap: .65rem;
	letter-spacing: .16em;
	text-transform: uppercase;
}

.uar-eyebrow::before {
	background: currentColor;
	content: "";
	height: 2px;
	width: 34px;
}

/* Etiquetas de acento sobre superficies oscuras. */
.uar-hero .uar-eyebrow,
.uar-ficha-hero .uar-eyebrow,
.uar-page-hero .uar-eyebrow,
.uar-events-section .uar-eyebrow,
.uar-discipline-card.is-dark .uar-card-index,
.uar-pricing-card.is-featured .uar-pricing-card-head > span,
.uar-discounts .uar-eyebrow {
	background: rgba(255, 255, 255, .92);
	border: 1px solid rgba(255, 255, 255, .7);
	border-radius: 999px;
	box-shadow: 0 6px 18px rgba(2, 7, 14, .12);
	color: var(--uar-accent) !important;
	display: inline-flex;
	padding: .38rem .7rem;
	width: fit-content;
}

.uar-events-section .uar-event-date {
	background: rgba(255, 255, 255, .92);
	border-radius: 10px;
	box-shadow: 0 6px 18px rgba(2, 7, 14, .12);
	color: var(--uar-accent) !important;
	display: inline-block;
	font-size: 1.65rem;
	line-height: 1;
	padding: .22rem .5rem;
}

.uar-hero-title {
	font-size: clamp(3.75rem, 7.75vw, 6.75rem) !important;
	letter-spacing: -.07em;
	line-height: 1 !important;
	margin-bottom: 1.75rem;
	margin-top: 1.5rem;
	max-width: 7.5ch;
	text-wrap: balance;
}

.uar-hero-title mark {
	color: var(--uar-accent-bright);
}

.uar-hero-copy {
	font-size: clamp(1.05rem, 1.5vw, 1.28rem);
	line-height: 1.55;
	max-width: 540px;
}

.uar-hero-actions {
	margin-top: 2rem;
}

.uar-hero-note {
	align-items: center;
	color: var(--uar-white);
	display: flex;
	font-size: .82rem;
	font-weight: 700;
	gap: .55rem;
	margin-top: 2.25rem;
}

.uar-pulse {
	background: var(--uar-accent-bright);
	border: 4px solid rgba(240, 25, 45, .2);
	border-radius: 50%;
	box-sizing: content-box;
	height: 8px;
	width: 8px;
}

.uar-stats-band {
	background: var(--uar-accent);
	color: var(--uar-white);
	position: relative;
}

.uar-stats-grid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-inline: auto !important;
	max-width: 1280px !important;
	width: 100% !important;
}

.uar-stat {
	align-content: center;
	align-items: center;
	border-right: 1px solid rgba(255, 255, 255, .28);
	display: grid !important;
	grid-template-rows: clamp(3rem, 6vw, 4.5rem) auto;
	justify-items: center;
	min-width: 0;
	padding: 2rem clamp(1rem, 3vw, 2.5rem);
	text-align: center;
}

.uar-stat > * {
	margin-block-end: 0 !important;
	margin-block-start: 0 !important;
}

.uar-stat:last-child {
	border-right: 0;
}

.uar-stat-value {
	align-items: center;
	display: flex;
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(2.6rem, 5vw, 4.5rem);
	font-weight: 900;
	justify-content: center;
	letter-spacing: -.06em;
	line-height: .9;
	margin: 0;
	width: 100%;
}

.uar-stat-label {
	font-size: .72rem;
	font-weight: 850;
	letter-spacing: .12em;
	margin: .55rem 0 0 !important;
	text-transform: uppercase;
}

.uar-section {
	padding-bottom: clamp(4.5rem, 9vw, 8rem);
	padding-top: clamp(4.5rem, 9vw, 8rem);
}

.uar-section-heading {
	align-items: end;
	display: grid !important;
	gap: 2rem;
	grid-template-columns: minmax(0, 1.5fr) minmax(280px, .7fr);
	margin-bottom: clamp(2.5rem, 5vw, 4.5rem);
}

.uar-section-title {
	font-size: clamp(3.2rem, 7vw, 6.8rem) !important;
	letter-spacing: -.065em;
	line-height: .86 !important;
	max-width: 10ch;
	text-wrap: balance;
}

#disciplinas .uar-section-title,
#noticias .uar-section-title {
	font-size: clamp(3rem, 6.4vw, 6.2rem) !important;
	line-height: .94 !important;
}

#noticias .uar-section-title {
	max-width: none !important;
	width: 100% !important;
}

.uar-section-intro {
	color: var(--uar-muted);
	font-size: 1.05rem;
	line-height: 1.65;
}

.uar-discipline-grid {
	display: grid !important;
	gap: 1rem;
	grid-template-columns: repeat(12, minmax(0, 1fr));
}

.uar-discipline-card {
	background: var(--uar-white);
	border: 0 solid var(--uar-line);
	border-radius: var(--uar-radius-md);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	grid-column: span 4;
	justify-content: space-between;
	min-height: 330px;
	overflow: hidden;
	padding: clamp(1.5rem, 3vw, 2.2rem);
	position: relative;
}

.uar-discipline-card:first-child,
.uar-discipline-card:nth-child(4) {
	grid-column: span 8;
}

.uar-discipline-card:nth-child(5) {
	grid-column: 1 / -1;
	min-height: 300px;
}

.uar-discipline-card::after {
	background: linear-gradient(135deg, transparent 0 45%, rgba(240, 25, 45, .38) 45% 52%, transparent 52% 100%);
	content: none;
	height: 180px;
	opacity: 0;
	position: absolute;
	right: -30px;
	top: -30px;
	transform: translate(25px, -25px);
	transition: opacity .35s ease, transform .45s var(--uar-ease);
	width: 180px;
}

.uar-discipline-card:hover {
	border-color: var(--uar-ink);
	box-shadow: var(--uar-shadow);
	transform: translateY(-6px);
}

.uar-discipline-card:hover::after {
	opacity: 1;
	transform: translate(0, 0);
}

.uar-discipline-card.is-dark {
	background: var(--uar-ink);
	border-color: var(--uar-ink);
	color: var(--uar-white);
}

.uar-discipline-grid > .uar-discipline-card:first-child {
	background-image:
		linear-gradient(90deg, rgba(6, 27, 82, .97) 0%, rgba(6, 27, 82, .88) 48%, rgba(6, 27, 82, .38) 100%),
		url("assets/images/velocitat-atleta-uar.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.uar-discipline-grid > .uar-discipline-card:nth-child(2) {
	background-image:
		linear-gradient(90deg, rgba(255, 255, 255, .82) 0%, rgba(255, 255, 255, .72) 52%, rgba(255, 255, 255, .32) 72%, rgba(255, 255, 255, .06) 100%),
		url("assets/images/fons-corredora-gos-uar.png");
	background-position: 74% center;
	background-repeat: no-repeat;
	background-size: cover;
}

.uar-discipline-grid > .uar-discipline-card:nth-child(4) {
	background-image:
		linear-gradient(90deg, rgba(255, 255, 255, .82) 0%, rgba(255, 255, 255, .72) 43%, rgba(255, 255, 255, .3) 68%, rgba(255, 255, 255, .05) 100%),
		url("assets/images/llancaments-javelina-uar.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.uar-discipline-card.is-dark a {
	color: var(--uar-white);
}

.uar-discipline-card.is-accent,
.uar-discipline-card.is-lime {
	background: var(--uar-accent);
	border-color: var(--uar-accent);
	color: var(--uar-white);
}

.uar-discipline-card.is-lime {
	background-image:
		linear-gradient(105deg, rgba(227, 29, 52, .9) 0%, rgba(227, 29, 52, .76) 46%, rgba(227, 29, 52, .46) 100%),
		url("assets/images/salto-de-altura-oriol-ardevol.jpeg");
	background-position: center 43%;
	background-repeat: no-repeat;
	background-size: cover;
}

.uar-discipline-grid > .uar-discipline-card:nth-child(5) {
	background-image:
		linear-gradient(90deg, rgba(6, 27, 82, .96) 0%, rgba(6, 27, 82, .82) 46%, rgba(6, 27, 82, .42) 100%),
		url("assets/images/grupo-casal-unio-atletica-rubi.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.uar-discipline-card.is-accent a,
.uar-discipline-card.is-lime a {
	color: var(--uar-white);
}

.uar-card-index {
	font-size: .7rem;
	font-weight: 850;
	letter-spacing: .15em;
	text-transform: uppercase;
}

.uar-discipline-title {
	font-size: clamp(2.15rem, 4vw, 4.2rem) !important;
	letter-spacing: -.055em;
	line-height: .9 !important;
	margin-bottom: 1rem;
}

.uar-card-link {
	font-size: .78rem;
	font-weight: 850;
	letter-spacing: .08em;
	text-decoration: none;
	text-transform: uppercase;
}

.uar-card-link::after {
	content: " \2197";
}

.uar-discipline-card .uar-card-inspiration {
	align-self: stretch;
	border-left: 3px solid currentColor;
	box-sizing: border-box;
	font-size: clamp(.82rem, 1vw, .94rem);
	font-weight: 750;
	letter-spacing: .01em;
	line-height: 1.35;
	margin: .55rem 0 0 !important;
	max-width: 31ch !important;
	opacity: .88;
	padding-left: .75rem;
	text-align: left !important;
	width: 100%;
}

.uar-events-section {
	background: var(--uar-ink);
	color: var(--uar-white);
}

.uar-event-list {
	border-top: 1px solid rgba(255, 255, 255, .16);
}

.uar-event-row {
	align-items: center;
	border-bottom: 1px solid rgba(255, 255, 255, .16);
	display: grid !important;
	gap: 1.5rem;
	grid-template-columns: 110px minmax(0, 1.2fr) minmax(180px, .6fr) auto;
	padding: 1.55rem 0;
	transition: padding .25s var(--uar-ease), background .25s ease;
}

.uar-event-row:hover {
	background: rgba(255, 255, 255, .035);
	padding-left: 1rem;
	padding-right: 1rem;
}

.uar-event-date {
	color: var(--uar-accent-bright);
	font-family: var(--wp--preset--font-family--display);
	font-size: 1.65rem;
	font-weight: 900;
	letter-spacing: -.04em;
	line-height: 1;
}

.uar-event-title {
	font-size: clamp(1.25rem, 2vw, .7rem) !important;
	margin: 0;
}

.uar-event-meta {
	color: #aab6c5;
	font-size: .88rem;
}

.uar-event-tag {
	border: 1px solid rgba(255, 255, 255, .3);
	border-radius: 999px;
	font-size: .68rem;
	font-weight: 800;
	letter-spacing: .09em;
	padding: .45rem .7rem;
	text-transform: uppercase;
}

.uar-news-grid .wp-block-post-template {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.uar-news-grid .wp-block-post {
	background: var(--uar-white);
	border: 1px solid var(--uar-line);
	border-radius: var(--uar-radius-md);
	overflow: hidden;
	transition: transform .25s var(--uar-ease), box-shadow .25s ease;
}

.uar-news-grid .wp-block-post:hover {
	box-shadow: var(--uar-shadow);
	transform: translateY(-6px);
}

.uar-news-grid .wp-block-post-featured-image {
	aspect-ratio: 16 / 10;
	margin: 0;
	overflow: hidden;
}

.uar-news-grid .wp-block-post-featured-image img {
	height: 100%;
	object-fit: cover;
	transition: transform .5s var(--uar-ease);
	width: 100%;
}

.uar-news-grid .wp-block-post:hover .wp-block-post-featured-image img {
	transform: scale(1.035);
}

.uar-news-content {
	padding: 1.5rem;
}

.uar-news-grid .wp-block-post-date,
.uar-post-kicker {
	color: var(--uar-muted);
	font-size: .7rem;
	font-weight: 850;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.uar-news-grid .wp-block-post-title {
	font-size: clamp(1.7rem, 2.8vw, 2.45rem);
	letter-spacing: -.045em;
	line-height: .98;
	margin: .8rem 0;
}

.uar-news-grid .wp-block-post-title a {
	text-decoration: none;
}

.uar-news-grid .wp-block-read-more {
	font-size: .75rem;
	font-weight: 850;
	letter-spacing: .08em;
	text-decoration: none;
	text-transform: uppercase;
}

.uar-join-wrap {
	padding-bottom: clamp(4rem, 8vw, 7rem);
	padding-top: clamp(4rem, 8vw, 7rem);
}

.uar-join-card {
	background: var(--uar-accent);
	border-radius: var(--uar-radius-lg);
	color: var(--uar-white);
	overflow: hidden;
	padding: clamp(2rem, 2vw, 1rem);
	position: relative;
}

.uar-join-card > .uar-eyebrow {
	background: rgba(227, 29, 52, .88);
	border-radius: 999px;
	left: clamp(3rem, 4vw, 4.5rem);
	margin: 0;
	padding: .45rem .75rem;
	position: absolute;
	top: clamp(3rem, 4vw, 4.5rem);
	z-index: 4;
}

.uar-join-card::before,
.uar-join-card::after {
	border: clamp(22px, 4vw, 54px) solid rgba(255, 255, 255, .1);
	border-radius: 50%;
	content: "";
	height: clamp(170px, 28vw, 380px);
	position: absolute;
	right: -6%;
	top: -38%;
	width: clamp(170px, 28vw, 380px);
}

.uar-join-card::after {
	right: 14%;
	top: 57%;
}

.uar-join-title {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	font-size: clamp(3.2rem, 8vw, 7.5rem) !important;
	grid-column: 1;
	grid-row: 1;
	justify-content: flex-end;
	letter-spacing: -.07em;
	line-height: .82 !important;
	max-width: 8ch;
	padding: clamp(1.5rem, 3vw, 3rem);
	position: relative;
	text-shadow: 0 3px 24px rgba(2, 7, 14, .32);
	z-index: 2;
}

.uar-join-content {
	align-items: end;
	display: grid !important;
	gap: 2rem;
	grid-template-columns: minmax(0, 1.3fr) minmax(280px, .7fr);
	position: relative;
	z-index: 2;
}

.uar-join-card > .uar-join-content {
	margin-block-start: 0 !important;
}

.uar-join-content::before {
	align-self: stretch;
	background:
		linear-gradient(90deg, rgba(6, 27, 82, .12), rgba(227, 29, 52, .24)),
		linear-gradient(0deg, rgba(227, 29, 52, .36), rgba(227, 29, 52, .08)),
		url("assets/images/atletisme-nens-unio-atletica-rubi.jpeg") center / cover no-repeat;
	border-radius: calc(var(--uar-radius-lg) - 12px);
	content: "";
	grid-column: 1;
	grid-row: 1;
	min-height: clamp(430px, 48vw, 620px);
}

.uar-join-content > .wp-block-group {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	font-size: 1.05rem;
	gap: 1.1rem;
	grid-column: 2;
	grid-row: 1;
	justify-content: flex-start;
	padding: 0;
}

.uar-site-footer {
	background: #031036;
	color: var(--uar-white);
	padding-bottom: 2.25rem;
	padding-top: 0;
}

.uar-group-hire-callout {
	background:
		linear-gradient(100deg, rgba(239, 244, 252, .98), rgba(239, 244, 252, .9)),
		var(--uar-paper);
	color: var(--uar-ink);
	overflow: hidden;
	padding: clamp(4.5rem, 8vw, 8rem) clamp(1rem, 3vw, 2rem);
	position: relative;
}

.uar-group-hire-callout::before {
	background: var(--uar-accent);
	clip-path: polygon(72% 0, 100% 0, 100% 100%, 0 100%);
	content: "";
	inset: 0 0 0 54%;
	opacity: .07;
	position: absolute;
}

.uar-group-hire-inner {
	align-items: center;
	display: grid !important;
	gap: clamp(3rem, 7vw, 7rem);
	grid-template-columns: minmax(0, 1.08fr) minmax(380px, .92fr);
	margin-inline: auto !important;
	max-width: 1280px !important;
	position: relative;
	width: 100% !important;
}

.uar-group-hire-copy {
	max-width: 730px;
}

.uar-group-hire-title {
	font-size: clamp(3rem, 5.7vw, 5.7rem) !important;
	letter-spacing: -.06em;
	line-height: .92 !important;
	margin: 1rem 0 1.5rem;
	text-wrap: balance;
}

.uar-group-hire-lead {
	color: rgba(3, 16, 54, .75);
	font-size: clamp(1rem, 1.4vw, 1.2rem);
	line-height: 1.65;
	margin-bottom: 2rem;
	max-width: 660px;
}

.uar-group-hire-button .wp-block-button__link {
	background: var(--uar-ink);
	color: var(--uar-white);
	font-size: .78rem;
	font-weight: 850;
	letter-spacing: .06em;
	padding: 1rem 1.35rem;
	text-transform: uppercase;
}

.uar-group-hire-benefits {
	display: grid;
	gap: .8rem;
}

.uar-group-hire-benefits article {
	background: rgba(255, 255, 255, .86);
	border: 1px solid rgba(3, 16, 54, .12);
	border-radius: 18px;
	box-shadow: 0 18px 45px rgba(3, 16, 54, .06);
	display: grid;
	gap: .35rem;
	grid-template-columns: 42px 1fr;
	padding: 1.2rem;
}

.uar-group-hire-benefits article > span {
	color: var(--uar-accent);
	font-size: .7rem;
	font-weight: 900;
	grid-row: 1 / 3;
	letter-spacing: .1em;
}

.uar-group-hire-benefits strong {
	font-size: 1rem;
}

.uar-group-hire-benefits p {
	color: rgba(3, 16, 54, .68);
	font-size: .88rem;
	line-height: 1.5;
	margin: 0;
}

.uar-sponsor-callout {
	background:
		linear-gradient(120deg, rgba(6, 27, 82, .98), rgba(11, 55, 127, .96)),
		var(--uar-ink);
	color: var(--uar-white);
	overflow: hidden;
	padding: clamp(4.5rem, 8vw, 8rem) clamp(1rem, 3vw, 2rem);
	position: relative;
}

.uar-sponsor-callout::after {
	border: clamp(34px, 6vw, 78px) solid rgba(255, 255, 255, .055);
	border-radius: 50%;
	content: "";
	height: min(48vw, 620px);
	position: absolute;
	right: -12%;
	top: -42%;
	width: min(48vw, 620px);
}

.uar-sponsor-inner {
	align-items: center;
	display: grid !important;
	gap: clamp(3rem, 7vw, 7rem);
	grid-template-columns: minmax(0, 1.05fr) minmax(380px, .95fr);
	margin-inline: auto !important;
	max-width: 1280px !important;
	position: relative;
	width: 100% !important;
	z-index: 2;
}

.uar-sponsor-copy {
	max-width: 720px;
}

.uar-sponsor-title {
	font-size: clamp(3rem, 6vw, 6rem) !important;
	letter-spacing: -.06em;
	line-height: .9 !important;
	margin: 1rem 0 1.5rem;
	text-wrap: balance;
}

.uar-sponsor-lead {
	color: rgba(255, 255, 255, .78);
	font-size: clamp(1rem, 1.4vw, 1.2rem);
	line-height: 1.65;
	margin-bottom: 2rem;
	max-width: 650px;
}

.uar-sponsor-button .wp-block-button__link {
	background: var(--uar-accent);
	color: var(--uar-white);
	font-size: .78rem;
	font-weight: 850;
	letter-spacing: .06em;
	padding: 1rem 1.35rem;
	text-transform: uppercase;
}

.uar-sponsor-form-button .wp-block-button__link {
	background: transparent;
	border: 1px solid currentColor;
	border-radius: 0;
	color: var(--uar-ink);
	font-size: .78rem;
	font-weight: 850;
	letter-spacing: .06em;
	padding: .94rem 1.2rem;
	text-transform: uppercase;
}

.uar-sponsor-form-button .wp-block-button__link:hover,
.uar-sponsor-form-button .wp-block-button__link:focus-visible {
	background: var(--uar-ink);
	border-color: var(--uar-ink);
	color: var(--uar-white) !important;
}

.uar-sponsor-benefits {
	display: grid;
	gap: .8rem;
}

.uar-sponsor-benefits article {
	align-items: start;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .15);
	border-radius: 18px;
	display: grid;
	gap: 1rem;
	grid-template-columns: 42px 1fr;
	padding: 1.25rem;
	transition: background .25s ease, transform .25s ease;
}

.uar-sponsor-benefits article:hover {
	background: rgba(255, 255, 255, .13);
	transform: translateX(-5px);
}

.uar-sponsor-benefits article > span {
	color: var(--uar-accent-bright);
	font-size: .7rem;
	font-weight: 900;
	letter-spacing: .1em;
}

.uar-sponsor-benefits strong {
	display: block;
	font-size: 1rem;
	margin-bottom: .3rem;
}

.uar-sponsor-benefits p {
	color: rgba(255, 255, 255, .72);
	font-size: .88rem;
	line-height: 1.5;
	margin: 0;
}

.uar-partners {
	background:
		radial-gradient(circle at 12% 0, rgba(240, 25, 45, .08), transparent 28%),
		var(--uar-paper);
	overflow: hidden;
	padding: clamp(4rem, 7vw, 6.5rem) 0;
}

.uar-commercial-landing {
	background: var(--uar-paper);
	color: var(--uar-ink);
}

.uar-commercial-page .uar-header-inner {
	margin-inline: auto !important;
	max-width: 1280px !important;
	width: 100% !important;
}

.uar-commercial-page .uar-header-inner > .wp-block-group {
	justify-content: flex-end;
	margin-left: auto;
}

.uar-commercial-shell {
	box-sizing: border-box;
	margin-inline: auto;
	max-width: 1280px;
	padding-inline: clamp(1.25rem, 4vw, 3rem);
	width: 100%;
}

.uar-commercial-hero {
	background: var(--uar-ink);
	color: var(--uar-white);
	overflow: hidden;
	padding: clamp(7rem, 11vw, 11rem) 0 clamp(5rem, 9vw, 9rem);
	position: relative;
}

.uar-commercial-hero::after {
	border: clamp(45px, 8vw, 110px) solid rgba(255, 255, 255, .055);
	border-radius: 50%;
	content: "";
	height: min(62vw, 820px);
	position: absolute;
	right: -17%;
	top: -42%;
	width: min(62vw, 820px);
}

.uar-commercial-hero--groups {
	background: linear-gradient(118deg, #071d55 0%, #0d3b86 70%, #ef192d 150%);
}

.uar-commercial-hero--massage {
	background: linear-gradient(118deg, #071d55 0%, #0d3b86 72%, #ef192d 155%);
}

.uar-commercial-hero .uar-commercial-shell {
	position: relative;
	z-index: 1;
}

.uar-commercial-hero h1 {
	font-size: clamp(3.7rem, 8vw, 7.7rem);
	letter-spacing: -.065em;
	line-height: .88;
	margin: 1.2rem 0 1.8rem;
	max-width: 10.5ch;
	text-wrap: balance;
}

.uar-commercial-hero--groups h1 {
	max-width: 12ch;
}

.uar-commercial-hero--massage h1 {
	max-width: 11.5ch;
}

.uar-commercial-intro {
	color: rgba(255, 255, 255, .78);
	font-size: clamp(1.05rem, 1.7vw, 1.35rem);
	line-height: 1.6;
	max-width: 720px;
}

.uar-commercial-primary {
	align-items: center;
	background: var(--uar-accent);
	border-radius: 999px;
	color: var(--uar-white) !important;
	display: inline-flex;
	font-size: .78rem;
	font-weight: 900;
	gap: .65rem;
	letter-spacing: .07em;
	margin-top: 1.6rem;
	padding: 1rem 1.35rem;
	text-decoration: none;
	text-transform: uppercase;
}

.uar-commercial-section {
	padding: clamp(5rem, 9vw, 9rem) 0;
}

.uar-commercial-heading {
	display: grid;
	gap: 1.2rem clamp(2rem, 6vw, 7rem);
	grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
	margin-bottom: clamp(3rem, 6vw, 5rem);
}

.uar-commercial-heading .uar-eyebrow {
	grid-column: 1 / -1;
}

.uar-commercial-heading h2,
.uar-commercial-band h2,
.uar-commercial-cta h2 {
	font-size: clamp(2.8rem, 5.6vw, 5.5rem);
	letter-spacing: -.055em;
	line-height: .93;
	margin: 0;
	text-wrap: balance;
}

.uar-commercial-heading > p:last-child {
	color: rgba(3, 16, 54, .7);
	font-size: 1.08rem;
	line-height: 1.7;
	margin: 0;
}

.uar-commercial-grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.uar-commercial-grid article {
	background: var(--uar-white);
	border: 1px solid rgba(3, 16, 54, .1);
	border-radius: 24px;
	padding: clamp(1.6rem, 3vw, 2.6rem);
}

.uar-commercial-grid article > span {
	color: var(--uar-accent);
	font-size: .72rem;
	font-weight: 900;
	letter-spacing: .1em;
}

.uar-commercial-grid h3 {
	font-size: clamp(1.55rem, 2.5vw, 2.25rem);
	letter-spacing: -.035em;
	line-height: 1;
	margin: 1.6rem 0 .8rem;
}

.uar-commercial-grid p {
	color: rgba(3, 16, 54, .68);
	line-height: 1.65;
	margin: 0;
}

.uar-commercial-band {
	background: var(--uar-accent);
	color: var(--uar-white);
	padding: clamp(5rem, 9vw, 8rem) 0;
}

.uar-commercial-band--gym {
	background-image:
		linear-gradient(90deg, rgba(6, 27, 82, .92), rgba(6, 27, 82, .58)),
		url("assets/images/instalacion/gimnasio-en-rubi-eonomico.jpeg");
	background-position: center 48%;
	background-repeat: no-repeat;
	background-size: cover;
}

.uar-commercial-band--massage {
	background-image:
		linear-gradient(90deg, rgba(6, 27, 82, .92), rgba(6, 27, 82, .5)),
		url("assets/images/instalacion/espacio-para-masajes-centro-deportivo.jpeg");
	background-position: center 48%;
	background-repeat: no-repeat;
	background-size: cover;
}

.uar-commercial-band h2 {
	max-width: 13ch;
}

.uar-commercial-pills {
	display: flex;
	flex-wrap: wrap;
	gap: .7rem;
	margin-top: 2.5rem;
}

.uar-commercial-pills span {
	border: 1px solid rgba(255, 255, 255, .45);
	border-radius: 999px;
	font-size: .8rem;
	font-weight: 800;
	padding: .8rem 1rem;
}

.uar-commercial-process ol {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

.uar-commercial-process li {
	border-top: 3px solid var(--uar-accent);
	display: grid;
	gap: 1rem;
	grid-template-columns: 36px 1fr;
	padding: 1.5rem 0;
}

.uar-commercial-process li b {
	color: var(--uar-accent);
	font-size: .72rem;
}

.uar-commercial-process strong {
	display: block;
	font-size: 1.15rem;
	margin-bottom: .5rem;
}

.uar-commercial-process li p {
	color: rgba(3, 16, 54, .68);
	line-height: 1.55;
	margin: 0;
}

.uar-commercial-cta {
	background: #031036;
	color: var(--uar-white);
	padding: clamp(5rem, 9vw, 8rem) 0;
	text-align: center;
}

.uar-commercial-cta h2,
.uar-commercial-cta p {
	margin-inline: auto;
	max-width: 850px;
}

.uar-commercial-cta > .uar-commercial-shell > p:not(.uar-eyebrow) {
	color: rgba(255, 255, 255, .74);
	font-size: 1.12rem;
	line-height: 1.65;
}

.uar-commercial-cta small {
	color: rgba(255, 255, 255, .65);
	display: block;
	margin-top: 1.2rem;
}

.uar-partners-inner {
	align-items: center;
	box-sizing: border-box;
	display: grid !important;
	gap: clamp(2rem, 4vw, 4rem);
	grid-template-columns: 1fr;
	margin-inline: auto !important;
	max-width: 1280px !important;
	padding-inline: clamp(1rem, 3vw, 2rem);
	width: 100% !important;
}

.uar-partners-heading {
	box-sizing: border-box;
	margin: 0 !important;
	padding: 0;
	width: 100% !important;
}

.uar-partners-title {
	max-width: none !important;
	width: 100% !important;
}

.uar-partners-title {
	font-size: clamp(2.4rem, 4vw, 3.8rem) !important;
	letter-spacing: -.055em;
	line-height: .95 !important;
	margin: .7rem 0 0;
	max-width: 12ch;
}

@media (min-width: 981px) {
	.uar-partners-title {
		white-space: nowrap;
	}
}

.uar-partners-marquee {
	mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
	min-width: 0;
	overflow: hidden;
	touch-action: pan-y;
	user-select: none;
	width: 100%;
}

.uar-partners-carousel {
	min-width: 0;
	position: relative;
	width: 100%;
}

.uar-partners-marquee.is-dragging {
	cursor: grabbing;
}

.uar-partners-marquee.is-dragging .uar-partners-track {
	animation-play-state: paused;
}

.uar-partners-marquee.is-dragging img {
	pointer-events: none;
}

.uar-partners-track {
	display: flex;
	gap: 1rem;
	width: max-content;
}

.uar-partners-marquee:hover .uar-partners-track,
.uar-partners-marquee:focus-within .uar-partners-track {
	animation-play-state: paused;
}

.uar-partners-set {
	display: flex;
	flex: 0 0 auto;
	gap: 1rem;
}

.uar-partner-card {
	align-items: center;
	background: rgba(255, 255, 255, .96);
	border: 1px solid rgba(6, 27, 82, .1);
	border-radius: 18px;
	box-shadow: 0 15px 38px rgba(6, 27, 82, .08);
	box-sizing: border-box;
	display: flex;
	height: clamp(112px, 10vw, 138px);
	justify-content: center;
	margin: 0;
	padding: clamp(.85rem, 2vw, 1.35rem);
	transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
	text-decoration: none;
	width: clamp(180px, 17vw, 235px);
}

a.uar-partner-card {
	cursor: pointer;
}

.uar-partners-controls {
	display: flex;
	justify-content: space-between;
	margin-top: 1rem;
	padding-inline: .25rem;
	width: 100%;
}

.uar-partners-controls button {
	align-items: center;
	backdrop-filter: blur(12px) saturate(135%);
	-webkit-backdrop-filter: blur(12px) saturate(135%);
	background: rgba(255, 255, 255, .82);
	border: 1px solid rgba(6, 27, 82, .14);
	border-radius: 50%;
	box-shadow: 0 6px 20px rgba(6, 27, 82, .1), inset 0 1px 0 rgba(255, 255, 255, .9);
	color: var(--uar-ink);
	cursor: pointer;
	display: inline-flex;
	font-family: var(--wp--preset--font-family--body);
	font-size: 1.85rem;
	font-weight: 400;
	height: 42px;
	justify-content: center;
	line-height: .8;
	padding: 0;
	transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, color .2s ease, transform .2s var(--uar-ease);
	width: 42px;
}

.uar-partners-controls button:hover {
	background: rgba(255, 255, 255, .98);
	border-color: rgba(240, 25, 45, .32);
	box-shadow: 0 10px 26px rgba(6, 27, 82, .15), 0 0 0 4px rgba(255, 255, 255, .5);
	color: var(--uar-accent);
	transform: scale(1.06);
}

@media (min-width: 981px) {
	.uar-partners-controls {
		inset: 50% -26px auto;
		margin: 0;
		padding: 0;
		pointer-events: none;
		position: absolute;
		transform: translateY(-50%);
		width: auto;
		z-index: 3;
	}

	.uar-partners-controls button {
		height: 42px;
		pointer-events: auto;
		width: 42px;
	}
}

.uar-partner-card:hover {
	border-color: rgba(240, 25, 45, .35);
	box-shadow: 0 20px 46px rgba(6, 27, 82, .14);
	transform: translateY(-4px);
}

.uar-partner-card img {
	display: block;
	filter: saturate(.92);
	max-height: 100%;
	max-width: 100%;
	object-fit: contain;
	width: auto;
}

.uar-partner-card--dormity {
	flex-direction: column;
	gap: .15rem;
	padding: .8rem 1rem;
}

.uar-partner-card--dormity img {
	flex: 1 1 auto;
	max-height: 64%;
	min-height: 0;
}

.uar-partner-card--dormity span {
	color: #000;
	font-family: Arial, sans-serif;
	font-size: clamp(.62rem, .85vw, .72rem);
	font-weight: 900;
	letter-spacing: .02em;
	line-height: 1;
	text-align: center;
}

.uar-partner-card--tpvclub {
	flex-direction: column;
	gap: .3rem;
	padding: .9rem 1rem .75rem;
}

.uar-partner-card--tpvclub img {
	flex: 0 1 58%;
	max-height: 58%;
	min-height: 0;
}

.uar-partner-card--tpvclub span {
	color: #000;
	font-family: Arial, sans-serif;
	font-size: clamp(.61rem, .85vw, .72rem);
	font-weight: 800;
	letter-spacing: .01em;
	line-height: 1;
	text-align: center;
}

@keyframes uar-partners-scroll {
	to {
		transform: translateX(calc(-50% - .5rem));
	}
}

.uar-footer-prefooter {
	background: var(--uar-accent);
	padding: 4rem clamp(1rem, 3vw, 2rem) 3.5rem;
}

.uar-footer-grid {
	align-items: start;
	display: grid !important;
	gap: 2rem;
	grid-template-columns: minmax(280px, 1.5fr) repeat(2, minmax(150px, .55fr));
	margin-inline: auto !important;
	max-width: 1280px !important;
	padding-bottom: 0;
	width: 100% !important;
}

.uar-footer-title {
	font-size: clamp(2.4rem, 4.3vw, 4.25rem) !important;
	grid-column: 1 / -1;
	letter-spacing: -.06em;
	line-height: .92 !important;
}

.uar-footer-grid > .wp-block-group:first-child {
	align-items: center;
	column-gap: 1rem;
	display: grid !important;
	grid-template-columns: auto auto minmax(0, 1fr);
}

.uar-footer-grid > .wp-block-group:first-child > .uar-footer-label {
	grid-column: 1;
	margin: 0;
}

.uar-footer-featured-links {
	align-items: center;
	align-self: center;
	display: flex;
	flex-wrap: wrap;
	gap: .55rem;
	grid-column: 2;
	grid-row: 1;
	justify-content: flex-start;
	margin: 0 !important;
}

.uar-footer-featured-links a {
	background: var(--uar-lime);
	border: 1px solid var(--uar-lime);
	color: var(--uar-ink);
	font-size: .72rem;
	font-weight: 900;
	letter-spacing: .055em;
	padding: .55rem .8rem;
	text-decoration: none;
	text-transform: uppercase;
	transition: background .2s ease, color .2s ease, transform .2s ease;
}

.uar-footer-featured-links a:hover,
.uar-footer-featured-links a:focus-visible {
	background: var(--uar-white);
	border-color: var(--uar-white);
	color: var(--uar-accent);
	transform: translateY(-2px);
}

.uar-footer-social {
	align-self: center;
	display: flex;
	gap: .7rem;
	grid-column: 3;
	grid-row: 1;
	justify-self: end;
	margin: 0 !important;
}

.uar-footer-social a {
	align-items: center;
	background: rgba(255, 255, 255, .12);
	border: 1px solid rgba(255, 255, 255, .3);
	border-radius: 50%;
	color: var(--uar-white);
	display: inline-flex;
	height: 42px;
	justify-content: center;
	width: 42px;
}

.uar-footer-social a:hover,
.uar-footer-social a:focus-visible {
	background: var(--uar-white);
	color: var(--uar-accent);
	transform: translateY(-3px);
}

.uar-footer-social svg {
	fill: currentColor;
	height: 23px;
	width: 23px;
}

@media (max-width: 700px) {
	.uar-footer-grid > .wp-block-group:first-child {
		grid-template-columns: 1fr;
		row-gap: 1rem;
	}

	.uar-footer-grid > .wp-block-group:first-child > .uar-footer-label,
	.uar-footer-featured-links,
	.uar-footer-title,
	.uar-footer-social {
		grid-column: 1;
		justify-self: start;
	}

	.uar-footer-grid > .wp-block-group:first-child > .uar-footer-label { grid-row: 1; }
	.uar-footer-featured-links { grid-row: 2; }
	.uar-footer-title { grid-row: 3; }
	.uar-footer-social { grid-row: 4; }
}

.uar-footer-label {
	color: var(--uar-white);
	font-size: .7rem;
	font-weight: 850;
	letter-spacing: .13em;
	margin: 0 0 1.25rem;
	text-transform: uppercase;
	width: 100%;
}

.uar-footer-prefooter .uar-footer-links a {
	color: var(--uar-white);
	text-decoration: none;
}

.uar-footer-prefooter .uar-footer-links a:hover {
	color: var(--uar-ink);
}

.uar-join-location {
	display: grid;
	gap: .55rem;
	margin-top: auto;
}

.uar-join-location-copy strong,
.uar-join-location-copy span {
	display: block;
}

.uar-contact-details {
	display: grid;
	gap: .55rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: .6rem 0 .35rem;
}

.uar-contact-details > div:last-child {
	grid-column: 1 / -1;
}

.uar-contact-details dt {
	color: rgba(255, 255, 255, .7);
	font-size: .7rem;
	font-weight: 850;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.uar-contact-details dd {
	font-size: .9rem;
	line-height: 1.4;
	margin: .15rem 0 0;
}

.uar-contact-details a {
	color: var(--uar-white);
}

.uar-join-location-copy strong {
	font-size: 1rem;
	line-height: 1.35;
}

.uar-join-location-copy span {
	color: rgba(255, 255, 255, .76);
	font-size: .9rem;
	line-height: 1.45;
	margin-top: .2rem;
}

.uar-contact-map {
	background: rgba(255, 255, 255, .12);
	border: 1px solid rgba(255, 255, 255, .28);
	border-radius: 12px;
	box-sizing: border-box;
	height: 250px;
	margin-top: .25rem;
	width: 100%;
}

.uar-contact-map-link {
	color: var(--uar-white);
	font-size: .7rem !important;
	font-weight: 850;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.uar-footer-bottom {
	border-top: 0;
	color: var(--uar-white);
	font-size: .75rem;
	margin-inline: auto !important;
	max-width: 1280px !important;
	padding-top: 1.5rem;
	width: calc(100% - clamp(2rem, 6vw, 4rem)) !important;
}

.uar-page-hero {
	background: var(--uar-ink);
	color: var(--uar-white);
	padding-bottom: clamp(3.5rem, 8vw, 7rem);
	padding-top: clamp(3.5rem, 8vw, 7rem);
}

.uar-page-title {
	font-size: clamp(3.8rem, 9vw, 8rem) !important;
	letter-spacing: -.07em;
	line-height: .84 !important;
}

.uar-content-shell {
	padding-bottom: clamp(4rem, 8vw, 7rem);
}

/* La portada de actualidad necesita una transición más pausada entre el
   encabezado y el primer bloque de noticias. */
.page-id-125 .uar-content-shell,
.page-id-127 .uar-content-shell {
	padding-top: clamp(3.5rem, 6vw, 6.5rem);
}

.uar-content-shell :where(h2, h3, h4) {
	letter-spacing: -.04em;
}

.uar-content-shell :where(p, li) {
	line-height: 1.75;
}

.uar-content-shell .wp-block-image img {
	border-radius: var(--uar-radius-md);
}

/* Fichas de la seccion Club. */
.uar-ficha-hero {
	background:
		linear-gradient(115deg, rgba(6, 27, 82, .98), rgba(11, 55, 127, .9)),
		repeating-linear-gradient(135deg, transparent 0 28px, rgba(255, 255, 255, .06) 29px 30px);
	color: var(--uar-white);
	overflow: hidden;
	padding-bottom: clamp(3.5rem, 7vw, 6.5rem);
	padding-top: clamp(4rem, 8vw, 7.5rem);
	position: relative;
}

.uar-ficha-hero::after {
	background: var(--uar-accent);
	clip-path: polygon(38% 0, 100% 0, 100% 100%, 0 100%);
	content: "";
	height: 12px;
	position: absolute;
	right: 0;
	top: 0;
	width: min(34vw, 470px);
}

.uar-ficha-hero .uar-page-title {
	font-size: clamp(3.4rem, 8vw, 7.5rem);
	margin: .5rem 0 1.25rem;
	max-width: 10ch;
}

.uar-ficha-lead {
	color: rgba(255, 255, 255, .78);
	font-size: clamp(1.05rem, 2vw, 1.3rem);
	line-height: 1.55;
	margin: 0;
	max-width: 650px;
}

.uar-ficha-shell {
	padding-bottom: clamp(4rem, 8vw, 8rem);
	padding-top: clamp(3.5rem, 7vw, 7rem);
}

.uar-ficha-intro {
	display: grid;
	gap: 1.5rem clamp(2rem, 7vw, 7rem);
	grid-template-columns: minmax(0, 1.15fr) minmax(240px, .55fr);
	margin-bottom: clamp(3rem, 6vw, 6rem);
}

.uar-ficha-intro h2 {
	font-size: clamp(2.6rem, 5vw, 5rem);
	margin: 0;
}

.uar-ficha-intro p {
	color: var(--uar-muted);
	font-size: 1.08rem;
	line-height: 1.7;
	margin: 0;
}

.uar-ficha-grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.uar-ficha-grid.is-three {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.uar-ficha-card {
	background: var(--uar-white);
	border: 1px solid var(--uar-line);
	border-radius: var(--uar-radius-md);
	box-shadow: 0 16px 42px rgba(6, 27, 82, .07);
	min-height: 230px;
	padding: clamp(1.5rem, 3vw, 2.4rem);
	position: relative;
}

.uar-ficha-card::before {
	background: var(--uar-accent);
	border-radius: 999px;
	content: "";
	height: 5px;
	left: clamp(1.5rem, 3vw, 2.4rem);
	position: absolute;
	top: 0;
	width: 54px;
}

.uar-ficha-card h2,
.uar-ficha-card h3 {
	font-size: clamp(1.75rem, 3vw, 2.5rem);
	margin: .45rem 0 1rem;
}

.uar-ficha-card p {
	color: var(--uar-muted);
	line-height: 1.65;
}

.uar-ficha-kicker,
.uar-ficha-role {
	color: var(--uar-accent);
	font-size: .72rem;
	font-weight: 850;
	letter-spacing: .1em;
	margin: 0;
	text-transform: uppercase;
}

.uar-ficha-name {
	font-size: clamp(1.7rem, 3vw, 2.35rem) !important;
}

.uar-ficha-avatar {
	align-items: center;
	background: linear-gradient(145deg, var(--uar-ink-soft), var(--uar-ink));
	border-radius: 50%;
	color: var(--uar-white);
	display: flex;
	font-family: var(--wp--preset--font-family--display);
	font-size: 1.35rem;
	font-weight: 900;
	height: 64px;
	justify-content: center;
	margin-bottom: 1.5rem;
	width: 64px;
}

.uar-price {
	color: var(--uar-ink) !important;
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(2.4rem, 4vw, 3.7rem) !important;
	font-weight: 900;
	letter-spacing: -.045em;
	line-height: 1;
}

.uar-ficha-note {
	background: rgba(227, 29, 52, .07);
	border-left: 4px solid var(--uar-accent);
	border-radius: 0 var(--uar-radius-sm) var(--uar-radius-sm) 0;
	margin-top: 2rem;
	padding: 1.2rem 1.4rem;
}

.uar-ficha-content {
	border-top: 1px solid var(--uar-line);
	margin-top: clamp(3rem, 6vw, 6rem);
	padding-top: clamp(2rem, 4vw, 4rem);
}

/* Equip d'entrenadors. */
.uar-coaches {
	background: var(--uar-paper);
	padding: clamp(4rem, 8vw, 8rem) clamp(1rem, 3vw, 2rem);
}

.uar-coaches-inner {
	display: grid;
	gap: clamp(4rem, 8vw, 7rem);
	margin-left: auto;
	margin-right: auto;
	max-width: 1280px;
	width: 100%;
}

.uar-coaches-intro {
	align-items: end;
	display: grid;
	gap: 2rem clamp(3rem, 8vw, 8rem);
	grid-template-columns: minmax(0, 1.1fr) minmax(260px, .55fr);
}

.uar-coaches-intro h2 {
	font-size: clamp(2.8rem, 5vw, 5.2rem);
	margin: .4rem 0 0;
	max-width: 12ch;
}

.uar-coaches-intro > p,
.uar-coach-group-heading > div:last-child > p:last-child {
	color: var(--uar-muted);
	font-size: 1.05rem;
	line-height: 1.7;
	margin: 0;
}

.uar-coach-group {
	border-top: 1px solid var(--uar-line);
	padding-top: clamp(2rem, 4vw, 3rem);
}

.uar-coach-group-heading {
	display: grid;
	gap: 1.5rem 3rem;
	grid-template-columns: minmax(150px, .3fr) minmax(0, 1fr);
	margin-bottom: 2rem;
}

.uar-coach-group-heading > div:first-child {
	align-self: start;
	background: var(--uar-ink);
	border-radius: var(--uar-radius-sm);
	color: var(--uar-white);
	display: grid;
	gap: .3rem;
	padding: 1rem 1.2rem;
	width: fit-content;
}

.uar-coach-group-heading > div:first-child span {
	color: rgba(255, 255, 255, .65);
	font-size: .68rem;
	font-weight: 850;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.uar-coach-group-heading > div:first-child strong {
	font-family: var(--wp--preset--font-family--display);
	font-size: 1.15rem;
	white-space: nowrap;
}

.uar-coach-group-heading h2 {
	font-size: clamp(2.2rem, 4vw, 3.8rem);
	margin: .25rem 0 .6rem;
}

.uar-coach-grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: 1fr;
}

.uar-coach-grid.is-two {
	grid-template-columns: 1fr;
}

.uar-coach-grid.is-pair {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 1rem;
}

.uar-coach-grid.is-pair .uar-coach-people {
	grid-column: 1 / -1;
	grid-template-columns: 1fr;
}

.uar-coach-grid.is-pair .uar-coach-card > div:last-child {
	display: contents;
}

.uar-coach-grid.is-pair .uar-coach-card h3 {
	align-self: center;
	margin: 0;
}

.uar-coach-card {
	align-items: start;
	background: var(--uar-white);
	border: 1px solid var(--uar-line);
	border-radius: var(--uar-radius-md);
	box-sizing: border-box;
	box-shadow: 0 16px 42px rgba(6, 27, 82, .06);
	display: grid;
	gap: 1.25rem;
	grid-template-columns: auto minmax(0, 1fr);
	min-height: 250px;
	padding: clamp(1.25rem, 2.5vw, 2rem);
}

.uar-coach-category {
	align-items: center;
	background: rgba(227, 29, 52, .08);
	border-radius: 50%;
	color: var(--uar-accent);
	display: flex;
	flex-direction: column;
	height: 72px;
	justify-content: center;
	line-height: 1;
	width: 72px;
}

.uar-coach-category span {
	font-size: .62rem;
	font-weight: 850;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.uar-coach-category strong {
	font-family: var(--wp--preset--font-family--display);
	font-size: 1.65rem;
}

.uar-coach-category.is-icon {
	background: linear-gradient(145deg, var(--uar-ink-soft), var(--uar-ink));
	color: var(--uar-white);
	font-family: var(--wp--preset--font-family--display);
	font-size: 1.15rem;
	font-weight: 900;
}

.uar-coach-card h3 {
	font-size: clamp(1.35rem, 2.2vw, 1.8rem);
	margin: 0 0 1rem;
}

.uar-coach-card p {
	color: var(--uar-muted);
	line-height: 1.5;
	margin: 0;
}

.uar-coach-card p > span {
	color: var(--uar-accent);
	font-weight: 900;
	margin: 0 .2rem;
}

.uar-coach-card em {
	color: #7a8398;
	font-style: normal;
}

.uar-coach-people {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.uar-coach-person {
	align-items: center;
	background: var(--uar-paper);
	border: 1px solid rgba(6, 27, 82, .09);
	border-radius: var(--uar-radius-sm);
	box-sizing: border-box;
	display: grid;
	gap: 1.25rem;
	grid-template-columns: minmax(150px, 190px) minmax(0, 1fr);
	margin: 0;
	max-width: none;
	padding: 1rem;
	width: 100%;
}

.uar-coach-photo {
	align-items: center;
	aspect-ratio: 4 / 5;
	background:
		linear-gradient(145deg, rgba(11, 55, 127, .08), rgba(6, 27, 82, .16)),
		var(--uar-paper);
	border: 1px solid rgba(6, 27, 82, .12);
	border-radius: var(--uar-radius-sm);
	box-sizing: border-box;
	color: var(--uar-ink);
	display: flex;
	justify-content: center;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.uar-coach-photo::after {
	border: 1px solid rgba(255, 255, 255, .72);
	border-radius: calc(var(--uar-radius-sm) - 4px);
	content: "";
	inset: 4px;
	pointer-events: none;
	position: absolute;
}

.uar-coach-photo span {
	font-family: var(--wp--preset--font-family--display);
	font-size: 1.15rem;
	font-weight: 900;
}

.uar-coach-photo img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.uar-coach-person figcaption {
	margin: 0;
}

.uar-coach-person figcaption strong {
	color: var(--uar-ink);
	display: block;
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(1.25rem, 2vw, 1.7rem);
	line-height: 1.05;
	margin-bottom: .7rem;
}

.uar-coach-person figcaption span {
	color: var(--uar-muted);
	display: block;
	font-size: .86rem;
	line-height: 1.55;
}

@media (hover: hover) and (pointer: fine) {
	.uar-coach-person {
		transition: border-color .22s ease, box-shadow .22s ease, transform .22s var(--uar-ease);
	}

	.uar-coach-person figcaption strong {
		transition: color .22s ease;
	}

	.uar-coach-person:hover {
		border-color: var(--uar-accent);
		box-shadow: 0 14px 32px rgba(227, 29, 52, .14);
		transform: translateY(-3px);
	}

	.uar-coach-person:hover figcaption strong {
		color: var(--uar-accent);
	}
}

.uar-coach-person.is-pending .uar-coach-photo {
	background: transparent;
	border-style: dashed;
	color: var(--uar-muted);
}

.uar-coach-person.is-pending figcaption {
	color: var(--uar-muted);
	font-weight: 650;
}

@media (min-width: 701px) and (max-width: 820px) {
	.uar-coach-grid.is-pair .uar-coach-person {
		grid-template-columns: 1fr;
	}

	.uar-coach-grid.is-pair .uar-coach-photo {
		max-width: none;
		width: 100%;
	}
}

.uar-coach-card.is-pending {
	background: transparent;
	border-style: dashed;
	box-shadow: none;
}

.uar-coach-group.is-performance .uar-coach-group-heading > div:first-child {
	background: var(--uar-accent);
}

/* Història del club. */
.uar-history-hero {
	background-image:
		linear-gradient(90deg, rgba(6, 27, 82, .95) 0%, rgba(6, 27, 82, .84) 52%, rgba(6, 27, 82, .58) 100%),
		url("assets/images/pistas-atletismo-unio-atletica-rubi-hd.png");
	background-position: center 58%;
	background-repeat: no-repeat;
	background-size: cover;
}

.uar-history-hero .uar-page-title {
	max-width: 11ch;
}

.uar-history-chapters {
	margin-bottom: clamp(4rem, 8vw, 8rem);
}

.uar-history-chapters .uar-ficha-card {
	background:
		linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(244, 247, 251, .98));
}

.uar-history-timeline {
	margin-left: auto;
	margin-right: auto;
}

.uar-history-heading {
	display: grid;
	gap: 1rem;
	grid-template-columns: minmax(0, 1fr) minmax(280px, .7fr);
	margin-bottom: clamp(2.5rem, 5vw, 4.5rem);
}

.uar-history-heading .uar-eyebrow {
	align-self: end;
	margin: 0 0 .55rem;
}

.uar-history-heading h2 {
	font-size: clamp(3rem, 6vw, 5.8rem);
	grid-column: 1;
	letter-spacing: -.055em;
	line-height: .95;
	margin: 0;
}

.uar-history-list {
	position: relative;
}

.uar-history-item {
	display: grid;
	gap: clamp(1.5rem, 5vw, 5rem);
	grid-template-columns: minmax(110px, .28fr) minmax(0, 1fr);
}

.uar-history-year {
	color: var(--uar-accent);
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(2.2rem, 4vw, 4rem);
	font-weight: 900;
	letter-spacing: -.055em;
	line-height: .9;
	padding-top: clamp(1.7rem, 3vw, 2.5rem);
	text-align: right;
}

.uar-history-year small {
	color: var(--uar-muted);
	display: block;
	font-size: .34em;
	letter-spacing: .04em;
	margin-top: .65rem;
}

.uar-history-year small::before {
	content: "— ";
}

.uar-history-copy {
	border-left: 2px solid var(--uar-line);
	border-top: 1px solid var(--uar-line);
	padding: clamp(1.7rem, 3vw, 2.5rem) 0 clamp(2.5rem, 5vw, 4.5rem) clamp(1.5rem, 4vw, 4rem);
	position: relative;
}

.uar-history-copy::before {
	background: var(--uar-white);
	border: 4px solid var(--uar-accent);
	border-radius: 50%;
	box-shadow: 0 0 0 7px var(--uar-paper);
	content: "";
	height: 13px;
	left: -11.5px;
	position: absolute;
	top: clamp(2rem, 3vw, 2.8rem);
	width: 13px;
}

.uar-history-copy h3 {
	font-size: clamp(1.8rem, 3.5vw, 3.2rem);
	letter-spacing: -.04em;
	line-height: 1.05;
	margin: 0 0 1.1rem;
}

.uar-history-copy p {
	color: var(--uar-muted);
	font-size: 1.02rem;
	line-height: 1.75;
	margin: 0;
	max-width: 760px;
}

.uar-history-copy p + p {
	margin-top: .9rem;
}

.uar-history-item.is-highlighted .uar-history-copy,
.uar-history-item.is-today .uar-history-copy {
	border-left-color: transparent;
	border-top: 0;
	border-radius: var(--uar-radius-md);
	margin: .7rem 0 1.5rem;
	padding: clamp(1.7rem, 4vw, 3.2rem);
}

.uar-history-item.is-highlighted .uar-history-copy {
	background:
		linear-gradient(135deg, rgba(6, 27, 82, .98), rgba(11, 55, 127, .96));
	box-shadow: var(--uar-shadow);
	color: var(--uar-white);
}

.uar-history-item.is-highlighted .uar-history-copy h3,
.uar-history-item.is-today .uar-history-copy h3 {
	color: var(--uar-white);
}

.uar-history-item.is-highlighted .uar-history-copy p,
.uar-history-item.is-today .uar-history-copy p {
	color: rgba(255, 255, 255, .78);
}

.uar-history-item.is-highlighted .uar-history-copy::before,
.uar-history-item.is-today .uar-history-copy::before {
	display: none;
}

.uar-history-item.is-today .uar-history-copy {
	background: linear-gradient(135deg, var(--uar-accent), #b80f26);
	box-shadow: 0 22px 55px rgba(227, 29, 52, .24);
}

/* Tarifes i abonaments. */
.uar-pricing-hero .uar-page-title {
	max-width: 12ch;
}

.uar-pricing {
	background:
		radial-gradient(circle at 92% 4%, rgba(35, 104, 196, .11), transparent 31rem),
		var(--uar-paper);
	padding: clamp(3.5rem, 7vw, 7rem) clamp(1rem, 3vw, 2rem) clamp(4.5rem, 8vw, 8rem);
}

.uar-pricing-inner {
	margin-left: auto;
	margin-right: auto;
}

.uar-pricing-intro {
	align-items: end;
	display: grid;
	gap: 2rem clamp(2rem, 6vw, 6rem);
	grid-template-columns: minmax(0, 1fr) auto;
	margin-bottom: clamp(2.5rem, 6vw, 5rem);
}

.uar-pricing-intro h2,
.uar-pricing-section-title h2,
.uar-discounts h2,
.uar-payment h2,
.uar-enrolment h2 {
	letter-spacing: -.05em;
	line-height: 1;
}

.uar-pricing-intro h2 {
	font-size: clamp(2.8rem, 6vw, 5.7rem);
	margin: .5rem 0 0;
	max-width: 13ch;
}

.uar-pricing-season {
	background: var(--uar-accent);
	border-radius: var(--uar-radius-md);
	box-shadow: var(--uar-shadow);
	color: var(--uar-white);
	min-width: 250px;
	padding: 1.5rem;
}

.uar-pricing-season span,
.uar-pricing-season strong,
.uar-pricing-season p {
	display: block;
}

.uar-pricing-season span,
.uar-pricing-card-head,
.uar-enrolment-price > span,
.uar-enrolment-price > small,
.uar-payment-methods article > span {
	font-size: .68rem;
	font-weight: 850;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.uar-pricing-season strong {
	font-family: var(--wp--preset--font-family--display);
	font-size: 2.4rem;
	letter-spacing: -.04em;
	margin-top: .35rem;
}

.uar-pricing-season p {
	color: rgba(255, 255, 255, .68);
	font-size: .78rem;
	line-height: 1.45;
	margin: .8rem 0 0;
}

.uar-pricing-grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.uar-pricing-card {
	background: var(--uar-white);
	border: 1px solid var(--uar-line);
	border-radius: var(--uar-radius-md);
	box-shadow: 0 16px 42px rgba(6, 27, 82, .06);
	display: flex;
	flex-direction: column;
	min-height: 315px;
	overflow: hidden;
	padding: clamp(1.5rem, 3vw, 2.3rem);
	position: relative;
}

.uar-pricing-card::before {
	background: var(--uar-accent);
	content: "";
	height: 5px;
	left: 0;
	position: absolute;
	top: 0;
	width: 68px;
}

.uar-pricing-card.is-featured {
	background:
		linear-gradient(145deg, var(--uar-ink), var(--uar-ink-soft));
	border-color: transparent;
	box-shadow: var(--uar-shadow);
	color: var(--uar-white);
}

.uar-pricing-card.is-compact {
	min-height: 280px;
}

.uar-pricing-card-head {
	align-items: center;
	color: var(--uar-accent);
	display: flex;
	justify-content: space-between;
}

.uar-pricing-card-head b {
	align-items: center;
	background: var(--uar-paper);
	border-radius: 50%;
	color: var(--uar-muted);
	display: flex;
	height: 34px;
	justify-content: center;
	width: 34px;
}

.uar-pricing-card.is-featured .uar-pricing-card-head b {
	background: rgba(255, 255, 255, .1);
	color: rgba(255, 255, 255, .7);
}

.uar-pricing-card h3 {
	font-size: clamp(1.65rem, 3vw, 2.4rem);
	letter-spacing: -.04em;
	line-height: 1.05;
	margin: 1.4rem 0 .8rem;
}

.uar-pricing-card.is-featured h3 {
	color: var(--uar-white);
}

.uar-pricing-amount {
	align-items: flex-end;
	display: flex;
	gap: .65rem;
	margin: auto 0 1.25rem;
}

.uar-pricing-amount strong {
	color: var(--uar-ink);
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(3.5rem, 6vw, 5.5rem);
	font-weight: 900;
	letter-spacing: -.06em;
	line-height: .8;
}

.uar-pricing-amount span {
	color: var(--uar-muted);
	font-size: .7rem;
	font-weight: 800;
	line-height: 1.1;
	max-width: 65px;
	text-transform: uppercase;
}

.uar-pricing-card > p:last-child {
	color: var(--uar-muted);
	font-size: .9rem;
	line-height: 1.55;
	margin: 0;
}

.uar-pricing-card.is-featured .uar-pricing-amount strong {
	color: var(--uar-white);
}

.uar-pricing-card.is-featured .uar-pricing-amount span,
.uar-pricing-card.is-featured > p:last-child {
	color: rgba(255, 255, 255, .68);
}

.uar-enrolment {
	align-items: center;
	background: var(--uar-accent);
	border-radius: var(--uar-radius-lg);
	box-shadow: 0 24px 60px rgba(227, 29, 52, .22);
	color: var(--uar-white);
	display: grid;
	gap: clamp(1.5rem, 5vw, 5rem);
	grid-template-columns: minmax(190px, .45fr) minmax(0, 1fr);
	margin-top: clamp(2rem, 5vw, 4rem);
	overflow: hidden;
	padding: clamp(2rem, 5vw, 4.5rem);
	position: relative;
}

.uar-enrolment::after {
	border: 2px solid rgba(255, 255, 255, .14);
	border-radius: 50%;
	content: "";
	height: 260px;
	position: absolute;
	right: -80px;
	top: -150px;
	width: 260px;
}

.uar-enrolment-price strong {
	display: block;
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(4rem, 7vw, 6.5rem);
	letter-spacing: -.06em;
	line-height: .9;
	margin: .65rem 0;
}

.uar-enrolment-price > small {
	color: rgba(255, 255, 255, .72);
}

.uar-enrolment h2 {
	color: var(--uar-white);
	font-size: clamp(2rem, 4vw, 3.8rem);
	margin: 0 0 1rem;
}

.uar-enrolment-copy p {
	color: rgba(255, 255, 255, .8);
	line-height: 1.65;
	margin: 0;
	max-width: 630px;
}

.uar-pricing-conditions,
.uar-passes,
.uar-payment {
	margin-top: clamp(4rem, 8vw, 8rem);
}

.uar-pricing-section-title {
	margin-bottom: 2rem;
}

.uar-pricing-section-title h2,
.uar-discounts h2,
.uar-payment h2 {
	font-size: clamp(2.5rem, 5vw, 4.8rem);
	margin: .5rem 0 0;
}

.uar-condition-grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.uar-condition-grid article {
	background: var(--uar-white);
	border: 1px solid var(--uar-line);
	border-radius: var(--uar-radius-md);
	padding: clamp(1.5rem, 3vw, 2.3rem);
}

.uar-condition-grid article > span {
	color: var(--uar-accent);
	font-family: var(--wp--preset--font-family--display);
	font-size: 1.2rem;
	font-weight: 900;
}

.uar-condition-grid h3 {
	font-size: 1.5rem;
	margin: 1rem 0;
}

.uar-condition-grid p,
.uar-discounts > div > p:last-child,
.uar-payment-methods p {
	color: var(--uar-muted);
	line-height: 1.65;
	margin: 0;
}

.uar-discounts {
	align-items: center;
	background: var(--uar-ink);
	border-radius: var(--uar-radius-lg);
	display: grid;
	gap: clamp(2rem, 6vw, 6rem);
	grid-template-columns: minmax(0, .8fr) minmax(360px, 1fr);
	margin-top: clamp(4rem, 8vw, 8rem);
	padding: clamp(2rem, 5vw, 4.5rem);
}

.uar-discounts h2 {
	color: var(--uar-white);
}

.uar-discounts > div > p:last-child {
	color: rgba(255, 255, 255, .64);
	margin-top: 1rem;
}

.uar-discounts ul {
	display: grid;
	gap: .6rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.uar-discounts li {
	align-items: center;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: var(--uar-radius-sm);
	color: var(--uar-white);
	display: grid;
	gap: 1rem;
	grid-template-columns: 72px minmax(0, 1fr);
	padding: .75rem 1rem;
}

.uar-discounts li strong {
	color: var(--uar-accent-bright);
	font-family: var(--wp--preset--font-family--display);
	font-size: 1.65rem;
}

.uar-discounts li span {
	font-size: .86rem;
}

.uar-passes-grid {
	display: grid;
	gap: .75rem;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.uar-passes-grid div {
	background: var(--uar-white);
	border: 1px solid var(--uar-line);
	border-radius: var(--uar-radius-md);
	padding: 1.5rem;
}

.uar-passes-grid span,
.uar-passes-grid strong {
	display: block;
}

.uar-passes-grid span {
	color: var(--uar-muted);
	font-size: .72rem;
	font-weight: 850;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.uar-passes-grid strong {
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(2.2rem, 4vw, 3.4rem);
	letter-spacing: -.04em;
	margin-top: .65rem;
}

.uar-payment {
	background: var(--uar-white);
	border: 1px solid var(--uar-line);
	border-radius: var(--uar-radius-lg);
	box-shadow: 0 18px 50px rgba(6, 27, 82, .07);
	padding: clamp(2rem, 5vw, 4.5rem);
}

.uar-payment-methods {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 2.5rem;
}

.uar-payment-methods article {
	background: var(--uar-paper);
	border-radius: var(--uar-radius-md);
	padding: clamp(1.5rem, 3vw, 2.3rem);
}

.uar-payment-methods article > span {
	color: var(--uar-accent);
}

.uar-payment-methods h3 {
	font-size: 1.6rem;
	margin: .6rem 0 1rem;
}

.uar-payment-methods code {
	background: var(--uar-ink);
	border-radius: 8px;
	color: var(--uar-white);
	display: block;
	font-size: clamp(.72rem, 1.4vw, .92rem);
	letter-spacing: .04em;
	margin-top: 1.2rem;
	overflow-wrap: anywhere;
	padding: .9rem 1rem;
}

.uar-payment-methods a {
	align-items: center;
	color: var(--uar-accent);
	display: inline-flex;
	font-weight: 850;
	gap: .5rem;
	margin-top: 1.2rem;
}

.uar-pricing-source {
	color: var(--uar-muted);
	font-size: .76rem;
	line-height: 1.5;
	margin: 1.4rem 0 0;
	text-align: right;
}

/* Rècords de Rubí. */
.uar-records-hero .uar-page-title {
	max-width: 12ch;
}

.uar-records {
	background:
		radial-gradient(circle at 92% 8%, rgba(35, 104, 196, .12), transparent 28rem),
		var(--uar-paper);
	padding: clamp(3.5rem, 7vw, 7rem) clamp(1rem, 3vw, 2rem) clamp(4.5rem, 8vw, 8rem);
}

.uar-records-inner {
	margin-left: auto;
	margin-right: auto;
}

.uar-records-intro {
	align-items: end;
	display: grid;
	gap: 2rem;
	grid-template-columns: minmax(0, 1fr) auto;
	margin-bottom: clamp(2.25rem, 5vw, 4.5rem);
}

.uar-records-intro h2 {
	font-size: clamp(2.8rem, 6vw, 5.6rem);
	letter-spacing: -.055em;
	line-height: .95;
	margin: .5rem 0 1rem;
}

.uar-records-intro > div:first-child > p:last-child {
	color: var(--uar-muted);
	font-size: 1.08rem;
	line-height: 1.65;
	margin: 0;
	max-width: 670px;
}

.uar-records-stats {
	display: grid;
	gap: .65rem;
	grid-template-columns: repeat(3, minmax(86px, 1fr));
}

.uar-records-stats div {
	background: var(--uar-white);
	border: 1px solid var(--uar-line);
	border-radius: var(--uar-radius-sm);
	box-shadow: 0 14px 36px rgba(6, 27, 82, .06);
	padding: 1rem 1.15rem;
}

.uar-records-stats strong,
.uar-records-stats span {
	display: block;
}

.uar-records-stats strong {
	color: var(--uar-ink);
	font-family: var(--wp--preset--font-family--display);
	font-size: 1.85rem;
	letter-spacing: -.04em;
	line-height: 1;
}

.uar-records-stats span {
	color: var(--uar-muted);
	font-size: .67rem;
	font-weight: 800;
	letter-spacing: .08em;
	margin-top: .35rem;
	text-transform: uppercase;
}

.uar-records-toolbar {
	align-items: center;
	background: var(--uar-ink);
	border-radius: var(--uar-radius-md) var(--uar-radius-md) 0 0;
	display: flex;
	gap: 1rem;
	justify-content: space-between;
	padding: 1rem;
}

.uar-records-tabs {
	display: flex;
	gap: .5rem;
}

.uar-records-tab {
	align-items: center;
	background: transparent;
	border: 1px solid rgba(255, 255, 255, .2);
	border-radius: 999px;
	color: rgba(255, 255, 255, .78);
	cursor: pointer;
	display: inline-flex;
	font-size: .78rem;
	font-weight: 850;
	gap: .55rem;
	letter-spacing: .05em;
	min-height: 46px;
	padding: .45rem .8rem .45rem .5rem;
	text-transform: uppercase;
}

.uar-records-tab > span {
	align-items: center;
	background: rgba(255, 255, 255, .12);
	border-radius: 50%;
	display: inline-flex;
	height: 32px;
	justify-content: center;
	width: 32px;
}

.uar-records-tab b {
	background: rgba(255, 255, 255, .12);
	border-radius: 999px;
	font-size: .68rem;
	padding: .25rem .45rem;
}

.uar-records-tab:hover,
.uar-records-tab.is-active {
	background: var(--uar-accent);
	border-color: var(--uar-accent);
	color: var(--uar-white);
}

.uar-records-search {
	align-items: center;
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: 999px;
	color: rgba(255, 255, 255, .72);
	display: flex;
	gap: .5rem;
	min-height: 46px;
	padding: 0 1rem;
	width: min(100%, 310px);
}

.uar-records-search input {
	background: transparent;
	border: 0;
	color: var(--uar-white);
	font: inherit;
	min-width: 0;
	outline: 0;
	width: 100%;
}

.uar-records-search input::placeholder {
	color: rgba(255, 255, 255, .62);
}

.uar-records-specialties {
	background: var(--uar-ink);
	border-top: 1px solid rgba(255, 255, 255, .12);
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	padding: .85rem 1rem 1rem;
}

.uar-records-specialty {
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: 999px;
	color: rgba(255, 255, 255, .82);
	cursor: pointer;
	font-size: .7rem;
	font-weight: 850;
	letter-spacing: .055em;
	min-height: 36px;
	padding: .45rem .8rem;
	text-transform: uppercase;
	transition: background .2s ease, border-color .2s ease, color .2s ease;
}

.uar-records-specialty:hover,
.uar-records-specialty:focus-visible,
.uar-records-specialty.is-active {
	background: var(--uar-accent);
	border-color: var(--uar-accent);
	color: var(--uar-white);
}

.uar-records-specialty:focus-visible {
	outline: 2px solid var(--uar-white);
	outline-offset: 2px;
}

.uar-records-table-wrap {
	background: var(--uar-white);
	border: 1px solid var(--uar-line);
	border-radius: 0 0 var(--uar-radius-md) var(--uar-radius-md);
	box-shadow: var(--uar-shadow);
	overflow: hidden;
}

.uar-records-table {
	border-collapse: collapse;
	font-size: .88rem;
	margin: 0;
	table-layout: fixed;
	width: 100%;
}

.uar-records-table th {
	background: #edf2fa;
	color: var(--uar-muted);
	font-size: .67rem;
	font-weight: 850;
	letter-spacing: .1em;
	padding: 1rem;
	text-align: left;
	text-transform: uppercase;
}

.uar-records-table th:nth-child(1) { width: 18%; }
.uar-records-table th:nth-child(2) { width: 28%; }
.uar-records-table th:nth-child(3) { width: 7%; }
.uar-records-table th:nth-child(4) { width: 18%; }
.uar-records-table th:nth-child(5) { width: 14%; }
.uar-records-table th:nth-child(6) { width: 15%; }

.uar-records-table td {
	border-top: 1px solid var(--uar-line);
	color: var(--uar-muted);
	line-height: 1.35;
	padding: 1rem;
	vertical-align: middle;
}

.uar-records-table tbody tr {
	transition: background-color .2s ease, transform .2s var(--uar-ease);
}

.uar-records-table tbody tr:hover {
	background: rgba(35, 104, 196, .055);
}

.uar-records-table td:first-child,
.uar-records-table td:nth-child(2) {
	color: var(--uar-ink);
	font-weight: 720;
}

.uar-records-table td:nth-child(5) strong {
	background: rgba(227, 29, 52, .09);
	border-radius: 999px;
	color: var(--uar-accent);
	display: inline-block;
	font-family: var(--wp--preset--font-family--display);
	font-size: 1rem;
	letter-spacing: .01em;
	padding: .42rem .65rem;
	white-space: nowrap;
}

.uar-records-table td:nth-child(5) small {
	color: var(--uar-muted);
	display: block;
	font-size: .65rem;
	line-height: 1.4;
	margin-top: .55rem;
}

.uar-records-table tr[hidden],
.uar-records-panel[hidden] {
	display: none;
}

.uar-records-empty {
	background: var(--uar-white);
	border: 1px solid var(--uar-line);
	border-radius: var(--uar-radius-md);
	color: var(--uar-muted);
	margin: 1rem 0 0;
	padding: 2rem;
	text-align: center;
}

.uar-records-note {
	color: var(--uar-muted);
	font-size: .75rem;
	margin: 1.25rem 0 0;
	text-align: right;
}

.uar-pagination {
	margin-top: 3rem;
}

.uar-pagination .page-numbers {
	border: 1px solid var(--uar-line);
	border-radius: 999px;
	display: inline-flex;
	min-height: 42px;
	min-width: 42px;
	padding: .5rem .8rem;
}

.uar-pagination .current {
	background: var(--uar-ink);
	color: var(--uar-white);
}

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

.uar-reveal.is-visible {
	opacity: 1;
	transform: translateY(0);
	transition: opacity .7s var(--uar-ease), transform .7s var(--uar-ease);
}

@media (max-width: 980px) {
	.uar-coach-grid,
	.uar-coach-grid.is-two {
		grid-template-columns: 1fr;
		width: 100%;
	}

	.uar-coach-card {
		width: 100%;
	}

	.uar-coach-person {
		grid-template-columns: minmax(140px, 180px) minmax(0, 1fr);
		max-width: none;
	}

	.uar-pricing-intro,
	.uar-enrolment,
	.uar-discounts {
		grid-template-columns: 1fr;
	}

	.uar-pricing-season {
		min-width: 0;
		width: 100%;
	}

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

	.uar-condition-grid {
		grid-template-columns: 1fr;
	}

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

	.uar-history-heading {
		grid-template-columns: 1fr;
	}

	.uar-records-intro {
		align-items: start;
		grid-template-columns: 1fr;
	}

	.uar-records-stats {
		width: 100%;
	}

	.uar-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
		background: transparent !important;
		border: 0 !important;
		border-left: 3px solid var(--uar-accent) !important;
		border-radius: 0;
		box-shadow: none;
		margin: .85rem 0 0 .35rem;
		min-width: 0 !important;
		padding: 0 0 0 1rem !important;
	}

	.uar-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
		color: rgba(255, 255, 255, .78) !important;
		font-family: var(--wp--preset--font-family--body);
		font-size: 1rem;
		letter-spacing: .06em;
		padding: .5rem 0;
	}

	.uar-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
		padding-bottom: 1rem;
		width: 100%;
	}

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

	.uar-header-inner > .wp-block-group {
		flex: 1 1 auto;
		flex-wrap: wrap !important;
		justify-content: flex-end;
	}

	.uar-header-cta {
		display: flex !important;
		flex: 0 0 auto;
		justify-content: flex-end;
	}

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

	.uar-stat:nth-child(2) {
		border-right: 0;
	}

	.uar-stat:nth-child(-n+2) {
		border-bottom: 1px solid rgba(255, 255, 255, .28);
	}

	.uar-section-heading,
	.uar-join-content {
		align-items: start;
		grid-template-columns: 1fr;
	}

	.uar-join-content::before,
	.uar-join-title {
		grid-column: 1;
		grid-row: 1;
	}

	.uar-join-content > .wp-block-group {
		grid-column: 1;
		grid-row: 2;
		padding: 0 clamp(.25rem, 2vw, 1rem);
		width: 100%;
	}

	.uar-partners-inner {
		grid-template-columns: 1fr;
	}

	.uar-sponsor-inner {
		grid-template-columns: 1fr;
	}

	.uar-group-hire-inner {
		grid-template-columns: 1fr;
	}

	.uar-sponsor-copy,
	.uar-group-hire-copy {
		max-width: none;
	}

	.uar-commercial-heading {
		grid-template-columns: 1fr;
	}

	.uar-commercial-process ol {
		grid-template-columns: 1fr;
	}

	.uar-partners-heading,
	.uar-partners-title {
		max-width: none !important;
		width: 100% !important;
	}

	.uar-discipline-card,
	.uar-discipline-card:first-child,
	.uar-discipline-card:nth-child(4),
	.uar-discipline-card:nth-child(5) {
		grid-column: 1 / -1;
	}

	.uar-event-row {
		grid-template-columns: 90px minmax(0, 1fr) auto;
	}

	.uar-event-meta {
		display: none;
	}

	.uar-news-grid .wp-block-post-template {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.uar-news-grid .wp-block-post:last-child {
		grid-column: 1 / -1;
	}

	.uar-footer-grid {
		grid-template-columns: 1.4fr 1fr;
	}

	.uar-footer-grid > :first-child {
		grid-column: 1 / -1;
	}
}

@media (max-width: 1200px) {
	.uar-hero-content {
		gap: 0;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 1024px) {
	.uar-hero-content {
		grid-template-columns: minmax(0, 56%) minmax(0, 44%);
	}

	.uar-hero-slide img {
		max-height: 620px;
	}
}

@media (max-width: 900px) {
	.uar-hero,
	.uar-hero-content {
		min-height: auto;
	}

	.uar-hero-content {
		align-items: start;
		gap: 2rem;
		grid-template-columns: 1fr;
		padding-bottom: 3rem;
		padding-top: 6rem;
	}

	.uar-hero-carousel {
		justify-self: center;
		max-width: 620px;
		order: 2;
	}

	.uar-hero-slides {
		height: min(560px, 133.333vw);
	}

	.uar-hero-slide img {
		max-height: 560px;
		object-position: center;
	}
}

@media (max-width: 979px) {
	.uar-coach-people {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 700px) {
	.uar-site-header {
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
	}

	.uar-commercial-grid {
		grid-template-columns: 1fr;
	}

	.uar-commercial-hero h1 {
		font-size: clamp(3.3rem, 16vw, 5rem);
	}

	.uar-pricing {
		padding-left: .75rem;
		padding-right: .75rem;
	}

	.uar-pricing-grid,
	.uar-payment-methods {
		grid-template-columns: 1fr;
	}

	.uar-pricing-card {
		min-height: 285px;
	}

	.uar-enrolment,
	.uar-discounts,
	.uar-payment {
		border-radius: var(--uar-radius-md);
	}

	.uar-enrolment-price strong {
		font-size: 4.4rem;
	}

	.uar-discounts li {
		grid-template-columns: 62px minmax(0, 1fr);
	}

	.uar-passes-grid {
		gap: .5rem;
	}

	.uar-passes-grid div {
		padding: 1.1rem;
	}

	.uar-pricing-source {
		text-align: left;
	}

	.uar-history-timeline {
		max-width: 100%;
	}

	.uar-history-item {
		gap: 0;
		grid-template-columns: 1fr;
	}

	.uar-history-year {
		align-items: baseline;
		display: flex;
		gap: .55rem;
		padding: 1.5rem 0 .8rem;
		text-align: left;
	}

	.uar-history-year small {
		font-size: .38em;
		margin: 0;
	}

	.uar-history-copy {
		padding: 1.5rem 0 2.8rem 1.25rem;
	}

	.uar-history-copy::before {
		top: 1.85rem;
	}

	.uar-history-item.is-highlighted .uar-history-copy,
	.uar-history-item.is-today .uar-history-copy {
		margin: 0 0 1rem;
	}

	main:has(.uar-records) {
		max-width: 100vw;
		min-width: 0;
		overflow-x: clip;
		width: 100%;
	}

	.uar-records-hero,
	.uar-records-hero > .alignwide,
	.uar-records,
	.uar-records-inner {
		box-sizing: border-box;
		max-width: 100vw;
		width: 100%;
	}

	.uar-records-hero > .alignwide {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.uar-records-hero .uar-page-title {
		font-size: clamp(3rem, 15vw, 4.5rem);
		max-width: 100%;
		overflow-wrap: anywhere;
		width: 100%;
	}

	.uar-records {
		padding-left: .75rem;
		padding-right: .75rem;
	}

	.uar-records-inner,
	.uar-records-intro > *,
	.uar-records-toolbar,
	.uar-records-tabs,
	.uar-records-panel,
	.uar-records-table-wrap,
	.uar-records-table,
	.uar-records-table tbody,
	.uar-records-table tr,
	.uar-records-table td {
		max-width: 100%;
		min-width: 0;
	}

	.uar-records-stats {
		gap: .4rem;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.uar-records-stats div {
		min-width: 0;
		overflow: hidden;
		padding: .8rem;
	}

	.uar-records-stats strong {
		font-size: 1.5rem;
	}

	.uar-records-stats span {
		font-size: .58rem;
	}

	.uar-records-toolbar {
		align-items: stretch;
		flex-direction: column;
	}

	.uar-records-tabs {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		width: 100%;
	}

	.uar-records-tab {
		font-size: .68rem;
		gap: .3rem;
		justify-content: center;
		min-width: 0;
		overflow: hidden;
		padding-right: .5rem;
	}

	.uar-records-tab > span {
		height: 28px;
		width: 28px;
	}

	.uar-records-search {
		box-sizing: border-box;
		width: 100%;
	}

	.uar-records-specialties {
		flex-wrap: nowrap;
		overflow-x: auto;
		padding-bottom: .85rem;
		scrollbar-width: thin;
	}

	.uar-records-specialty {
		flex: 0 0 auto;
		white-space: nowrap;
	}

	.uar-discipline-card.is-lime {
		background-image:
			linear-gradient(105deg, rgba(227, 29, 52, .93) 0%, rgba(227, 29, 52, .82) 55%, rgba(227, 29, 52, .56) 100%),
			url("assets/images/salto-de-altura-oriol-ardevol.jpeg");
		background-position: center center;
	}

	.uar-discipline-grid > .uar-discipline-card:first-child {
		background-image:
			linear-gradient(90deg, rgba(6, 27, 82, .96) 0%, rgba(6, 27, 82, .88) 58%, rgba(6, 27, 82, .58) 100%),
			url("assets/images/velocitat-atleta-uar.png");
		background-position: 72% center;
	}

	.uar-discipline-grid > .uar-discipline-card:nth-child(2) {
		background-image:
			linear-gradient(90deg, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .8) 60%, rgba(255, 255, 255, .4) 100%),
			url("assets/images/fons-corredora-gos-uar.png");
		background-position: 70% center;
	}

	.uar-discipline-grid > .uar-discipline-card:nth-child(4) {
		background-image:
			linear-gradient(90deg, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .8) 58%, rgba(255, 255, 255, .4) 100%),
			url("assets/images/llancaments-javelina-uar.png");
		background-position: 70% center;
	}

	.uar-discipline-grid > .uar-discipline-card:nth-child(5) {
		background-image:
			linear-gradient(90deg, rgba(6, 27, 82, .94) 0%, rgba(6, 27, 82, .84) 58%, rgba(6, 27, 82, .62) 100%),
			url("assets/images/grupo-casal-unio-atletica-rubi.png");
		background-position: center center;
	}

	.uar-records-table-wrap {
		background: transparent;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		overflow: visible;
	}

	.uar-records-table,
	.uar-records-table tbody,
	.uar-records-table tr,
	.uar-records-table td {
		display: block;
		width: 100%;
	}

	.uar-records-table {
		font-size: .84rem;
	}

	.uar-records-table thead {
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		height: 1px;
		overflow: hidden;
		position: absolute;
		white-space: nowrap;
		width: 1px;
	}

	.uar-records-table tbody {
		display: grid;
		gap: .75rem;
		padding-top: .75rem;
	}

	.uar-records-table tbody tr {
		background: var(--uar-white);
		border: 1px solid var(--uar-line);
		border-radius: var(--uar-radius-sm);
		box-shadow: 0 10px 26px rgba(6, 27, 82, .06);
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		overflow: hidden;
		padding: .35rem 1rem .8rem;
	}

	.uar-records-table td {
		border: 0;
		box-sizing: border-box;
		overflow-wrap: anywhere;
		padding: .55rem 0;
	}

	.uar-records-table td::before {
		color: var(--uar-muted);
		content: attr(data-label);
		display: block;
		font-size: .58rem;
		font-weight: 850;
		letter-spacing: .09em;
		margin-bottom: .28rem;
		text-transform: uppercase;
	}

	.uar-records-table td:first-child,
	.uar-records-table td:nth-child(2) {
		grid-column: 1 / -1;
	}

	.uar-records-table td:first-child {
		border-bottom: 1px solid var(--uar-line);
		font-size: 1.08rem;
		margin-bottom: .15rem;
		padding-bottom: .8rem;
	}

	.uar-records-table td:nth-child(4),
	.uar-records-table td:nth-child(6) {
		padding-left: clamp(.5rem, 3vw, 1.25rem);
		text-align: left !important;
	}

	.uar-records-table td:nth-child(4)::before,
	.uar-records-table td:nth-child(6)::before {
		text-align: left !important;
	}

	.uar-records-table td:nth-child(5) small {
		font-size: .62rem;
	}

	.uar-records-note {
		line-height: 1.5;
		text-align: left;
	}

	.uar-site-header .wp-block-navigation__responsive-container.is-menu-open {
		padding-left: max(1rem, env(safe-area-inset-left));
		padding-right: max(1rem, env(safe-area-inset-right));
	}

	.uar-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
		gap: .8rem;
		margin-top: 1rem;
	}

	.uar-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
		font-size: clamp(1.55rem, 7vw, 2.3rem);
		line-height: 1.1;
	}

	.uar-ficha-hero .uar-page-title {
		font-size: clamp(2.75rem, 13vw, 4.5rem) !important;
		letter-spacing: -.055em;
		max-width: 100%;
		overflow-wrap: anywhere;
	}

	.uar-ficha-intro,
	.uar-ficha-grid,
	.uar-ficha-grid.is-three {
		grid-template-columns: 1fr;
	}

	.uar-ficha-card {
		min-height: 0;
	}

	.uar-coaches-intro,
	.uar-coach-group-heading,
	.uar-coach-grid,
	.uar-coach-grid.is-two,
	.uar-coach-grid.is-pair {
		grid-template-columns: 1fr;
	}

	.uar-coach-card {
		grid-template-columns: auto minmax(0, 1fr);
		min-height: 0;
	}

	.uar-coach-card > div:last-child {
		display: contents;
	}

	.uar-coach-card h3 {
		align-self: center;
		margin: 0;
	}

	.uar-coach-person {
		grid-template-columns: 1fr;
		max-width: none;
	}

	.uar-coach-photo {
		max-width: none;
		width: 100%;
	}

	.uar-coach-person figcaption {
		padding: .25rem .25rem 0;
	}

	.uar-coach-people {
		grid-column: 1 / -1;
		grid-template-columns: 1fr;
	}

	.uar-header-inner {
		min-height: 78px;
	}

	.uar-brand-logo-link {
		flex: 0 0 155px;
		height: 72px;
		width: 155px;
	}

	.uar-header-inner > .wp-block-group {
		align-items: center;
	}

	.uar-site-header .wp-block-navigation__responsive-container-open {
		align-items: center;
		background: var(--uar-white);
		border: 1px solid rgba(6, 27, 82, .14);
		border-radius: 50%;
		bottom: max(1.15rem, env(safe-area-inset-bottom));
		box-shadow: 0 12px 32px rgba(6, 27, 82, .24);
		box-sizing: border-box;
		display: inline-flex;
		height: 58px;
		justify-content: center;
		min-width: 58px;
		opacity: 1;
		padding: 14px;
		position: fixed;
		right: max(1.15rem, env(safe-area-inset-right));
		transform: translateY(0) scale(1);
		transition: opacity .22s ease, transform .3s var(--uar-ease), box-shadow .25s ease;
		z-index: 1001;
	}

	.uar-site-header .wp-block-navigation__responsive-container-open svg {
		color: var(--uar-ink);
		height: 28px;
		width: 28px;
	}

	body.uar-menu-is-scrolling .uar-site-header .wp-block-navigation__responsive-container-open:not(:focus-visible) {
		opacity: .08;
		pointer-events: none;
		transform: translateY(12px) scale(.88);
	}

	.uar-brand-subtitle {
		display: none;
	}

	.uar-hero-actions .wp-block-button,
	.uar-hero-actions .wp-block-button__link {
		width: 100%;
	}

	.uar-stat {
		padding: 1.5rem 1rem;
	}

	.uar-discipline-grid {
		gap: .75rem;
	}

	.uar-discipline-card,
	.uar-discipline-card:first-child,
	.uar-discipline-card:nth-child(4),
	.uar-discipline-card:nth-child(5) {
		grid-column: 1 / -1;
		min-height: 270px;
	}

	.uar-event-row {
		align-items: start;
		gap: .45rem 1rem;
		grid-template-columns: 72px minmax(0, 1fr);
	}

	.uar-event-tag {
		grid-column: 2;
		justify-self: start;
	}

	.uar-news-grid .wp-block-post-template {
		grid-template-columns: 1fr;
	}

	.uar-news-grid .wp-block-post:last-child {
		grid-column: auto;
	}

	.uar-join-card {
		border-radius: var(--uar-radius-md);
	}

	.uar-footer-grid {
		grid-template-columns: 1fr;
	}

	.uar-footer-grid > :first-child {
		grid-column: auto;
	}
}

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

	*,
	*::before,
	*::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
	}

	.uar-reveal {
		opacity: 1;
		transform: none;
	}

	.uar-partners-marquee {
		mask-image: none;
		overflow-x: auto;
	}
}

/* Agenda compartida: portada, listado completo y ficha. */
.uar-events-inner,
.uar-events-page-hero-inner,
.uar-events-directory-inner,
.uar-event-detail-hero-inner,
.uar-event-detail {
	box-sizing: border-box;
	margin-inline: auto !important;
	max-width: 1280px !important;
	width: calc(100% - clamp(2rem, 6vw, 4rem));
}

.uar-events-section {
	background: linear-gradient(115deg, var(--uar-ink), var(--uar-ink-soft));
	position: relative;
}

.uar-section {
	padding-bottom: clamp(4.5rem, 4vw, 8rem);
	padding-top: clamp(4.5rem, 4vw, 8rem);
}

.uar-events-section::before {
	background: var(--uar-accent);
	content: "";
	height: 5px;
	left: 0;
	position: absolute;
	top: 0;
	width: min(32vw, 430px);
}

.uar-events-section .uar-section-heading {
	grid-template-columns: minmax(0, 1fr) auto;
}

.uar-events-section .uar-section-title {
	max-width: 22ch;
}

.uar-events-section :where(.uar-event-title, .uar-event-meta) {
	color: var(--uar-white) !important;
}

.uar-events-section .uar-event-tag {
	background: var(--uar-accent);
	border-color: var(--uar-accent);
	color: var(--uar-white);
}

.uar-events-section .uar-section-intro {
	color: rgba(255, 255, 255, .76);
	margin-top: 1.25rem;
	max-width: 62ch;
}

.uar-events-button {
	align-items: center;
	align-self: end;
	background: var(--uar-accent);
	border-radius: 999px;
	color: var(--uar-white) !important;
	display: inline-flex;
	font-size: .76rem;
	font-weight: 850;
	gap: .55rem;
	justify-content: center;
	letter-spacing: .08em;
	padding: .95rem 1.4rem;
	text-decoration: none;
	text-transform: uppercase;
}

.uar-events-button:hover {
	background: var(--uar-white);
	color: var(--uar-ink) !important;
	transform: translateY(-2px);
}

.uar-events-page-hero {
	background:
		linear-gradient(105deg, rgba(6, 27, 82, .98) 0 58%, rgba(6, 27, 82, .72) 100%),
		url("assets/images/velocitat-atleta-uar.png") 78% 42% / cover;
	color: var(--uar-white);
	padding-block: clamp(3.75rem, 7vw, 6.5rem);
	position: relative;
}

.uar-events-page-hero::after {
	background: var(--uar-accent);
	bottom: 0;
	content: "";
	height: 7px;
	left: 0;
	position: absolute;
	width: min(38vw, 500px);
}

.uar-events-page-hero-inner .uar-eyebrow {
	text-align: left;
}

.uar-events-page-hero-inner > * {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.uar-events-page-hero .uar-page-title {
	font-size: clamp(3.4rem, 6.8vw, 6.5rem) !important;
	margin-inline: 0;
	max-width: 18ch;
	text-align: left;
	text-wrap: balance;
}

.uar-events-page-lead {
	color: rgba(255, 255, 255, .8);
	font-size: clamp(1.05rem, 2vw, 1.3rem);
	max-width: 50ch;
	text-align: left;
}

.uar-event-detail-page .uar-header-inner {
	margin-inline: auto !important;
	max-width: 1280px !important;
	width: calc(100% - clamp(2rem, 6vw, 4rem)) !important;
}

.uar-event-detail-page .uar-header-inner > .wp-block-group {
	margin-left: auto !important;
}

/* La versión española usa la misma cabecera de Junta que la catalana. */
body.page-id-147 .uar-spanish-board-hero {
	display: none !important;
}

.uar-events-directory {
	background: linear-gradient(180deg, #eef3fa 0%, var(--uar-paper) 100%);
	padding-block: clamp(3rem, 7vw, 6rem);
}

.uar-events-directory .uar-calendar {
	margin-top: 0;
	max-width: none;
}

.uar-events-directory .uar-calendar-filters {
	background: var(--uar-white);
	border: 1px solid rgba(6, 27, 82, .1);
	border-radius: var(--uar-radius-md);
	box-shadow: 0 18px 50px rgba(6, 27, 82, .08);
	padding: clamp(1.25rem, 3vw, 2rem);
}

.uar-events-directory .uar-event-list {
	border-top: 0;
	display: grid;
	gap: .8rem;
}

.uar-events-directory .uar-event-row {
	background: var(--uar-white);
	border: 1px solid rgba(6, 27, 82, .09);
	border-left: 5px solid var(--uar-accent);
	border-radius: var(--uar-radius-sm);
	box-shadow: 0 10px 30px rgba(6, 27, 82, .05);
	color: var(--uar-ink);
	padding: 1.45rem clamp(1.25rem, 3vw, 2rem);
}

.uar-events-directory .uar-event-row:hover {
	background: var(--uar-ink);
	border-color: var(--uar-ink);
	color: var(--uar-white);
	padding-left: calc(clamp(1.25rem, 3vw, 2rem) + .45rem);
}

.uar-events-directory .uar-event-row:hover :where(.uar-event-title, .uar-event-meta) {
	color: var(--uar-white);
}

.uar-events-directory .uar-event-tag {
	background: rgba(227, 29, 52, .1);
	border: 0;
	color: var(--uar-accent);
}

.uar-calendar-toolbar {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	justify-content: space-between;
	margin: 1.25rem 0;
}

.uar-calendar [hidden] { display: none !important; }

.uar-calendar-views,
.uar-calendar-navigation,
.uar-calendar-pagination {
	align-items: center;
	display: flex;
	gap: .45rem;
}

.uar-calendar-filter-label {
	color: var(--uar-ink);
	display: block;
	font-size: .76rem;
	font-weight: 850;
	letter-spacing: .07em;
	margin-bottom: .45rem;
	text-transform: uppercase;
}

.uar-calendar-views button,
.uar-calendar-navigation button,
.uar-calendar-pagination button {
	background: var(--uar-white);
	border: 1px solid rgba(6, 27, 82, .14);
	border-radius: 999px;
	color: var(--uar-ink);
	cursor: pointer;
	font: inherit;
	font-size: .78rem;
	font-weight: 800;
	padding: .65rem .9rem;
}

.uar-calendar-views button.is-active,
.uar-calendar-views button:hover,
.uar-calendar-navigation button:hover,
.uar-calendar-pagination button:hover {
	background: var(--uar-ink);
	border-color: var(--uar-ink);
	color: var(--uar-white);
}

.uar-calendar-navigation strong { min-width: 12rem; text-align: center; text-transform: capitalize; }
.uar-calendar-toolbar { justify-content: center; }
.uar-calendar-pagination { justify-content: center; margin-top: 1.5rem; }
.uar-calendar-pagination button:disabled { cursor: not-allowed; opacity: .4; }

.uar-calendar-stage {
	background: var(--uar-white);
	border: 1px solid rgba(6, 27, 82, .1);
	border-radius: var(--uar-radius-md);
	box-shadow: 0 18px 50px rgba(6, 27, 82, .08);
	overflow: hidden;
}

.uar-calendar-weekdays,
.uar-calendar-month {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
}

.uar-calendar-weekdays { background: var(--uar-ink); color: var(--uar-white); grid-column: 1 / -1; }
.uar-calendar-weekdays span { font-size: .7rem; font-weight: 850; padding: .8rem .3rem; text-align: center; text-transform: uppercase; }
.uar-calendar-month { grid-column: 1 / -1; }
.uar-calendar-day { border-right: 1px solid rgba(6, 27, 82, .08); border-top: 1px solid rgba(6, 27, 82, .08); min-height: 7.7rem; padding: .5rem; }
.uar-calendar-day:nth-child(7n) { border-right: 0; }
.uar-calendar-day > span, .uar-calendar-day > strong { color: var(--uar-ink); display: block; font-size: .78rem; font-weight: 850; margin-bottom: .35rem; }
.uar-calendar-day.is-outside { background: #f6f8fb; color: var(--uar-muted); }
.uar-calendar-day.is-outside > span { opacity: .45; }
.uar-calendar-event { background: rgba(227, 29, 52, .11); border-left: 3px solid var(--uar-accent); border-radius: 3px; color: var(--uar-ink); display: block; font-size: .69rem; font-weight: 600; line-height: 1.2; margin-top: .3rem; padding: .3rem .35rem; text-decoration: none; }
.uar-calendar-event:hover { background: var(--uar-accent); color: var(--uar-white); }
.uar-event-row[data-event-type="popular"], .uar-calendar-event[data-event-type="popular"] { --uar-event-type-color: #e31d34; }
.uar-event-row[data-event-type="team"], .uar-calendar-event[data-event-type="team"] { --uar-event-type-color: #123a78; }
.uar-event-row[data-event-type="children"], .uar-calendar-event[data-event-type="children"] { --uar-event-type-color: #b9df24; }
.uar-event-row[data-event-type="fons"], .uar-calendar-event[data-event-type="fons"] { --uar-event-type-color: #008b8b; }
.uar-events-directory .uar-event-row[data-event-type] { border-left-color: var(--uar-event-type-color); }
.uar-events-directory .uar-event-row[data-event-type] .uar-event-title { background: var(--uar-event-type-color); border-radius: 5px; color: var(--uar-white); padding: .35rem .55rem; width: fit-content; }
.uar-events-directory .uar-event-row[data-event-type="children"] .uar-event-title { color: var(--uar-ink); }
.uar-calendar-event[data-event-type] { background: color-mix(in srgb, var(--uar-event-type-color) 14%, white); border-left-color: var(--uar-event-type-color); }
.uar-calendar-event[data-event-type]:hover { background: var(--uar-event-type-color); color: var(--uar-white); }
.uar-calendar-event[data-event-type="children"]:hover { color: var(--uar-ink); }
.uar-calendar-week { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.uar-calendar-week .uar-calendar-day { min-height: 19rem; }
.uar-calendar-year { display: grid; gap: 1px; grid-template-columns: repeat(3, minmax(0, 1fr)); background: rgba(6, 27, 82, .09); }
.uar-calendar-year section { background: var(--uar-white); min-height: 10rem; padding: 1rem; }
.uar-calendar-year h3 { color: var(--uar-ink); font-size: .95rem; margin: 0 0 .7rem; text-transform: capitalize; }
.uar-calendar-year p { color: var(--uar-muted); margin: 0; }

@media (min-width: 701px) and (max-width: 1024px) {
	.uar-calendar-week { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.uar-calendar-week .uar-calendar-day { min-height: 12rem; }
}

@media (max-width: 700px) {
	.uar-calendar-toolbar { align-items: stretch; }
	.uar-calendar-views { display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; }
	.uar-calendar-views button { padding-inline: .4rem; }
	.uar-calendar-navigation { justify-content: space-between; width: 100%; }
	.uar-calendar-day { min-height: 5.4rem; padding: .3rem; }
	.uar-calendar-week { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.uar-calendar-week .uar-calendar-day { min-height: 9rem; }
	.uar-calendar-event { font-size: .58rem; overflow: hidden; padding: .22rem; text-overflow: ellipsis; white-space: nowrap; }
	.uar-calendar-year { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.page-id-224 .uar-ficha-hero .uar-page-title {
	font-size: clamp(3rem, 6.2vw, 6rem);
	margin-top: 1rem;
	white-space: nowrap;
}

.page-id-224 .uar-ficha-hero .uar-eyebrow { margin-bottom: 1.3rem; }

.uar-commercial-form {
	background: var(--uar-white);
	border-radius: var(--uar-radius-md);
	box-shadow: 0 18px 45px rgba(6, 27, 82, .16);
	color: var(--uar-ink);
	margin-top: 2rem;
	padding: clamp(1.25rem, 3vw, 2.5rem);
	scroll-margin-top: 7rem;
}

@media (min-width: 781px) {
	#formulari-grups.uar-commercial-form,
	#formulario-grupos.uar-commercial-form,
	#formulari-patrocini .uar-commercial-form,
	#formulario-patrocinio .uar-commercial-form,
	#contacte-massatges .uar-commercial-form,
	#contacto-masajes .uar-commercial-form {
		box-sizing: border-box;
		margin-inline: auto !important;
		width: 50%;
	}
}

.uar-commercial-form .wpforms-container {
	margin-inline: auto !important;
	max-width: 620px;
	text-align: left;
}
.uar-commercial-form .wpforms-field { text-align: left; }
.uar-commercial-form .wpforms-field input,
.uar-commercial-form .wpforms-field textarea,
.uar-commercial-form .wpforms-field select { max-width: 100%; }

.uar-commercial-hero--groups .uar-commercial-primary + .uar-commercial-primary,
.uar-commercial-hero--sponsor .uar-commercial-primary + .uar-commercial-primary,
.uar-commercial-hero--massage .uar-commercial-primary + .uar-commercial-primary {
	background: transparent;
	border: 1px solid rgba(255, 255, 255, .72);
	box-shadow: inset 0 0 0 1px rgba(227, 29, 52, .35);
	margin-left: 1rem;
}
.uar-commercial-hero--groups .uar-commercial-primary + .uar-commercial-primary:hover,
.uar-commercial-hero--sponsor .uar-commercial-primary + .uar-commercial-primary:hover,
.uar-commercial-hero--massage .uar-commercial-primary + .uar-commercial-primary:hover {
	background: var(--uar-white);
	border-color: var(--uar-white);
	color: var(--uar-ink) !important;
}
@media (max-width: 640px) {
	.uar-commercial-hero--groups .uar-commercial-primary + .uar-commercial-primary,
	.uar-commercial-hero--sponsor .uar-commercial-primary + .uar-commercial-primary,
	.uar-commercial-hero--massage .uar-commercial-primary + .uar-commercial-primary { margin-left: 0; margin-top: .9rem; }
}

.uar-commercial-form .wpforms-submit-container { text-align: left; }
.uar-commercial-form .wpforms-submit-container button {
	background: var(--uar-accent) !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: 0 10px 22px rgba(227, 29, 52, .24);
	color: var(--uar-white) !important;
	font-weight: 850 !important;
	letter-spacing: .06em;
	padding: .9rem 1.8rem !important;
	text-align: center !important;
	text-transform: uppercase;
	transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.uar-commercial-form .wpforms-submit-container button:hover {
	background: var(--uar-ink) !important;
	box-shadow: 0 14px 28px rgba(6, 27, 82, .24);
	transform: translateY(-2px);
}

.page-id-222 .uar-inscription-shell > .wp-block-group,
.page-id-224 .uar-inscription-shell > .wp-block-group {
	margin-inline: auto;
	max-width: 1280px;
	width: calc(100% - clamp(2rem, 6vw, 4rem));
}

.uar-event-detail-page .uar-content-shell {
	padding-inline: 0;
}

.uar-event-detail-page .uar-page-hero {
	padding-block: clamp(3rem, 5vw, 5rem);
}

.uar-event-detail-page .uar-page-hero.has-event-image {
	background-image:
		linear-gradient(100deg, rgba(6, 27, 82, .92), rgba(6, 27, 82, .58)),
		var(--uar-event-hero-image);
	background-position: center;
	background-size: cover;
	min-height: clamp(18rem, 32vw, 25rem);
	display: flex;
	align-items: end;
	overflow: hidden;
}

.uar-event-description-title {
	font-size: clamp(1.7rem, 2.8vw, 2.6rem) !important;
	line-height: 1.15 !important;
	margin-bottom: 2rem;
	max-width: 34ch;
}

@media (max-width: 780px) {
	.uar-events-section .uar-section-heading {
		grid-template-columns: 1fr;
	}

	.uar-events-button {
		justify-self: start;
	}
}

/* Espaciado común de titulares. Se conserva un valor negativo muy suave para
   abrir las letras sin ensanchar tanto el texto como para crear nuevas líneas. */
:where(h1, h2) {
	font-kerning: normal;
	letter-spacing: -.025em !important;
}

.uar-hero-carousel-controls {
	display: none !important;
}

/* Compensa la apertura de las letras ampliando moderadamente el espacio útil
   de los titulares para conservar el número de líneas original. */
.uar-hero-title { max-width: 10.5ch; }
.uar-section-title { max-width: 21.5ch; }
.uar-join-title { max-width: 11ch; }
.uar-commercial-hero h1 { max-width: 12ch; }
.uar-commercial-hero--groups h1 { max-width: 13.5ch; }
.uar-commercial-hero--massage h1 { max-width: 13ch; }
.uar-commercial-band h2 { max-width: 16ch; }
.uar-ficha-hero .uar-page-title { max-width: 11.5ch; }
.uar-coaches-intro h2 { max-width: 13.5ch; }
.uar-pricing-intro h2 { max-width: 21.5ch; }
.uar-history-hero .uar-page-title { max-width: 12.5ch; }
.uar-pricing-hero .uar-page-title { max-width: 13.5ch; }
.uar-records-hero .uar-page-title { max-width: 13.5ch; }
.uar-events-page-hero .uar-page-title { max-width: 20ch; }

/* Escala ligeramente menor para los titulares de mayor impacto. */
.uar-hero-title { font-size: clamp(3.4rem, 7vw, 6.2rem) !important; }
.uar-section-title { font-size: clamp(2.9rem, 6.1vw, 6.1rem) !important; }
#disciplinas .uar-section-title,
#noticias .uar-section-title { font-size: clamp(2.8rem, 5.75vw, 5rem) !important; }
.uar-join-title { font-size: clamp(2.95rem, 7.2vw, 6.8rem) !important; }
.uar-page-title { font-size: clamp(3.45rem, 8.1vw, 7.2rem) !important; }
.uar-ficha-hero .uar-page-title { font-size: clamp(3.15rem, 7.2vw, 6.8rem) !important; }
.uar-events-page-hero .uar-page-title { font-size: clamp(3.15rem, 6.1vw, 5.9rem) !important; }
.uar-commercial-hero h1 { font-size: clamp(3.35rem, 7.2vw, 7rem) !important; }
.uar-commercial-heading h2,
.uar-commercial-band h2,
.uar-commercial-cta h2 { font-size: clamp(2.55rem, 5vw, 4rem) !important; }
.uar-group-hire-title { font-size: clamp(2.75rem, 5.1vw, 4.2rem) !important; }
.uar-sponsor-title { font-size: clamp(2.75rem, 5.35vw, 4.4rem) !important; }
.uar-coaches-intro h2 { font-size: clamp(2.55rem, 4.5vw, 4.75rem) !important; }
.uar-pricing-intro h2 { font-size: clamp(2.55rem, 5.35vw, 5.15rem) !important; }
.uar-footer-title { font-size: clamp(2.2rem, 3.9vw, 3.9rem) !important; }

@media (min-width: 901px) {
	.uar-commercial-heading {
		grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
	}
}
