@font-face {
	font-family: "LigaPortugal";
	src: url("../fonts/OTF/LigaPortugal-Regular.otf") format("opentype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "LigaPortugal";
	src: url("../fonts/OTF/LigaPortugal-Bold.otf") format("opentype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

body,
button,
input,
select,
textarea {
	font-family: var(--ligarena-font-body);
}

body {
	background-color: #FAFCFF;
	--ligarena-header-height: var(--header-height, 6rem);
	--ligarena-contact-footer-slope: clamp(4rem, 8vw, 7rem);
	/* Sobrescreve tipografia system do Blocksy. */
	--theme-font-family: var(--ligarena-font-body);
	--theme-font-stack-default: var(--ligarena-font-body);
}

h1,
h2,
h3,
h4,
h5,
h6,
.site-title,
.ct-headings-font-family {
	font-family: var(--ligarena-font-heading);
}

/* Tipografia LigArena — 4 tamanhos de texto */
:root {
	--ligarena-color-primary: #001c48;
	--ligarena-color-primary-rgb: 0, 28, 72;
	--ligarena-color-primary-hover: color-mix(in srgb, #001c48 85%, #000000);
	--ligarena-site-pad-x: 10vw;

	/*
	 * Blocksy usa #192a3d na paleta global (color4) para títulos/links.
	 * Forçar a cor de marca por cima do CSS gerado pelo customizer.
	 */
	--theme-palette-color-3: #001c48;
	--theme-palette-color-4: #001c48;

	--ligarena-font-heading: "LigaPortugal", "Montserrat", sans-serif;
	--ligarena-font-body: "Montserrat", sans-serif;
	--theme-font-family: "Montserrat", sans-serif;
	--theme-font-stack-default: "Montserrat", sans-serif;

	/* Título de secção (h2) — referência: .ligarena-showcase-accordion__title */
	--ligarena-font-size-title: clamp(1.65rem, 0.95rem + 2.45vw, 3.65rem);
	--ligarena-line-height-title: 1.05;
	--ligarena-letter-spacing-title: 0.02em;
	--ligarena-font-weight-title: 400;
	--ligarena-font-weight-display: 400;

	/* Banner principal (h1) */
	--ligarena-font-size-display: clamp(3.15rem, 6.8vw, 7.25rem);

	/* Subtítulo (h3, títulos de cards, kicker) */
	--ligarena-font-size-subtitle: clamp(1.28rem, 1.65vw, 1.7rem);
	--ligarena-line-height-subtitle: 1.25;

	/* Parágrafo / lead (referência: .ligarena-event-showcase__lead) */
	--ligarena-font-size-lead: clamp(0.92rem, 0.52rem + 0.58vw, 1.28rem);
	--ligarena-line-height-lead: 1.5;

	/* Corpo = mesmo tamanho que o lead em todo o site */
	--ligarena-font-size-body: var(--ligarena-font-size-lead);
	--ligarena-line-height-body: var(--ligarena-line-height-lead);
}

@media (max-width: 1280px) and (min-width: 1025px) {
	:root {
		--ligarena-font-size-lead: clamp(0.9rem, 0.48rem + 0.55vw, 1.16rem);
		--ligarena-font-size-title: clamp(1.5rem, 0.9rem + 2.2vw, 3.2rem);
	}
}

@media (max-width: 900px) {
	:root,
	body {
		--ligarena-contact-footer-slope: clamp(2.5rem, 6.5vw, 3.5rem);
	}
}

@media (max-width: 1024px) {
	:root {
		--ligarena-site-pad-x: 6vw;
		--ligarena-font-size-lead: clamp(0.87rem, 0.4rem + 1.7vw, 1.05rem);
		--ligarena-font-size-title: clamp(1.5rem, 4.2vw + 0.55rem, 2.25rem);
	}
}

@media (max-width: 768px) {
	:root {
		--ligarena-font-size-display: clamp(2.15rem, 10vw, 3.15rem);
		--ligarena-font-size-subtitle: clamp(1.05rem, 4.2vw, 1.25rem);
		--ligarena-font-size-lead: clamp(0.85rem, 0.38rem + 2vw, 0.98rem);
	}
}

@media (max-width: 640px) {
	:root {
		--ligarena-font-size-lead: clamp(0.83rem, 0.36rem + 2.4vw, 0.94rem);
		--ligarena-font-size-title: clamp(1.35rem, 5.8vw, 1.9rem);
	}
}

@media (max-width: 480px) {
	:root {
		--ligarena-font-size-lead: clamp(0.82rem, 0.34rem + 2.7vw, 0.92rem);
	}
}

.ligarena-title,
.ligarena-contacto-section__title,
.ligarena-localizacao-section__title,
.ligarena-capacidades-group__title,
.ligarena-showcase-accordion__title,
.ligarena-solucao-section__title,
.ligarena-event-showcase__content h2,
.ligarena-event-section__intro h2,
.ligarena-capacidades-porto-section__headline,
.ligarena-sala-single__gallery-title,
.ligarena-sala-single__title,
.ligarena-eventos-banner__title,
.ligarena-experiencias-banner__title,
.ligarena-servicos-banner__title,
.ligarena-localizacao-banner__title,
.ligarena-localizacao-encantos__title,
.ligarena-espacos-banner__title,
.ligarena-sobre-banner__title,
.ligarena-eventos-tipos__title,
.ligarena-eventos-formato__title,
.ligarena-planta-section__title,
.ligarena-virtual-tour-section__title,
.ligarena-sustentabilidade-section__title,
.ligarena-centro-congressos-section__title,
.ligarena-espacos-exteriores-section__title,
.ligarena-sobre-versatilidade__title,
.ligarena-razoes-section__title {
	font-family: var(--ligarena-font-heading);
	font-size: var(--ligarena-font-size-title);
	line-height: var(--ligarena-line-height-title);
	letter-spacing: var(--ligarena-letter-spacing-title);
	font-weight: var(--ligarena-font-weight-title);
	text-transform: uppercase;
}

.ligarena-home-banner h1 {
	font-family: var(--ligarena-font-heading);
	font-size: var(--ligarena-font-size-display);
	line-height: 0.98;
	letter-spacing: 0.01em;
	font-weight: var(--ligarena-font-weight-display);
	text-transform: uppercase;
}

.ligarena-subtitle,
.ligarena-showcase-accordion__trigger,
.ligarena-solucao-card__title,
.ligarena-home-banner__kicker,
.ligarena-eventos-tipos__heading,
.ligarena-eventos-formato__kicker,
.ligarena-para-quem-section__kicker,
.ligarena-sobre-versatilidade__kicker,
.ligarena-sustentabilidade-section__kicker,
.ligarena-razoes-section__kicker,
.ligarena-razoes-section__label,
.ligarena-sustentabilidade-section__item-title,
.ligarena-planta-section__group-title,
.ligarena-cta-banner__title,
.ligarena-experiencias-programas__kicker,
.ligarena-experiencias-programas__integrar-title,
.ligarena-centro-congressos-section__subtitle,
.ligarena-espacos-exteriores-section__subtitle {
	font-family: var(--ligarena-font-heading);
	font-size: var(--ligarena-font-size-subtitle);
	line-height: var(--ligarena-line-height-subtitle);
	font-weight: 400;
	letter-spacing: var(--ligarena-letter-spacing-title);
	text-transform: uppercase;
}

.ligarena-lead,
.ligarena-contacto-section__lead,
.ligarena-localizacao-section__lead,
.ligarena-event-showcase__lead,
.ligarena-sala-single__lead,
.ligarena-sala-single__lead p,
.ligarena-eventos-banner__text p,
.ligarena-experiencias-banner__text p,
.ligarena-experiencias-bloco__text,
.ligarena-experiencias-programas__intro-text p,
.ligarena-experiencias-programas__step-text,
.ligarena-espacos-banner__text p,
.ligarena-sobre-banner__text p,
.ligarena-eventos-tipos__text,
.ligarena-eventos-formato__text,
.ligarena-sustentabilidade-section__lead,
.ligarena-sustentabilidade-section__item-text,
.ligarena-espacos-exteriores-section__text,
.ligarena-sobre-versatilidade__lead,
.ligarena-sobre-versatilidade__text {
	font-family: var(--ligarena-font-body);
	font-size: var(--ligarena-font-size-lead);
	line-height: var(--ligarena-line-height-lead);
	font-weight: 500;
}

.ligarena-text,
.ligarena-localizacao-section__text,
.ligarena-event-showcase__content p,
.ligarena-showcase-accordion__panel p,
.ligarena-solucao-card__text,
.ligarena-home-banner__description {
	font-family: var(--ligarena-font-body);
	font-size: var(--ligarena-font-size-body);
	line-height: var(--ligarena-line-height-body);
	font-weight: 500;
}

@keyframes ligarena-fade-up {
	from {
		opacity: 0;
		transform: translateY(10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes ligarena-fade-in {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@media (max-width: 1919px) {
	:root {
		--ligarena-site-pad-x: 6vw;
		--ligarena-font-size-title: clamp(1.5rem, 0.85rem + 2.2vw, 3.2rem);
		--ligarena-font-size-display: clamp(2.8rem, 5.8vw, 6.2rem);
		--ligarena-font-size-subtitle: clamp(1.15rem, 1.45vw, 1.5rem);
		--ligarena-font-size-lead: clamp(0.88rem, 0.48rem + 0.55vw, 1.18rem);
	}
}

@keyframes ligarena-image-in-right {
	from {
		opacity: 0;
		right: -3vw;
	}

	to {
		opacity: 1;
		right: 0;
	}
}