/* Programa Fundadores Modal — tokens y tipografía global */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,500&display=swap');

:root {
	--zp-fund-cream: #faf7f2;
	--zp-fund-orange: #e8622a;
	--zp-fund-brown: #2c1810;
	--zp-fund-gray: #6b6560;
	--zp-fund-orange-soft: rgba(232, 98, 42, 0.12);
	--zp-fund-shadow: 0 18px 48px rgba(44, 24, 16, 0.14);
	--zp-fund-font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
	--zp-fund-font-body: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* Animaciones compartidas */
@keyframes zp-fund-fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes zp-fund-slide-up {
	from {
		opacity: 0;
		transform: translateY(18px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.zp-fund-animate-in {
	animation: zp-fund-fade-in 0.35s ease-out both, zp-fund-slide-up 0.42s cubic-bezier(0.22, 1, 0.36, 1) both;
}

/* Badge insignia */
.yrl-pro-badge,
.zp-pro-badge,
.zp-card-pro-inline,
.zp-sp26-intro__pro-badge {
	font-family: var(--zp-fund-font-body);
}

.zp-fund-badge__icon {
	font-style: normal;
	line-height: 1;
}

/* Superficies Fundadores */
.zp-fund-surface {
	background: var(--zp-fund-cream);
	color: var(--zp-fund-brown);
	font-family: var(--zp-fund-font-body);
}

.zp-fund-title {
	font-family: var(--zp-fund-font-display);
	color: var(--zp-fund-brown);
	font-weight: 600;
	line-height: 1.2;
}

.zp-fund-subtitle {
	color: var(--zp-fund-gray);
	font-family: var(--zp-fund-font-body);
}

.zp-fund-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	min-height: 48px;
	padding: 0.85rem 1.25rem;
	border: 0;
	border-radius: 999px;
	background: var(--zp-fund-orange);
	color: #fff;
	font-family: var(--zp-fund-font-body);
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.zp-fund-cta:hover,
.zp-fund-cta:focus-visible {
	background: #d45624;
	color: #fff;
	box-shadow: 0 8px 20px rgba(232, 98, 42, 0.28);
	transform: translateY(-1px);
}

.zp-fund-cta--ghost {
	background: transparent;
	color: var(--zp-fund-gray);
	box-shadow: none;
	border: 1px solid rgba(107, 101, 96, 0.35);
}

.zp-fund-cta--ghost:hover,
.zp-fund-cta--ghost:focus-visible {
	background: rgba(44, 24, 16, 0.04);
	color: var(--zp-fund-brown);
	transform: none;
	box-shadow: none;
}

.zp-fund-benefits {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.65rem;
}

@media (min-width: 900px) {
	.zp-fund-benefits--cols {
		grid-template-columns: 1fr 1fr;
		gap: 0.75rem 1.25rem;
	}
}

.zp-fund-benefits li {
	padding: 0.55rem 0.75rem;
	border-radius: 12px;
	background: #fff;
	border: 1px solid rgba(44, 24, 16, 0.06);
	font-size: 0.95rem;
	line-height: 1.35;
}

.zp-fund-footer-note {
	margin: 1rem 0 0;
	font-size: 0.88rem;
	color: var(--zp-fund-gray);
	line-height: 1.45;
	text-align: center;
}