/* ── Paleta Zuspiros ──────────────────────────────────────
     Mint/sage principal : #6bbfb5  (nav links)
     Mint claro bg       : #eef7f6
     Rosa acento         : #e8a0a8  (dot logo / detalle)
     Rosa claro bg       : #fdf0f1
     Texto oscuro        : #2d2d2d
     Texto medio         : #4a5a58
     Bordes              : #c8e6e3
  ──────────────────────────────────────────────────────── */

.bp-wrap {
	color: #2d2d2d;
	width: 100%;
	max-width: 100%;
	margin: 0;
	line-height: 1.75;
	box-sizing: border-box;
	font-family: 'Kanit', sans-serif;
}

/* HERO */
.bp-hero {
	background: linear-gradient(135deg, #3d8c86 0%, #6bbfb5 65%, #8ed0cb 100%);
	border-radius: 12px;
	padding: 44px 40px 40px;
	margin-bottom: 36px;
	color: #fff;
	position: relative;
	overflow: hidden;
}


.bp-hero h1 {
	font-size: 1.85em;
	font-weight: 700;
	margin: 0 0 10px;
	color: #fff;
	letter-spacing: -0.4px;
}

.bp-hero p {
	font-size: 1.04em;
	margin: 0;
	opacity: 0.93;
	max-width: 600px;
}

/* INTRO */
.bp-intro {
	background: #eef7f6;
	border-left: 4px solid #6bbfb5;
	border-radius: 0 8px 8px 0;
	padding: 20px 24px;
	margin-bottom: 36px;
	font-size: 1em;
	color: #3a5450;
}

/* TÍTULOS DE SECCIÓN */
.bp-section-title {
	font-size: 1.15em;
	font-weight: 700;
	color: #3d8c86;
	margin: 0 0 20px;
	padding-bottom: 8px;
	border-bottom: 2px solid #c8e6e3;
	letter-spacing: 0.2px;
}

/* CARDS RECETAS */
.bp-recipes {
	display: grid;
	grid-template-columns: 1fr;
	gap: 14px;
	margin-bottom: 36px;
}

.bp-recipe-card {
	border: 1px solid #c8e6e3;
	border-radius: 10px;
	padding: 20px 22px;
	background: #fff;
	transition: box-shadow 0.2s;
}

.bp-recipe-card:hover {
	box-shadow: 0 4px 18px rgba(107, 191, 181, 0.18);
}

.bp-recipe-icon {
	font-size: 1.5em;
	margin-bottom: 6px;
	display: block;
}

.bp-recipe-card h3 {
	font-size: 1.04em;
	font-weight: 700;
	color: #2d4e4b;
	margin: 0 0 8px;
}

.bp-recipe-card p {
	margin: 0;
	font-size: 0.95em;
	color: #4a5a58;
}

/* INCLUYE */
.bp-includes {
	background: #fff;
	border: 1px solid #c8e6e3;
	border-radius: 10px;
	padding: 24px 26px;
	margin-bottom: 36px;
}

.bp-includes ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.bp-includes ul li {
	padding: 8px 0 8px 26px;
	position: relative;
	font-size: 0.97em;
	color: #2d4e4b;
	border-bottom: 1px solid #eef7f6;
}

.bp-includes ul li:last-child {
	border-bottom: none;
}

.bp-includes ul li::before {
	content: '✔';
	position: absolute;
	left: 0;
	color: #6bbfb5;
	font-size: 0.85em;
	top: 10px;
}

/* MODALIDAD */
.bp-modality {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin-bottom: 36px;
}

.bp-mod-card {
	background: #eef7f6;
	border-radius: 10px;
	padding: 18px 20px;
	border: 1px solid #c8e6e3;
}

.bp-mod-card .bp-mod-emoji {
	font-size: 1.4em;
	display: block;
	margin-bottom: 6px;
}

.bp-mod-card h4 {
	font-size: 0.82em;
	font-weight: 700;
	color: #3d8c86;
	margin: 0 0 6px;
	text-transform: uppercase;
	letter-spacing: 0.6px;
}

.bp-mod-card p {
	margin: 0;
	font-size: 0.91em;
	color: #4a5a58;
}

/* ASESORÍA */
.bp-advisory {
	background: linear-gradient(135deg, #eef7f6, #fdf0f1);
	border: 1px solid #c8e6e3;
	border-radius: 10px;
	padding: 22px 26px;
	margin-bottom: 36px;
}

.bp-advisory p {
	margin: 0;
	font-size: 0.97em;
	color: #3a5450;
}

/* PARA QUIÉN */
.bp-for-who {
	margin-bottom: 36px;
}

.bp-for-who ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.bp-for-who ul li {
	background: #fff;
	border: 1px solid #c8e6e3;
	border-radius: 8px;
	padding: 12px 14px 12px 36px;
	position: relative;
	font-size: 0.95em;
	color: #2d4e4b;
}

.bp-for-who ul li::before {
	content: '→';
	position: absolute;
	left: 14px;
	color: #e8a0a8;
	font-weight: 700;
}

/* AVISO */
.bp-notice {
	background: #fdf0f1;
	border: 1px dashed #e8a0a8;
	border-radius: 10px;
	padding: 20px 24px;
	margin-bottom: 12px;
}

.bp-notice h4 {
	font-size: 1em;
	font-weight: 700;
	color: #b05a65;
	margin: 0 0 8px;
}

.bp-notice p {
	margin: 0;
	font-size: 0.94em;
	color: #5a3a40;
}

@media (max-width: 600px) {
	.bp-hero {
		padding: 28px 22px 26px;
	}

	.bp-hero h1 {
		font-size: 1.45em;
	}

	.bp-modality {
		grid-template-columns: 1fr;
	}

	.bp-for-who ul {
		grid-template-columns: 1fr;
	}
}