:root {
	--pao-primary: #173f35;
	--pao-accent: #b9684f;
	--pao-ink: #252525;
	--pao-muted: #67736f;
	--pao-surface: #f7f3ec;
	--pao-white: #ffffff;
	--pao-border: rgba(37, 37, 37, 0.12);
	--pao-radius-sm: 10px;
	--pao-radius: 18px;
	--pao-radius-lg: 28px;
	--pao-shadow: 0 18px 50px rgba(23, 63, 53, 0.11);
	--pao-content: 1180px;
	--pao-space: clamp(52px, 7vw, 104px);
}

html {
	scroll-behavior: smooth;
	scroll-padding-top: 96px;
}

body {
	color: var(--pao-ink);
	text-rendering: optimizeLegibility;
}

.pao-page {
	overflow: clip;
}

.pao-section {
	padding-top: var(--pao-space) !important;
	padding-bottom: var(--pao-space) !important;
}

.pao-section--compact {
	padding-top: clamp(38px, 5vw, 72px) !important;
	padding-bottom: clamp(38px, 5vw, 72px) !important;
}

.pao-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 16px;
	color: var(--pao-accent);
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .14em;
	line-height: 1.3;
	text-transform: uppercase;
}

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

.pao-hero {
	position: relative;
	isolation: isolate;
}

.pao-hero h1 {
	max-width: 820px;
	margin-bottom: 20px;
	font-size: clamp(2.35rem, 5.2vw, 5.5rem);
	line-height: .98;
	letter-spacing: -.045em;
	text-wrap: balance;
}

.pao-hero--local h1 {
	font-size: clamp(2.25rem, 4.4vw, 4.8rem);
}

.pao-hero .lead {
	max-width: 680px;
	font-size: clamp(1.05rem, 1.7vw, 1.28rem);
	line-height: 1.65;
}

.pao-hero-card,
.pao-card,
.pao-form-card {
	height: 100%;
	border: 1px solid var(--pao-border);
	border-radius: var(--pao-radius);
	background: var(--pao-white);
	box-shadow: var(--pao-shadow);
}

.pao-card,
.pao-form-card {
	padding: clamp(24px, 3vw, 38px);
}

.pao-card {
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.pao-card:hover {
	border-color: color-mix(in srgb, var(--pao-accent) 45%, transparent);
	box-shadow: 0 22px 56px rgba(23, 63, 53, .16);
	transform: translateY(-5px);
}

.pao-card h2,
.pao-card h3 {
	margin-top: 0;
	text-wrap: balance;
}

.pao-card .button {
	margin-bottom: 0;
}

.pao-card--soft {
	background: var(--pao-surface);
	box-shadow: none;
}

.pao-card--dark {
	border-color: rgba(255, 255, 255, .14);
	background: var(--pao-primary);
	color: var(--pao-white);
}

.pao-media {
	position: relative;
	min-height: 420px;
	overflow: hidden;
	border-radius: var(--pao-radius-lg);
	background:
		linear-gradient(145deg, rgba(255,255,255,.15), transparent 45%),
		linear-gradient(135deg, var(--pao-primary), color-mix(in srgb, var(--pao-accent) 70%, #271c19));
	box-shadow: var(--pao-shadow);
}

.pao-media::after {
	position: absolute;
	right: 7%;
	bottom: 7%;
	width: 42%;
	height: 42%;
	border: 1px solid rgba(255,255,255,.45);
	border-radius: 999px 999px 24px 999px;
	content: "";
}

.pao-media--editorial {
	background:
		linear-gradient(160deg, transparent 48%, rgba(37,37,37,.08) 48%),
		linear-gradient(135deg, #dccdbe, #8a9481);
}

.pao-media--software {
	background:
		radial-gradient(circle at 80% 20%, rgba(255,255,255,.28), transparent 28%),
		linear-gradient(135deg, #18213c, #2c41bd);
}

.pao-media--fintech {
	background:
		linear-gradient(145deg, transparent 52%, rgba(255,255,255,.24) 52%),
		linear-gradient(135deg, #173f35, #b8d000);
}

.pao-media--beauty {
	background:
		radial-gradient(circle at 25% 25%, rgba(255,255,255,.32), transparent 26%),
		linear-gradient(135deg, #53124b, #deb3cf);
}

.pao-stat {
	padding: 22px;
	border-top: 1px solid var(--pao-border);
}

.pao-stat strong {
	display: block;
	color: var(--pao-primary);
	font-size: clamp(1.55rem, 3vw, 2.6rem);
	line-height: 1;
}

.pao-link-grid a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 64px;
	padding: 16px 20px;
	border: 1px solid var(--pao-border);
	border-radius: var(--pao-radius-sm);
	background: var(--pao-white);
	color: var(--pao-ink);
	font-weight: 650;
	text-decoration: none;
	transition: .2s ease;
}

.pao-link-grid a::after {
	color: var(--pao-accent);
	content: "→";
	font-size: 1.2em;
}

.pao-link-grid a:hover {
	border-color: var(--pao-accent);
	color: var(--pao-primary);
	transform: translateX(3px);
}

.pao-process {
	counter-reset: pao-step;
}

.pao-process .pao-card {
	position: relative;
	padding-top: 76px;
	counter-increment: pao-step;
}

.pao-process .pao-card::before {
	position: absolute;
	top: 24px;
	left: 28px;
	display: grid;
	width: 38px;
	height: 38px;
	place-items: center;
	border-radius: 50%;
	background: var(--pao-accent);
	color: #fff;
	content: counter(pao-step, decimal-leading-zero);
	font-size: .75rem;
	font-weight: 800;
}

.pao-cta-band {
	border-radius: var(--pao-radius-lg);
	background: var(--pao-primary);
	color: var(--pao-white);
	box-shadow: var(--pao-shadow);
}

.pao-cta-band h2,
.pao-cta-band h3 {
	color: inherit;
}

.pao-cta-band .button.primary {
	background: var(--pao-accent);
}

.pao-anchor-nav {
	position: relative;
	z-index: 5;
	border-block: 1px solid var(--pao-border);
	background: rgba(255,255,255,.94);
}

.pao-anchor-nav .button {
	margin: 4px 6px;
}

.pao-breadcrumbs {
	margin-bottom: 20px;
	color: var(--pao-muted);
	font-size: .88rem;
}

.pao-breadcrumbs a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.pao-placeholder {
	display: grid;
	min-height: 260px;
	padding: 32px;
	place-items: center;
	border: 1px dashed color-mix(in srgb, var(--pao-primary) 45%, transparent);
	border-radius: var(--pao-radius);
	background: color-mix(in srgb, var(--pao-surface) 78%, white);
	color: var(--pao-muted);
	text-align: center;
}

.pao-table-wrap {
	overflow-x: auto;
	border: 1px solid var(--pao-border);
	border-radius: var(--pao-radius);
	background: var(--pao-white);
}

.pao-table-wrap table {
	min-width: 680px;
	margin: 0;
}

.pao-table-wrap th,
.pao-table-wrap td {
	padding: 16px 18px;
}

.pao-table-wrap thead {
	background: var(--pao-primary);
	color: var(--pao-white);
}

.pao-trust-note {
	padding: 16px 18px;
	border-left: 4px solid var(--pao-accent);
	background: var(--pao-surface);
	font-size: .94rem;
}

.pao-form-card input,
.pao-form-card select,
.pao-form-card textarea {
	border: 1px solid var(--pao-border);
	border-radius: 9px;
	background: #fff;
	box-shadow: none;
}

.pao-form-card input:focus,
.pao-form-card select:focus,
.pao-form-card textarea:focus {
	border-color: var(--pao-primary);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--pao-primary) 14%, transparent);
}

.pao-whatsapp-float {
	position: fixed;
	right: 22px;
	bottom: 22px;
	z-index: 999;
	display: grid;
	width: 58px;
	height: 58px;
	place-items: center;
	border-radius: 50%;
	background: #25d366;
	box-shadow: 0 10px 30px rgba(0,0,0,.22);
	color: #fff !important;
	font-size: 0;
	text-decoration: none;
	transition: transform .2s ease;
}

.pao-whatsapp-float::before {
	content: "WA";
	font-size: .82rem;
	font-weight: 850;
	letter-spacing: -.04em;
}

.pao-whatsapp-float:hover {
	transform: translateY(-4px) scale(1.03);
}

.pao-mobile-actions {
	display: none;
}

@media (max-width: 849px) {
	.pao-section {
		padding-top: 56px !important;
		padding-bottom: 56px !important;
	}

	.pao-hero h1 {
		font-size: clamp(2.2rem, 12vw, 4rem);
	}

	.pao-media {
		min-height: 320px;
	}

	.pao-whatsapp-float {
		bottom: 84px;
	}

	body.pao-has-mobile-actions {
		padding-bottom: 70px;
	}

	.pao-mobile-actions {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 998;
		display: grid;
		grid-auto-columns: 1fr;
		grid-auto-flow: column;
		min-height: 64px;
		border-top: 1px solid var(--pao-border);
		background: rgba(255,255,255,.97);
		box-shadow: 0 -10px 30px rgba(0,0,0,.09);
	}

	.pao-mobile-actions a {
		display: grid;
		place-items: center;
		padding: 9px 6px;
		color: var(--pao-ink);
		font-size: .76rem;
		font-weight: 750;
		text-align: center;
		text-decoration: none;
	}

	.pao-mobile-actions a.is-whatsapp {
		background: #25d366;
		color: #fff;
	}

	.pao-mobile-actions a.is-primary {
		background: var(--pao-primary);
		color: #fff;
	}
}

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

	.pao-card,
	.pao-link-grid a,
	.pao-whatsapp-float {
		transition: none;
	}
}