.sp-pqe{
	max-width:1100px;
	margin:0 auto;
	padding:56px clamp(20px,5vw,64px) 80px;
	font-family:'Inter', sans-serif;
	overflow-x:hidden;
}

.sp-pqe-intro{
	text-align:center;
	max-width:600px;
	margin:0 auto 44px;
}
.sp-pqe-intro .eyebrow{
	color:var(--sp-accent-red); font-size:.85rem; font-weight:700;
	text-transform:uppercase; letter-spacing:.04em; margin-bottom:10px;
}
.sp-pqe-intro h1{
	font-family:'Fraunces', serif; font-weight:500; font-size:clamp(1.8rem,3.6vw,2.6rem);
	color:#1c130d; line-height:1.22; margin-bottom:12px;
}
.sp-pqe-intro .sub{ color:#5a5148; font-size:1rem; line-height:1.5; }

/* ---------- Tarjetas: mismo alto siempre, borde de color propio ---------- */
.sp-pqe-cards{
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:22px;
	margin-bottom:20px;
	align-items:stretch;
}
.sp-pqe-card{
	background:#fff;
	border:1.5px solid #ece6da;
	border-top:4px solid #ece6da;
	border-radius:16px;
	padding:28px 24px;
	box-shadow:0 10px 28px rgba(20,15,10,.05);
	display:flex;
	flex-direction:column;
	height:100%;
	min-width:0;
	transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.sp-pqe-card:hover{
	transform:translateY(-6px);
	box-shadow:0 20px 40px rgba(20,15,10,.14);
}
.sp-pqe-card-venta{ border-top-color:var(--sp-accent-red); }
.sp-pqe-card-arriendo{ border-top-color:var(--sp-accent-gold); }
.sp-pqe-card-smiley{ border-top-color:var(--sp-logo-green); background:#f6fbf7; }

.sp-pqe-card-icon{ font-size:2rem; margin-bottom:10px; }
.sp-pqe-card h3{
	font-family:'Fraunces', serif; font-weight:500; font-size:1.25rem;
	color:#1c130d; margin-bottom:6px;
}
.sp-pqe-ejemplo{ font-size:.82rem; color:#8a8378; margin-bottom:16px; }

.sp-pqe-compara{ margin-bottom:14px; }
.sp-pqe-fila{
	display:flex; flex-direction:column; gap:2px;
	padding:10px 0; border-bottom:1px solid #f0ece2;
	font-size:.85rem;
}
.sp-pqe-fila span{ color:#5a5148; }
.sp-pqe-fila strong{ font-weight:700; white-space:normal; word-break:break-word; }
.sp-pqe-malo strong{ color:#c1391f; }
.sp-pqe-bueno strong{ color:#2a7a2a; }

.sp-pqe-lista{ margin:0 0 14px; padding-left:18px; }
.sp-pqe-lista li{ font-size:.86rem; color:#5a5148; line-height:1.6; margin-bottom:4px; }

.sp-pqe-ahorro{
	margin-top:auto;
	font-size:.9rem; color:#1c130d;
	background:#f6f1e7; border-radius:10px; padding:10px 14px;
}
.sp-pqe-card-smiley .sp-pqe-ahorro{ background:#e8f3ea; }
.sp-pqe-ahorro strong{ color:var(--sp-accent-red); }

.sp-pqe-doble-ahorro{
	max-width:760px; margin:0 auto 56px;
	text-align:center;
	background:#fffaf0;
	border:1px solid var(--sp-accent-gold);
	border-radius:12px;
	padding:16px 22px;
	font-size:.9rem;
	color:#5a5148;
	line-height:1.55;
}

/* ---------- Explicación mensualidad ---------- */
.sp-pqe-fee{
	background:#fdfbf7;
	border-radius:16px;
	padding:32px clamp(20px,4vw,40px);
	margin-bottom:56px;
	max-width:760px;
	margin-left:auto; margin-right:auto;
}
.sp-pqe-fee h2{
	font-family:'Fraunces', serif; font-weight:500; font-size:1.4rem;
	color:#1c130d; margin-bottom:22px; text-align:center;
}
.sp-pqe-fee-lista{ list-style:none; margin:0 0 20px; padding:0; }
.sp-pqe-fee-lista li{
	display:flex; gap:14px; align-items:flex-start;
	margin-bottom:18px;
}
.sp-pqe-fee-icon{ font-size:1.4rem; flex-shrink:0; line-height:1.4; }
.sp-pqe-fee-lista strong{ color:#1c130d; }
.sp-pqe-fee-lista div{ color:#5a5148; font-size:.92rem; line-height:1.6; }
.sp-pqe-fee-lista a{ color:var(--sp-accent-red); }
.sp-pqe-fee-nota{
	color:#5a5148; font-size:.88rem; line-height:1.6; text-align:center;
	border-top:1px solid #ece6da; padding-top:16px;
}

/* ---------- Precios ---------- */
.sp-pqe-pricing{ text-align:center; margin-bottom:48px; }
.sp-pqe-pricing h2{
	font-family:'Fraunces', serif; font-weight:500; font-size:1.6rem; color:#1c130d; margin-bottom:8px;
}
.sp-pqe-pricing-sub{ color:#5a5148; font-size:.92rem; margin-bottom:28px; }

.sp-pqe-costo{
	max-width:760px; margin:0 auto 44px; padding:26px 24px; text-align:center;
	background:#fff1ec; border:1.5px solid #f1c3b6; border-radius:16px;
}
.sp-pqe-costo h2{ font-family:'Fraunces', serif; font-weight:500; font-size:1.4rem; line-height:1.3; color:#1c130d; margin:0 0 10px; }
.sp-pqe-costo p{ font-size:.96rem; line-height:1.6; color:#4a4038; margin:0 0 16px; }
.sp-pqe-costo-btn{
	display:inline-block; background:var(--sp-logo-green); color:#fff !important; text-decoration:none;
	font-weight:600; font-size:.95rem; padding:12px 26px; border-radius:100px; transition:background .2s ease;
}
.sp-pqe-costo-btn:hover{ background:#235740; }
.sp-pqe-pago{ margin:22px auto 0; max-width:640px; font-size:.9rem; line-height:1.55; color:#4a4038; }
.sp-pqe-montos-nota{ text-align:center; font-size:.76rem; color:#8a8378; margin:22px auto 22px; max-width:640px; }

.sp-pqe-nota{ font-size:.78rem; color:#8a8378; margin-top:18px; }
.sp-pqe-nota-dominio{
	font-size:.85rem; color:#5a5148; margin-top:14px;
	background:#f7f3ea; border-radius:10px; padding:12px 16px; display:inline-block;
}
.sp-pqe-nota-dominio em{ font-style:normal; font-weight:600; color:#1c130d; }
.sp-pqe-nota-demo{ font-size:.9rem; color:#5a5148; margin-top:14px; }
.sp-pqe-nota-demo a{ color:var(--sp-accent-red); font-weight:600; text-decoration:none; }
.sp-pqe-nota-demo a:hover{ text-decoration:underline; }

/* ---------- CTA ---------- */
.sp-pqe-cta{ text-align:center; }
.sp-pqe-btn{
	display:inline-block;
	background:var(--sp-accent-red) !important; color:#fff !important;
	text-decoration:none; font-weight:600; font-size:1rem;
	padding:15px 36px; border-radius:100px;
	transition:background .2s ease;
}
.sp-pqe-btn:hover{ background:var(--sp-accent-red-hover) !important; }

@media (max-width:820px){
	.sp-pqe-cards{ grid-template-columns:1fr; max-width:440px; margin-left:auto; margin-right:auto; }
	.sp-pqe-card:hover{ transform:translateY(-3px); }
	.sp-pqe-fee-lista li{ flex-direction:column; gap:6px; }
}
