/* ═══════════════════════════════════════════════════════════════
   Simulator Plans Manager — Estilo MPF  v2
   Scoped: .splm-theme-mpf
   Fuentes: Lora (serif) + Plus Jakarta Sans (sans)
   Paleta: navy #0e1f3b · blue #153a70 · crimson #8b1a2f · green #16a34a
═══════════════════════════════════════════════════════════════ */

.splm-theme-mpf {
    --t-navy:    #0e1f3b;
    --t-blue:    #153a70;
    --t-light:   #eef1f9;
    --t-accent:  #8b1a2f;
    --t-crimson: #c0283e;
    --t-text:    #1a2233;
    --t-muted:   #556080;
    --t-green:   #16a34a;
    --t-border:  #dde4f5;
    --t-radius:  20px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    color: var(--t-text);
}

/* ── Grid ──────────────────────────────────────────────── */
.splm-theme-mpf .spm-plans-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    align-items: stretch;
    /* FIX 1: espacio para badge pill + separación del titular */
    margin-top: 28px;
    padding-top: 14px;
}
@media (max-width: 1023px) { .splm-theme-mpf .spm-plans-row { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 599px)  { .splm-theme-mpf .spm-plans-row { grid-template-columns: 1fr; } }

.splm-theme-mpf .spm-plan-col { min-width: 0; display: flex; }

/* FIX 1: separación entre titular promo y cards */
.splm-theme-mpf .spm-promo-headline { margin-bottom: 8px; }
.splm-theme-mpf #spm-title-promo    { margin-bottom: 20px; }
.splm-theme-mpf #spm-countdown      { margin-bottom: 24px; }

/* ── Tarjeta ───────────────────────────────────────────── */
.splm-theme-mpf .spm-lp-card {
    background: #fff;
    border: 2px solid var(--t-border);
    border-radius: var(--t-radius);
    padding: 32px 28px;
    width: 100%;
    position: relative;
    transition: box-shadow .3s, transform .3s;
    display: flex;
    flex-direction: column;
}
.splm-theme-mpf .spm-lp-card:hover { box-shadow: 0 16px 48px rgba(139,26,47,.12); transform: translateY(-3px); }
.splm-theme-mpf .spm-lp-card.spm-lp-featured { border-color: var(--t-accent); box-shadow: 0 12px 40px rgba(139,26,47,.18); }

/* ── Badge pill ────────────────────────────────────────── */
.splm-theme-mpf .spm-lp-badge {
    position: absolute;
    top: -14px; left: 50%;
    transform: translateX(-50%);
    padding: 4px 20px;
    border-radius: 50px;
    font-size: 11px; font-weight: 800;
    letter-spacing: 1.2px; text-transform: uppercase;
    white-space: nowrap; max-width: 90%;
    overflow: hidden; text-overflow: ellipsis;
    line-height: 1.6;
}
.splm-theme-mpf .spm-lp-badge.mpf-green { background: var(--t-green);  color: #fff; }
.splm-theme-mpf .spm-lp-badge.mpf-red   { background: var(--t-accent); color: #fff; }
.splm-theme-mpf .spm-lp-badge.mpf-blue  { background: var(--t-navy);   color: #fff; }

/* ── Cuerpo ────────────────────────────────────────────── */
.splm-theme-mpf .spm-lp-body { display: flex; flex-direction: column; flex: 1; margin-top: 12px; }

/* FIX 2: Eyebrow */
.splm-theme-mpf .spm-lp-eyebrow {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--t-muted);
    margin: 0 0 6px;
    display: block;
}

.splm-theme-mpf .spm-lp-title {
    font-family: 'Lora', serif;
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--t-navy);
    margin: 0 0 4px;
    line-height: 1.25;
}
.splm-theme-mpf .spm-lp-desc { font-size:.82rem;color:var(--t-muted);font-style:italic;margin:0 0 20px;line-height:1.5; }

/* ── Precio — FIX 3: flex para alinear símbolo ─────────── */
.splm-theme-mpf .spm-lp-old {
    text-decoration: line-through;
    color: var(--t-muted);
    font-size: 1.05rem;
    line-height: 1;
    margin-bottom: 4px;
    display: block;
}
.splm-theme-mpf .spm-lp-amount {
    display: flex;
    align-items: flex-start;
    gap: 1px;
    line-height: 1;
    margin-bottom: 2px;
}
.splm-theme-mpf .spm-lp-curr {
    font-family: 'Lora', serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--t-navy);
    line-height: 1;
    padding-top: .42em;
    flex-shrink: 0;
}
.splm-theme-mpf .spm-lp-num {
    font-family: 'Lora', serif;
    font-size: 3rem;
    font-weight: 700;
    color: var(--t-navy);
    line-height: 1;
    letter-spacing: -.5px;
}
.splm-theme-mpf .spm-lp-note { font-size:.76rem;color:var(--t-muted);margin:6px 0 0;display:block; }

/* FIX 4: urgency badge con font-family que incluye emoji */
.splm-theme-mpf .spm-lp-urgency {
    font-size: .87rem;
    font-weight: 600;
    margin-top: 5px;
    display: block;
    font-variant-emoji: emoji;
    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji',
                 'Plus Jakarta Sans', sans-serif;
    line-height: 1.5;
}

/* ── Botón ─────────────────────────────────────────────── */
.splm-theme-mpf .spm-lp-btn {
    display: block; width: 100%; padding: 13px; border-radius: 10px;
    font-weight: 700; font-size: .97rem; text-align: center;
    text-decoration: none !important; transition: all .28s;
    margin: 18px 0 20px; border: none; cursor: pointer;
}
.splm-theme-mpf .spm-lp-btn.mpf-green       { background: var(--t-green);  color: #fff !important; }
.splm-theme-mpf .spm-lp-btn.mpf-green:hover { background: #15803d; box-shadow: 0 6px 20px rgba(22,163,74,.35); transform: translateY(-1px); }
.splm-theme-mpf .spm-lp-btn.mpf-red         { background: var(--t-accent); color: #fff !important; }
.splm-theme-mpf .spm-lp-btn.mpf-red:hover   { background: var(--t-crimson); box-shadow: 0 6px 20px rgba(139,26,47,.4); transform: translateY(-1px); }

/* ── Características ───────────────────────────────────── */
.splm-theme-mpf .spm-lp-features { list-style:none;padding:0;margin:0;flex:1; }
.splm-theme-mpf .spm-lp-features li { display:flex;align-items:flex-start;gap:9px;padding:8px 0;border-bottom:1px solid #f1f5f9;font-size:.875rem;color:var(--t-text);line-height:1.5; }
.splm-theme-mpf .spm-lp-features li:last-child { border:none; }
.splm-theme-mpf .spm-lp-features li .spm-lp-check { color:var(--t-green);flex-shrink:0;margin-top:2px; }
.splm-theme-mpf .spm-lp-features li .spm-lp-cross { color:#d1d5db;flex-shrink:0;margin-top:2px; }
.splm-theme-mpf .spm-help-trigger { color:var(--t-muted);margin-left:auto;font-weight:bold; }
.splm-theme-mpf .spm-help-trigger:hover { color:var(--t-accent); }

/* ── Scroll reveal ─────────────────────────────────────── */
.splm-theme-mpf .spm-plan-col { opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease; }
.splm-theme-mpf .spm-plan-col.spm-visible { opacity:1;transform:none; }
.splm-theme-mpf .spm-plan-col:nth-child(2) { transition-delay:.12s; }
.splm-theme-mpf .spm-plan-col:nth-child(3) { transition-delay:.24s; }