/**
 * Cómo funciona YoLaburo — lock visual (mobile-first, alta especificidad).
 */

body.zp-como-funciona-yolaburo,
body.page-template-page-como-funciona-yolaburo-php,
body.page-template-mobile-page-como-funciona-yolaburo-php {
	--zpcf-blue: #2563eb !important;
	--zpcf-blue-dark: #1d4ed8 !important;
	--zpcf-navy: #0d2340 !important;
	--zpcf-text: #0f172a !important;
	--zpcf-muted: #64748b !important;
	--zpcf-bg: #eef2ff !important;
	--zpcf-radius: 20px !important;
	--zpcf-radius-sm: 16px !important;
	--zpcf-header-gap: calc(env(safe-area-inset-top, 0px) + 56px) !important;
	background: #eef2ff !important;
}

@media (min-width: 900px) {
	body.zp-como-funciona-yolaburo,
	body.page-template-page-como-funciona-yolaburo-php,
	body.page-template-mobile-page-como-funciona-yolaburo-php {
		--zpcf-header-gap: calc(env(safe-area-inset-top, 0px) + 76px) !important;
	}
}

body.zp-como-funciona-yolaburo #page,
body.page-template-page-como-funciona-yolaburo-php #page,
body.page-template-mobile-page-como-funciona-yolaburo-php #page,
body.zp-como-funciona-yolaburo #zpcf-page,
body.page-template-page-como-funciona-yolaburo-php #zpcf-page,
body.page-template-mobile-page-como-funciona-yolaburo-php #zpcf-page {
	padding: 0 !important;
	margin: 0 !important;
	max-width: none !important;
	width: 100% !important;
	background: transparent !important;
	box-shadow: none !important;
}

body.zp-como-funciona-yolaburo #zpcf-page,
body.zp-como-funciona-yolaburo #zpcf-page .zpcf {
	box-sizing: border-box !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf,
body.zp-como-funciona-yolaburo #zpcf-page .zpcf * {
	box-sizing: border-box !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding-top: var(--zpcf-header-gap, calc(env(safe-area-inset-top, 0px) + 56px)) !important;
	padding-right: 0 !important;
	padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 92px) !important;
	padding-left: 0 !important;
	font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
	font-size: 16px !important;
	line-height: 1.5 !important;
	color: var(--zpcf-text) !important;
	background: var(--zpcf-bg) !important;
	-webkit-font-smoothing: antialiased !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf a.zpcf-btn {
	text-decoration: none !important;
	border: none !important;
	outline: none !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-wrap {
	display: block !important;
	width: 100% !important;
	max-width: 640px !important;
	margin: 0 auto !important;
	padding: 0 16px !important;
}

/* ── Hero ── */
body.zp-como-funciona-yolaburo #zpcf-page .zpcf-hero {
	display: block !important;
	position: relative !important;
	overflow: hidden !important;
	background: linear-gradient(155deg, #1e3a8a 0%, #2563eb 45%, #3b82f6 100%) !important;
	color: #fff !important;
	padding: 32px 0 36px !important;
	margin: 0 !important;
	border-radius: 0 0 28px 28px !important;
	box-shadow: 0 12px 32px rgba(37, 99, 235, 0.28) !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-hero::before {
	content: "" !important;
	position: absolute !important;
	top: -40px !important;
	right: -30px !important;
	width: 180px !important;
	height: 180px !important;
	border-radius: 50% !important;
	background: rgba(255, 255, 255, 0.12) !important;
	pointer-events: none !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-hero__badge {
	display: inline-block !important;
	margin: 0 0 14px !important;
	padding: 6px 12px !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	color: #fff !important;
	background: rgba(255, 255, 255, 0.2) !important;
	border: 1px solid rgba(255, 255, 255, 0.35) !important;
	border-radius: 999px !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-hero__title {
	display: block !important;
	margin: 0 0 12px !important;
	padding: 0 !important;
	font-size: 1.65rem !important;
	font-weight: 800 !important;
	line-height: 1.15 !important;
	letter-spacing: -0.03em !important;
	color: #fff !important;
	border: none !important;
	background: none !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-hero__lead {
	display: block !important;
	margin: 0 0 18px !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	line-height: 1.5 !important;
	color: rgba(255, 255, 255, 0.94) !important;
}

/* Bullets */
body.zp-como-funciona-yolaburo #zpcf-page .zpcf-bullets {
	display: grid !important;
	gap: 10px !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-bullets li {
	display: block !important;
	position: relative !important;
	margin: 0 !important;
	padding: 10px 12px 10px 36px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	color: inherit !important;
	background: rgba(255, 255, 255, 0.12) !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	border-radius: 12px !important;
	list-style: none !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-bullets li::before {
	content: "✓" !important;
	position: absolute !important;
	left: 12px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	font-weight: 800 !important;
	color: #86efac !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-bullets--hero {
	margin-bottom: 22px !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-section .zpcf-bullets li,
body.zp-como-funciona-yolaburo #zpcf-page .zpcf-plan .zpcf-bullets li {
	color: var(--zpcf-text) !important;
	background: rgba(37, 99, 235, 0.06) !important;
	border: 1px solid rgba(37, 99, 235, 0.1) !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-plan--pro .zpcf-bullets li {
	color: #e2e8f0 !important;
	background: rgba(255, 255, 255, 0.06) !important;
	border-color: rgba(147, 197, 253, 0.25) !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-plan--pro .zpcf-bullets li::before {
	color: #93c5fd !important;
}

/* Sections */
body.zp-como-funciona-yolaburo #zpcf-page .zpcf-section {
	display: block !important;
	padding: 28px 0 !important;
	margin: 0 !important;
	background: transparent !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-section--alt {
	background: #fff !important;
	border-radius: 24px 24px 0 0 !important;
	margin-top: 8px !important;
	box-shadow: 0 -4px 24px rgba(15, 23, 42, 0.04) !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-section__eyebrow {
	display: inline-block !important;
	margin: 0 0 8px !important;
	padding: 5px 10px !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	color: #1d4ed8 !important;
	background: #dbeafe !important;
	border-radius: 999px !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-section__eyebrow--pro {
	color: #b45309 !important;
	background: #fef3c7 !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-section__title {
	display: block !important;
	margin: 0 0 16px !important;
	padding: 0 !important;
	font-size: 1.35rem !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	letter-spacing: -0.02em !important;
	color: var(--zpcf-text) !important;
	border: none !important;
	background: none !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-section__lead {
	display: block !important;
	margin: 0 0 16px !important;
	font-size: 15px !important;
	color: var(--zpcf-muted) !important;
	line-height: 1.5 !important;
}

/* Cards */
body.zp-como-funciona-yolaburo #zpcf-page .zpcf-card {
	display: block !important;
	border-radius: var(--zpcf-radius) !important;
	padding: 18px !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-card--soft {
	background: #fff !important;
	border: 1px solid rgba(37, 99, 235, 0.14) !important;
	box-shadow: 0 8px 24px rgba(37, 99, 235, 0.1) !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-card--soft p {
	display: block !important;
	margin: 0 0 12px !important;
	font-size: 15px !important;
	color: var(--zpcf-muted) !important;
	line-height: 1.55 !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-card--soft p:last-child {
	margin-bottom: 0 !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-card__emphasis {
	font-weight: 700 !important;
	color: var(--zpcf-text) !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-card--honest {
	background: linear-gradient(165deg, #eff6ff 0%, #fff 70%) !important;
	border: 1px solid rgba(37, 99, 235, 0.18) !important;
	box-shadow: 0 6px 20px rgba(37, 99, 235, 0.08) !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-card--honest p {
	margin: 0 0 10px !important;
	font-size: 14px !important;
	color: var(--zpcf-muted) !important;
}

/* Steps */
body.zp-como-funciona-yolaburo #zpcf-page .zpcf-steps {
	display: grid !important;
	gap: 10px !important;
	list-style: none !important;
	margin: 0 0 16px !important;
	padding: 0 !important;
	counter-reset: zpcf-step;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-steps li {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	margin: 0 !important;
	padding: 14px 16px !important;
	list-style: none !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	color: var(--zpcf-text) !important;
	background: #fff !important;
	border: 1px solid rgba(37, 99, 235, 0.12) !important;
	border-left: 4px solid #2563eb !important;
	border-radius: var(--zpcf-radius-sm) !important;
	box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06) !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-section--alt .zpcf-steps li {
	background: #f8fafc !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-steps__num {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
	width: 40px !important;
	height: 40px !important;
	font-size: 1.25rem !important;
	line-height: 1 !important;
	background: #dbeafe !important;
	border-radius: 12px !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-note {
	display: block !important;
	margin: 0 !important;
	padding: 12px 14px !important;
	font-size: 14px !important;
	color: var(--zpcf-muted) !important;
	line-height: 1.5 !important;
	background: rgba(37, 99, 235, 0.06) !important;
	border-radius: 12px !important;
	border: 1px dashed rgba(37, 99, 235, 0.2) !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-honest {
	display: block !important;
	margin: 16px 0 18px !important;
	padding: 14px 16px !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1.45 !important;
	color: #1e40af !important;
	background: #dbeafe !important;
	border-radius: var(--zpcf-radius-sm) !important;
	border: 1px solid rgba(37, 99, 235, 0.2) !important;
}

/* Plans */
body.zp-como-funciona-yolaburo #zpcf-page .zpcf-plans {
	display: grid !important;
	gap: 14px !important;
	margin: 0 0 8px !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-plan {
	display: block !important;
	border-radius: var(--zpcf-radius) !important;
	padding: 18px !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-plan--free {
	background: #fff !important;
	border: 2px solid rgba(37, 99, 235, 0.18) !important;
	box-shadow: 0 8px 22px rgba(37, 99, 235, 0.1) !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-plan--pro {
	background: linear-gradient(165deg, #0d2340 0%, #1a3a5c 55%, #1e40af 100%) !important;
	border: 2px solid #3b82f6 !important;
	color: #e2e8f0 !important;
	box-shadow: 0 10px 28px rgba(13, 35, 64, 0.35) !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-plan__title {
	display: block !important;
	margin: 0 0 12px !important;
	font-size: 1.15rem !important;
	font-weight: 800 !important;
	color: inherit !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-plan--pro .zpcf-plan__title {
	color: #fff !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-plan__intro {
	display: block !important;
	margin: 0 0 14px !important;
	font-size: 14px !important;
	line-height: 1.45 !important;
	color: #94a3b8 !important;
}

/* Tags */
body.zp-como-funciona-yolaburo #zpcf-page .zpcf-tags {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	list-style: none !important;
	margin: 0 0 16px !important;
	padding: 0 !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-tags li {
	display: inline-flex !important;
	align-items: center !important;
	margin: 0 !important;
	padding: 10px 14px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	color: var(--zpcf-text) !important;
	background: #fff !important;
	border: 1px solid rgba(37, 99, 235, 0.14) !important;
	border-radius: 999px !important;
	box-shadow: 0 2px 8px rgba(37, 99, 235, 0.08) !important;
	list-style: none !important;
}

/* Buttons */
body.zp-como-funciona-yolaburo #zpcf-page .zpcf-actions {
	display: grid !important;
	gap: 10px !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-btn {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-height: 52px !important;
	margin: 0 !important;
	padding: 14px 18px !important;
	border-radius: 16px !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	text-align: center !important;
	text-decoration: none !important;
	line-height: 1.25 !important;
	cursor: pointer !important;
	transition: transform 0.15s ease, box-shadow 0.15s ease !important;
	box-shadow: 0 4px 14px rgba(15, 23, 42, 0.12) !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-btn:active {
	transform: scale(0.98) !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-btn--primary {
	background: #fff !important;
	color: #1d4ed8 !important;
	border: none !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-hero .zpcf-btn--secondary {
	background: rgba(255, 255, 255, 0.15) !important;
	color: #fff !important;
	border: 2px solid rgba(255, 255, 255, 0.5) !important;
	box-shadow: none !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-section .zpcf-btn--secondary,
body.zp-como-funciona-yolaburo #zpcf-page .zpcf-cta .zpcf-btn--secondary {
	background: #fff !important;
	color: #2563eb !important;
	border: 2px solid rgba(37, 99, 235, 0.25) !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-btn--pro {
	background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%) !important;
	color: #0f172a !important;
	border: none !important;
	box-shadow: 0 6px 18px rgba(245, 158, 11, 0.4) !important;
}

/* CTA final */
body.zp-como-funciona-yolaburo #zpcf-page .zpcf-cta {
	display: block !important;
	background: linear-gradient(165deg, #1e3a8a 0%, #2563eb 100%) !important;
	color: #fff !important;
	padding: 32px 0 40px !important;
	margin: 12px 0 0 !important;
	border-radius: 28px 28px 0 0 !important;
	box-shadow: 0 -8px 32px rgba(37, 99, 235, 0.2) !important;
}

body.zp-como-funciona-yolaburo #zpcf-page .zpcf-cta__title {
	display: block !important;
	margin: 0 0 20px !important;
	font-size: 1.35rem !important;
	font-weight: 800 !important;
	text-align: center !important;
	color: #fff !important;
	line-height: 1.25 !important;
}

@media (min-width: 640px) {
	body.zp-como-funciona-yolaburo #zpcf-page .zpcf-hero__title {
		font-size: 2rem !important;
	}

	body.zp-como-funciona-yolaburo #zpcf-page .zpcf-plans {
		grid-template-columns: 1fr 1fr !important;
	}

	body.zp-como-funciona-yolaburo #zpcf-page .zpcf-wrap {
		max-width: 720px !important;
		padding: 0 24px !important;
	}
}

@media (min-width: 900px) {
	body.zp-como-funciona-yolaburo #zpcf-page .zpcf {
		padding-bottom: 48px !important;
	}
}