/* Tarjetas de planes: Gratis (blanca) · Directo (crema) · Pro (color fuerte) */
.sp-pc{
	--pc-ink:#1c130d; --pc-dim:#6b6155; --pc-line:#e8e0d2; --pc-cream:#fff8ea;
	--pc-red:#c1391f; --pc-red-dark:#a13d2b; --pc-green:#2d6a4f; --pc-green-dark:#235540;
	font-family:'Inter', sans-serif; color:var(--pc-ink); margin:0; text-align:left;
}
.sp-pc *{ box-sizing:border-box; }

.sp-pc-grid{ display:grid; grid-template-columns:1fr; gap:16px; align-items:stretch; }

.sp-pc-card{
	position:relative; display:flex; flex-direction:column; border-radius:18px; padding:24px 22px 22px;
	border:1.5px solid var(--pc-line); background:#fff; box-shadow:0 4px 18px rgba(28,19,13,.05);
}
.sp-pc-head{ margin-bottom:10px; }
.sp-pc-name{ font-family:'Fraunces', serif; font-weight:600; font-size:1.55rem; line-height:1.1; margin:0 !important; padding:0; color:inherit; }
.sp-pc-tag{ margin:4px 0 0 !important; font-size:.82rem; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--pc-dim); }

.sp-pc-price{ display:flex; align-items:baseline; gap:6px; margin-top:6px; }
.sp-pc-price strong{ font-family:'Fraunces', serif; font-weight:600; font-size:2.3rem; line-height:1; letter-spacing:-.01em; }
.sp-pc-price small{ font-size:.85rem; font-weight:600; color:var(--pc-dim); }
.sp-pc-price-sub{ margin:4px 0 14px !important; font-size:.9rem; color:var(--pc-dim); }

.sp-pc-promo{
	margin:0 0 14px !important; padding:9px 12px; font-size:.84rem; line-height:1.4; color:#7a4a00;
	background:#fff1cf; border:1px dashed #e8b360; border-radius:10px;
}

.sp-pc-list{ list-style:none !important; margin:0 0 18px !important; padding:0 !important; flex:1; }
.sp-pc-list li{
	position:relative; margin:0 0 9px !important; padding:0 0 0 26px !important; font-size:.93rem; line-height:1.45; list-style:none !important;
}
.sp-pc-list li::before{
	content:'✓'; position:absolute; left:0; top:1px; width:18px; height:18px; border-radius:50%;
	display:flex; align-items:center; justify-content:center; font-size:.68rem; font-weight:700;
	background:#e6f1ea; color:var(--pc-green);
}

/* Botones */
.sp-pc-btn{
	display:block; text-align:center; text-decoration:none !important; font:600 .98rem 'Inter', sans-serif;
	padding:13px 18px; border-radius:100px; border:2px solid transparent; transition:transform .15s ease, background .15s ease;
}
.sp-pc-btn:hover{ transform:translateY(-1px); }
.sp-pc-btn--line{ border-color:#d6ccba; color:var(--pc-ink) !important; background:#fff; }
.sp-pc-btn--line:hover{ border-color:var(--pc-green); background:#f2f8f4; }
.sp-pc-btn--green{ background:var(--pc-green); color:#fff !important; }
.sp-pc-btn--green:hover{ background:var(--pc-green-dark); }
.sp-pc-btn--white{ background:#fff; color:var(--pc-red-dark) !important; }
.sp-pc-btn--white:hover{ background:#fff4ee; }
.sp-pc-mini{ margin:10px 0 0 !important; font-size:.8rem; line-height:1.4; opacity:.9; text-align:center; }
.sp-pc-demo{
	display:block; margin-top:12px; text-align:center; font-size:.88rem; font-weight:600;
	color:var(--pc-green) !important; text-decoration:underline !important; text-underline-offset:3px;
}

/* Directo: crema con borde verde */
.sp-pc-card--directo{ background:var(--pc-cream); border-color:#cfe3d6; border-top:5px solid var(--pc-green); }

/* Gratis: borde superior dorado · Directo: verde · Pro: terracota sobre fondo rosado claro */
.sp-pc-card--gratis{ border-top:5px solid #e8b360; }
.sp-pc-card--pro{ background:#fff1ec; border-color:#f1c3b6; border-top:5px solid var(--pc-red); box-shadow:0 10px 30px rgba(193,57,31,.12); }
.sp-pc-card--pro .sp-pc-list li::before{ background:#fbd9cf; color:var(--pc-red-dark); }
.sp-pc-card--pro .sp-pc-price strong{ color:var(--pc-red-dark); }
.sp-pc-btn--terra{ background:var(--pc-red); color:#fff !important; }
.sp-pc-btn--terra:hover{ background:var(--pc-red-dark); }
.sp-pc-ribbon{
	position:absolute; top:-14px; right:18px; background:#fbbf24; color:#3a2600; font:700 .72rem 'Inter', sans-serif;
	letter-spacing:.05em; text-transform:uppercase; padding:5px 12px; border-radius:100px; box-shadow:0 4px 10px rgba(0,0,0,.14);
}

/* Beneficio de flexibilidad */
.sp-pc-flex{
	display:flex; gap:14px; align-items:flex-start; margin-top:18px; padding:16px 18px;
	background:#eef6f0; border:1.5px solid #cfe3d6; border-radius:14px;
}
.sp-pc-flex-icon{ font-size:1.5rem; line-height:1; }
.sp-pc-flex-tag{ margin:0 0 4px !important; font-size:.78rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--pc-green-dark); }
.sp-pc-flex-tag span{ color:var(--pc-dim); font-weight:600; }
.sp-pc-flex-text{ margin:0 !important; font-size:.92rem; line-height:1.55; color:#2b2b2b; }


@media (min-width:900px){
	.sp-pc-grid{ grid-template-columns:repeat(3, 1fr); gap:18px; }
	.sp-pc-card--pro{ transform:translateY(-8px); padding-bottom:30px; }
}
@media (prefers-reduced-motion:reduce){ .sp-pc-btn{ transition:none; } }

/* ---------- Mini (formulario de publicar): 3 tarjetas pequeñas ---------- */
.sp-pcm{ font-family:'Inter', sans-serif; color:#1c130d; text-align:left; }
.sp-pcm *{ box-sizing:border-box; }
.sp-pcm-grid{ display:grid; grid-template-columns:1fr; gap:10px; }
.sp-pcm-card{ background:#fff; border:1.5px solid #e8e0d2; border-top-width:4px; border-radius:14px; padding:14px 16px 14px; }
.sp-pcm-card--gratis{ border-top-color:#e8b360; }
.sp-pcm-card--directo{ background:#fff8ea; border-color:#cfe3d6; border-top-color:#2d6a4f; }
.sp-pcm-card--pro{ background:#fff1ec; border-color:#f1c3b6; border-top-color:#c1391f; }
.sp-pcm-name{ font-family:'Fraunces', serif; font-weight:600; font-size:1.1rem; line-height:1.2; margin:0 !important; }
.sp-pcm-price{ margin:2px 0 8px !important; font-size:.84rem; font-weight:600; color:#a13d2b; }
.sp-pcm-card--gratis .sp-pcm-price{ color:#6b6155; }
.sp-pcm-list{ list-style:none !important; margin:0 !important; padding:0 !important; }
.sp-pcm-list li{ position:relative; margin:0 0 4px !important; padding:0 0 0 18px !important; font-size:.84rem; line-height:1.4; list-style:none !important; }
.sp-pcm-list li::before{ content:'✓'; position:absolute; left:0; top:0; font-weight:700; color:#2d6a4f; }
.sp-pcm-card--pro .sp-pcm-list li::before{ color:#c1391f; }
.sp-pcm-promo{ margin:8px 0 0 !important; font-size:.76rem; color:#7a4a00; line-height:1.35; }
.sp-pcm-links{ margin:12px 0 0 !important; text-align:center; font-size:.85rem; font-weight:600; }
.sp-pcm-links a{ color:#c1391f; text-decoration:none; margin:0 8px; white-space:nowrap; }
.sp-pcm-links a:hover{ text-decoration:underline; }
@media (min-width:640px){ .sp-pcm-grid{ grid-template-columns:repeat(3, 1fr); gap:12px; } }

/* Sombra + animación al pasar el cursor (tarjetas completas y mini) */
.sp-pcm-card{ box-shadow:0 4px 14px rgba(28,19,13,.08); transition:transform .2s ease, box-shadow .2s ease; }
.sp-pcm-card:hover{ transform:translateY(-5px); box-shadow:0 14px 28px rgba(28,19,13,.16); }
.sp-pc-card{ transition:transform .2s ease, box-shadow .2s ease; }
.sp-pc-card:hover{ transform:translateY(-6px); box-shadow:0 18px 38px rgba(28,19,13,.16); }
@media (min-width:900px){ .sp-pc-card--pro:hover{ transform:translateY(-14px); } }
@media (prefers-reduced-motion:reduce){ .sp-pcm-card, .sp-pc-card{ transition:none; } .sp-pcm-card:hover, .sp-pc-card:hover, .sp-pc-card--pro:hover{ transform:none; } }

.sp-pc-demo--gratis{ color:#8a6a1a !important; }
.sp-pc-demo--pro{ color:var(--pc-red-dark) !important; }