/* MADRE SELVA · Mi plan v3 · 09/10/2026 · PREPARADO, NO DESPLEGADO.
   BASE verde esmeralda + dorado · PRO azul noche + dorado · PREMIUM bordó vino + dorado (candado, próximamente). */
.msp3,.msp3-modal{--g:#0F3D32;--g2:#1B5A49;--navy:#0E1A33;--navy2:#1A2B52;--wine:#4A0F1E;--wine2:#6B1A2D;--gold:#C9A24A;--gold2:#E3C77E;
  --ink:#172033;--muted:#5F6670;--line:#E7DED2;--card:#FFFDF8;margin:24px 0 8px;font-family:var(--sans,Inter,system-ui,sans-serif);color:var(--ink)}
.msp3-top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}
.msp3-top h2{margin:0;font:600 26px/1.15 "Source Serif 4",Georgia,serif;letter-spacing:.01em}
.msp3-top p{margin:6px 0 0;color:var(--muted);font-size:14px}
.msp3-tabs{display:inline-flex;padding:4px;border:1px solid var(--line);border-radius:999px;background:#fff}
.msp3-tabs button{border:0;background:transparent;padding:8px 18px;border-radius:999px;font:600 13px/1 inherit;color:var(--muted);cursor:pointer;min-height:36px}
.msp3-tabs button[aria-checked="true"]{background:var(--g);color:#fff}
.msp3-tabs button:focus-visible,.msp3-btn:focus-visible,.msp3-link:focus-visible,.msp3-locs input:focus-visible,.msp3-locs select:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.msp3-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:980px){.msp3-grid{grid-template-columns:1fr}}
.msp3-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:22px 20px 20px;border-radius:18px;background:var(--card);border:1px solid var(--line);
  box-shadow:0 18px 40px -34px rgba(23,32,51,.55);overflow:hidden}
.msp3-card::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--accent),var(--gold))}
.msp3-card.plan-standard{--accent:var(--g)}
.msp3-card.plan-pro{--accent:var(--navy);background:linear-gradient(180deg,#0E1A33 0,#14244A 100%);color:#EEF1F7;border-color:#22345E}
.msp3-card.plan-premium{--accent:var(--wine);background:linear-gradient(180deg,#3E0C19 0,#55142A 100%);color:#F6ECEE;border-color:#6B1A2D}
.msp3-card.is-current{box-shadow:0 0 0 2px var(--gold),0 18px 40px -30px rgba(23,32,51,.6)}
.msp3-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.msp3-name{font:700 13px/1.2 inherit;letter-spacing:.14em;text-transform:uppercase}
.plan-pro .msp3-name,.plan-premium .msp3-name{color:var(--gold2)}
.plan-standard .msp3-name{color:var(--g)}
.msp3-soon,.msp3-current{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font:700 11px/1.3 inherit;letter-spacing:.06em}
.msp3-soon{background:rgba(201,162,74,.16);color:var(--gold2);border:1px solid rgba(227,199,126,.45)}
.msp3-current{background:var(--gold);color:#1F1606}
.msp3-price{display:flex;align-items:baseline;gap:6px;margin-top:4px}
.msp3-price b{font:600 32px/1 "Source Serif 4",Georgia,serif;letter-spacing:-.01em}
.msp3-price span{font-size:14px;opacity:.75}
.msp3-hint{margin:0;font-size:13px;opacity:.82}
.msp3-feats{list-style:none;margin:6px 0 4px;padding:0;display:grid;gap:7px;font-size:14px}
.msp3-feats li{display:flex;gap:8px;align-items:flex-start}
.msp3-feats svg{flex:none;margin-top:2px;color:var(--gold)}
.plan-standard .msp3-feats svg{color:var(--g2)}
.msp3-locs{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}
.msp3-locs input{width:84px;min-height:40px;padding:6px 10px;border-radius:10px;border:1px solid rgba(227,199,126,.5);background:rgba(255,255,255,.08);color:inherit;font:600 16px/1 inherit;text-align:center}
.msp3-locs select{flex:1 1 auto;min-width:0;max-width:62%;min-height:40px;padding:6px 30px 6px 10px;border-radius:10px;border:1px solid rgba(227,199,126,.5);color:inherit;font:600 14px/1.2 inherit;text-overflow:ellipsis;appearance:none;-webkit-appearance:none;background:rgba(255,255,255,.08) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23E3C77E' stroke-width='1.8'/%3E%3C/svg%3E") no-repeat right 10px center;cursor:pointer}
.msp3-locs select option{color:#172033;background:#fff}
.msp3-total{margin:0;font-size:14px}
.msp3-total b{font-size:18px;color:var(--gold2)}
.msp3-btn{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 18px;border-radius:999px;border:0;cursor:pointer;
  font:700 14px/1.2 inherit;background:var(--g);color:#fff;transition:filter .15s ease,transform .15s ease}
.plan-pro .msp3-btn{background:var(--gold);color:#1A1306}
.msp3-btn:hover:not(:disabled){filter:brightness(1.07)}
.msp3-btn:disabled{cursor:not-allowed;opacity:.62}
.plan-premium .msp3-btn{background:transparent;color:var(--gold2);border:1px solid rgba(227,199,126,.55)}
.msp3-btn.ghost{background:transparent;color:inherit;border:1px solid currentColor;opacity:.75}
.msp3-btn.is-busy{opacity:.7;pointer-events:none}
.msp3-sec-row{display:flex;flex-wrap:wrap;gap:4px 16px;justify-content:center}
.msp3-link{background:none;border:0;padding:6px 2px;color:var(--gold2);font:600 13px/1.3 inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.msp3-foot{margin:12px 2px 0;font-size:12.5px;color:var(--muted)}
.msp3-msg{margin-top:10px;font-size:14px;min-height:1px}
.msp3-msg.k-pending,.msp3-msg.k-warn{padding:10px 14px;border-radius:12px;background:#FFF6E3;border:1px solid #EBD39A;color:#5A4210}
.msp3-msg.k-ok{padding:10px 14px;border-radius:12px;background:#EAF5EF;border:1px solid #B9DDC8;color:#14432F}
.msp3-msg.k-err{padding:10px 14px;border-radius:12px;background:#FCEDEF;border:1px solid #EDBFC6;color:#6B1A2D}
.msp3-modal{position:fixed;inset:0;z-index:2147483300;display:grid;place-items:center;padding:16px;background:rgba(10,14,24,.55)}
.msp3-modal-card{max-width:440px;width:100%;padding:24px;border-radius:18px;background:#FFFDF8;color:var(--ink);box-shadow:0 30px 80px -30px rgba(0,0,0,.6)}
.msp3-modal-card h3{margin:0 0 8px;font:600 21px/1.2 "Source Serif 4",Georgia,serif}
.msp3-modal-card p{margin:0 0 18px;color:var(--muted);font-size:14.5px;line-height:1.5}
.msp3-modal-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.msp3-trial{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 14px;padding:10px 14px;border-radius:12px;background:#FBF6EA;border:1px solid #E9D9AE;color:#4A3A12;font-size:14px}
.msp3-trial a{font-weight:700;color:#0F3D32}
.msp3-trial button{margin-left:auto;border:0;background:none;font-size:18px;line-height:1;color:inherit;cursor:pointer;min-width:32px;min-height:32px}
@media (prefers-reduced-motion:reduce){.msp3-btn{transition:none}}
/* Estado de la suscripción (09/10/2026): comprensible, sin datos técnicos */
.msp3-status{margin:0 0 22px;padding:18px 20px;border-radius:16px;background:#FFFDF8;border:1px solid var(--line);border-left:4px solid var(--g)}
.msp3-status.k-warn{border-left-color:var(--gold)}
.msp3-st-eyebrow{display:block;font:700 11.5px/1.3 inherit;letter-spacing:.14em;text-transform:uppercase;color:#7A5C22}
.msp3-st-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:6px 0 4px}
.msp3-st-plan{font:600 22px/1.2 "Source Serif 4",Georgia,serif}
.msp3-st-chip{padding:3px 10px;border-radius:999px;background:#EEF4F0;color:#14432F;font:700 12px/1.4 inherit}
.msp3-status.k-warn .msp3-st-chip{background:#FBF2DC;color:#5A4210}
.msp3-status p{margin:4px 0 0;font-size:14px;color:var(--muted)}
.plan-v3-manage{margin-top:14px}
/* QA 09/10 · «Administrar suscripción» (#billingPortal): botón secundario propio de la app, sin apariencia del navegador.
   Autosuficiente (no depende de styles-v2): el host vive fuera de .msp3, por eso los colores van literales. */
#planV3Host .plan-v3-manage{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
#planV3Host .plan-v3-manage .btn,#billingPortal{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:46px;padding:12px 22px;border-radius:999px;border:1px solid rgba(15,61,50,.55);background:#FFFDF8;color:#0F3D32;
  font-family:inherit;font-size:14px;font-weight:600;line-height:1.2;letter-spacing:.01em;text-decoration:none;cursor:pointer;
  box-shadow:0 6px 16px -14px rgba(23,32,51,.5);transition:background-color .18s ease,border-color .18s ease,color .18s ease}
#planV3Host .plan-v3-manage .btn::before,#billingPortal::before{content:"";width:8px;height:8px;border-radius:50%;background:#C9A24A;flex:none}
#planV3Host .plan-v3-manage .btn:hover:not(:disabled),#billingPortal:hover:not(:disabled){background:#F4EEE2;border-color:#C9A24A}
#planV3Host .plan-v3-manage .btn:focus-visible,#billingPortal:focus-visible{outline:3px solid #C9A24A;outline-offset:2px}
#planV3Host .plan-v3-manage .btn:disabled,#billingPortal:disabled{cursor:progress;opacity:.62}
@media (max-width:560px){#planV3Host .plan-v3-manage .btn,#billingPortal{width:100%}}
@media (prefers-reduced-motion:reduce){#planV3Host .plan-v3-manage .btn,#billingPortal{transition:none}}