/* =============================================================================
 * Sticky CTA bar (mobile) — aparece tras 200px de scroll, dos botones.
 * ============================================================================ */

.da-sticky-cta {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 90;
	background: #fff;
	border-top: 1px solid var(--da-border);
	box-shadow: 0 -8px 24px rgba(0,25,76,0.12);
	padding: var(--sp-2) var(--sp-3) calc(var(--sp-2) + env(safe-area-inset-bottom));
	display: none;
	transform: translateY(100%);
	transition: transform var(--dur-normal) var(--ease-out);
}

.da-sticky-cta.is-visible {
	transform: translateY(0);
}

.da-sticky-cta__row {
	display: flex;
	gap: var(--sp-2);
}

.da-sticky-cta__btn {
	flex: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--sp-1);
	min-height: 48px;
	padding: var(--sp-2) var(--sp-3);
	border-radius: var(--r-md);
	font-family: var(--da-font-heading);
	font-weight: var(--fw-semibold);
	font-size: var(--fs-sm);
	text-decoration: none;
	transition: filter var(--dur-fast) var(--ease-out);
}

.da-sticky-cta__btn:hover { filter: brightness(0.95); }
.da-sticky-cta__btn--wa { background: #25D366; color: #fff; }
.da-sticky-cta__btn--call { background: var(--da-blue); color: #fff; }

.da-sticky-cta__btn svg { width: 18px; height: 18px; }

@media (max-width: 880px) {
	.da-sticky-cta { display: block; }
	body { padding-bottom: 70px; }
}