*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
	background: var(--pf-bg-dark);
	color: var(--pf-white);
	font-family: 'Onest', sans-serif;
	margin: 0;
	padding-top: 197px;
}

img { max-width: 100%; height: auto; }
a { text-decoration: none; }

.pf-container {
	max-width: var(--pf-max);
	margin: 0 auto;
	padding: 0 40px;
}

.pf-btn-red {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--pf-red);
	color: #ffffff;
	font-family: 'Londrina Solid', sans-serif;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	padding: 15px 38px;
	border-radius: 6px;
	transition: background var(--pf-transition);
}
.pf-btn-red:hover { background: var(--pf-red-hover); color: #fff; }

.pf-eyebrow {
	font-family: 'Onest', sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.18em;
	color: var(--pf-yellow);
	text-transform: uppercase;
	margin: 0 0 10px;
}

.pf-center { text-align: center; }

.pf-btn-sm {
	font-size: 14px;
	padding: 10px 24px;
}

.pf-content-page {
	padding: 60px 0 80px;
}

.pf-content-page h1 {
	font-family: 'Londrina Solid', sans-serif;
	font-size: 42px;
	font-weight: 400;
	margin: 0 0 24px;
}

.pf-content-page .entry-content {
	font-size: 16px;
	line-height: 1.7;
	color: var(--pf-gray);
}

.pf-error-page {
	padding: 120px 0;
	text-align: center;
}

.pf-error-page h1 {
	font-family: 'Londrina Solid', sans-serif;
	font-size: 72px;
	margin: 0 0 16px;
	color: var(--pf-red);
}

/* Animaciones de entrada (reveal) */
.pf-reveal {
	opacity: 0;
	transform: translateY(28px);
	transition: opacity 0.7s ease, transform 0.7s ease;
	will-change: opacity, transform;
}

.pf-reveal.pf-reveal-in {
	opacity: 1;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	.pf-reveal { opacity: 1; transform: none; transition: none; }
}

@media (max-width: 768px) {
	body { padding-top: 90px; }
	.pf-container { padding: 0 25px; }
}





