/* PM Propuestas · solo lee var(--pm-*) de los snippets PM; :where(:root) da valores de respaldo sin pisar los de la marca. */
:where(:root){--pm-primary:#70485C;--pm-primary-hover:#5A3949;--pm-on-primary:#FFFFFF;--pm-secondary:#D9B8C2;--pm-accent:#C98FA6;--pm-background:#FAF8F7;--pm-surface:#FFFFFF;--pm-surface-alt:#F3EAEE;--pm-text:#292326;--pm-text-muted:#6B6266;--pm-border:#EAE5E7;--pm-border-strong:#8C8287;--pm-success:#2F6B4F;--pm-radius-sm:4px;--pm-radius-md:8px;--pm-radius-lg:16px;--pm-space-2:8px;--pm-space-3:12px;--pm-space-4:16px;--pm-space-5:24px;--pm-space-6:32px;--pm-space-7:48px;--pm-space-8:64px;--pm-gutter:24px;--font-heading:system-ui,sans-serif;--font-body:system-ui,sans-serif}
.pmp{font-family:var(--font-body);color:var(--pm-text);background:var(--pm-background);line-height:1.6}
.pmp *,.pmp *::before,.pmp *::after{box-sizing:border-box}
.pmp h1,.pmp h2,.pmp h3{font-family:var(--font-heading);color:var(--pm-text);margin:0;text-wrap:balance}
.pmp p{margin:0}
.pmp a{color:var(--pm-primary)}
.pmp :focus-visible{outline:2px solid var(--pm-focus,var(--pm-primary));outline-offset:2px}
.pmp-wrap{width:100%;max-width:1080px;margin-inline:auto;padding-left:max(var(--pm-gutter,24px),env(safe-area-inset-left,0px));padding-right:max(var(--pm-gutter,24px),env(safe-area-inset-right,0px))}
.pmp-sec{padding-block:var(--pm-space-8)}
.pmp-sec--alt{background:var(--pm-surface-alt)}
.pmp-eyebrow{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pm-text-muted)}
.pmp-head{display:flex;flex-direction:column;gap:var(--pm-space-2);margin-bottom:var(--pm-space-6)}
.pmp-head h2{font-size:30px;line-height:1.2}
.pmp-head p{color:var(--pm-text-muted);font-size:17px;max-width:60ch}
.pmp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border-radius:var(--pm-radius-md);font-family:var(--font-body);font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;border:2px solid transparent;transition:background .15s,color .15s}
.pmp-btn--primary{background:var(--pm-primary);color:var(--pm-on-primary) !important}
.pmp-btn--primary:hover{background:var(--pm-primary-hover)}
.pmp-btn--outline{background:transparent;color:var(--pm-text) !important;border-color:var(--pm-border-strong)}
.pmp-btn--outline:hover{background:var(--pm-surface-alt)}
.pmp-btn--light{background:transparent;color:var(--pm-on-primary) !important;border-color:var(--pm-on-primary)}
.pmp-btn--light:hover{background:var(--pm-on-primary);color:var(--pm-text) !important}
.pmp-row{display:flex;flex-wrap:wrap;gap:var(--pm-space-3)}
/* Portada */
.pmp-hero{background:var(--pm-text);color:var(--pm-on-primary);padding-block:var(--pm-space-8)}
.pmp-hero__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--pm-space-7);align-items:center}
.pmp-hero h1{color:var(--pm-on-primary);font-size:48px;line-height:1.05;letter-spacing:-.02em}
.pmp-hero p{font-size:18px;color:var(--pm-on-primary);opacity:.9;max-width:52ch}
.pmp-hero .pmp-eyebrow{color:var(--pm-accent)}
.pmp-hero__text{display:flex;flex-direction:column;gap:var(--pm-space-4);align-items:flex-start}
.pmp-hero__logo{width:72px;height:72px;border-radius:var(--pm-radius-md);object-fit:cover;background:var(--pm-surface)}
.pmp-hero__shot{border-radius:var(--pm-radius-lg);overflow:hidden;aspect-ratio:4/5;background:var(--pm-surface-alt);box-shadow:0 20px 50px rgba(0,0,0,.35)}
.pmp-hero__shot img{width:100%;height:100%;object-fit:cover;display:block}
/* Video */
.pmp-video{position:relative;aspect-ratio:16/9;border-radius:var(--pm-radius-lg);overflow:hidden;background:var(--pm-text);box-shadow:var(--pm-shadow-card,0 1px 4px rgba(0,0,0,.12))}
.pmp-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.pmp-video__ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--pm-space-3);color:var(--pm-on-primary);text-align:center;padding:var(--pm-space-5);text-decoration:none}
.pmp-video__play{width:72px;height:72px;border-radius:999px;background:var(--pm-primary);display:flex;align-items:center;justify-content:center}
/* Planes */
.pmp-plans{display:grid;grid-template-columns:1.15fr 1fr;gap:var(--pm-space-5);align-items:start}
.pmp-plan{position:relative;display:flex;flex-direction:column;gap:var(--pm-space-4);background:var(--pm-surface);border:1px solid var(--pm-border);border-radius:var(--pm-radius-lg);padding:var(--pm-space-6);box-shadow:var(--pm-shadow-card,0 1px 4px rgba(0,0,0,.12))}
.pmp-plan--featured{border:2px solid var(--pm-primary)}
.pmp-plan__tag{position:absolute;top:-13px;left:var(--pm-space-6);padding:3px 12px;border-radius:999px;background:var(--pm-primary);color:var(--pm-on-primary);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.pmp-plan h3{font-size:24px}
.pmp-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;font-variant-numeric:tabular-nums}
.pmp-price strong{font-family:var(--font-heading);font-size:40px;line-height:1;color:var(--pm-primary)}
.pmp-price span{color:var(--pm-text-muted);font-size:15px}
.pmp-price--sub strong{font-size:28px}
.pmp-plan h4{margin:var(--pm-space-2) 0 0;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--pm-text-muted);font-family:var(--font-body)}
.pmp-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.pmp-list li{display:flex;gap:10px;align-items:flex-start;font-size:15px}
.pmp-list svg{flex:none;margin-top:3px;color:var(--pm-success)}
.pmp-plan__note{font-size:14px;color:var(--pm-text-muted);border-top:1px solid var(--pm-border);padding-top:var(--pm-space-3)}
.pmp-plan .pmp-btn{margin-top:auto}
/* Pasos y pago */
.pmp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pm-space-5);counter-reset:pmp}
.pmp-step{display:flex;flex-direction:column;gap:var(--pm-space-3);background:var(--pm-surface);border:1px solid var(--pm-border);border-radius:var(--pm-radius-lg);padding:var(--pm-space-5)}
.pmp-step__n{width:36px;height:36px;border-radius:999px;background:var(--pm-primary);color:var(--pm-on-primary);display:flex;align-items:center;justify-content:center;font-weight:700}
.pmp-step h3{font-size:19px}
.pmp-step p{font-size:15px;color:var(--pm-text-muted)}
.pmp-sinpe{display:flex;flex-direction:column;gap:6px;padding:var(--pm-space-3) var(--pm-space-4);border-radius:var(--pm-radius-md);background:var(--pm-surface-alt);font-size:15px}
.pmp-sinpe b{font-size:22px;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.pmp-copy{align-self:flex-start;min-height:36px;padding:6px 12px;border:1px solid var(--pm-border-strong);border-radius:var(--pm-radius-md);background:var(--pm-surface);color:var(--pm-text);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.pmp-terms{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--pm-space-3);font-size:15px;color:var(--pm-text-muted);max-width:75ch}
.pmp-terms li{padding-left:18px;position:relative}
.pmp-terms li::before{content:"";position:absolute;left:0;top:.65em;width:6px;height:6px;border-radius:999px;background:var(--pm-accent)}
.pmp-cta{background:var(--pm-primary);color:var(--pm-on-primary);border-radius:var(--pm-radius-lg);padding:var(--pm-space-7) var(--pm-space-6);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--pm-space-5)}
.pmp-cta h2{color:var(--pm-on-primary);font-size:30px}
.pmp-cta p{opacity:.9}
.pmp-foot{padding-block:var(--pm-space-6);font-size:14px;color:var(--pm-text-muted);text-align:center}
@media (max-width:900px){
  .pmp-hero__grid,.pmp-plans{grid-template-columns:1fr}
  .pmp-hero__shot{max-width:420px}
  .pmp-steps{grid-template-columns:1fr}
}
@media (max-width:600px){
  .pmp-sec,.pmp-hero{padding-block:var(--pm-space-7)}
  .pmp-hero h1{font-size:34px}
  .pmp-head h2,.pmp-cta h2{font-size:24px}
  .pmp-plan{padding:var(--pm-space-5)}
  .pmp-price strong{font-size:34px}
  .pmp-row .pmp-btn{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){.pmp *{transition:none !important}}

/* Barra de venta */
.pm-sale-bar{position:fixed;left:0;right:0;bottom:0;z-index:900;background:var(--pm-text);color:var(--pm-on-primary);font-family:var(--font-body);padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -4px 16px rgba(0,0,0,.18)}
.pm-sale-bar__inner{max-width:1280px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px max(24px,env(safe-area-inset-right,0px)) 12px max(24px,env(safe-area-inset-left,0px))}
.pm-sale-bar__text{margin:0;font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--pm-on-primary)}
.pm-sale-bar__tag{padding:2px 8px;border-radius:var(--pm-radius-sm);background:var(--pm-accent);color:var(--pm-text);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.pm-sale-bar__actions{display:flex;flex-wrap:wrap;gap:8px}
.pm-sale-bar__btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 16px;border-radius:var(--pm-radius-md);font-size:14px;font-weight:600;text-decoration:none;border:2px solid var(--pm-on-primary);transition:background .15s,color .15s}
.pm-sale-bar__btn--light{background:transparent;color:var(--pm-on-primary) !important}
.pm-sale-bar__btn--light:hover{background:var(--pm-on-primary);color:var(--pm-text) !important}
.pm-sale-bar__btn--primary{background:var(--pm-primary);border-color:var(--pm-primary);color:var(--pm-on-primary) !important}
.pm-sale-bar__btn--primary:hover{background:var(--pm-primary-hover);border-color:var(--pm-primary-hover)}
.pm-sale-bar__btn:focus-visible{outline:2px solid var(--pm-on-primary);outline-offset:2px}
body.has-pm-sale-bar{padding-bottom:76px}
@media (max-width:767px){
  .pm-sale-bar__inner{gap:8px;padding-top:8px;padding-bottom:8px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
  .pm-sale-bar__text{font-size:14px}
  .pm-sale-bar__extra{display:none}
  .pm-sale-bar__actions{width:100%}
  .pm-sale-bar__btn{flex:1 1 0;padding:8px 10px;font-size:13px;text-align:center}
  body.has-pm-sale-bar{padding-bottom:120px}
}
@media (prefers-reduced-motion:reduce){.pm-sale-bar__btn{transition:none}}