/* SAC · variables de diseño (identidad: azul marino #092B50, cian #28B6E8, blanco). */
:root {
	--sac-ink: #092b50;
	--sac-muted: #52677f;
	--sac-teal: #075b91;
	--sac-deep: #092b50;
	--sac-cyan: #28b6e8;
	--sac-mint: #a9e4fa;
	--sac-bg: #f3f8fc;
	--sac-line: #dbe6ef;
	--sac-white: #fff;
	--sac-btn: #092b50;
	--sac-btn-hover: #124775;
	--sac-focus: #bc550a;
	--sac-radius: 18px;
	--sac-width: 1160px;
	--sac-gutter: 64px;
	--sac-header-h: 82px;
	--sac-float-offset: 0px;
	--sac-font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

@media (max-width: 520px) {
	:root {
		--sac-gutter: 36px;
	}
}

/* Primitivas compartidas por el tema y los componentes (prefijo .sac-). */
.sac-wrap {
	width: min(var(--sac-width), calc(100% - var(--sac-gutter)));
	margin-inline: auto;
}

.sac-sr {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.sac-eyebrow {
	display: block;
	margin-bottom: 18px;
	color: var(--sac-teal);
	font-size: 12px;
	font-weight: 750;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.sac-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
	min-height: 50px;
	padding: 12px 23px;
	border: 1px solid transparent;
	border-radius: 8px;
	background: var(--sac-btn);
	color: #fff;
	font: 650 14px/1.3 var(--sac-font);
	text-decoration: none;
	cursor: pointer;
	transition: background .18s, transform .18s;
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
}

.sac-btn:hover {
	background: var(--sac-btn-hover);
	color: #fff;
	transform: translateY(-2px);
}

.sac-btn.secondary {
	border-color: #c5cfd7;
	background: #fff;
	color: var(--sac-ink);
}

.sac-btn.secondary:hover {
	background: #edf2f7;
	color: var(--sac-ink);
}

.sac-link {
	display: inline-flex;
	align-items: center;
	gap: 20px;
	min-height: 44px;
	color: var(--sac-teal);
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
}

.sac-c :focus-visible,
.sac-site-header :focus-visible,
.sac-btn:focus-visible,
.sac-link:focus-visible {
	outline: 3px solid var(--sac-focus);
	outline-offset: 5px;
}

@media (prefers-reduced-motion: reduce) {
	.sac-btn,
	.sac-c * {
		transition: none;
		animation: none;
	}
}