.ss-front{--ss-green:#237343;--ss-green-dark:#1e5d3d;--ss-muted:#6e7772;--ss-border:#dbe4df;--ss-bg:#f6f9f7;max-width:1120px;margin:34px auto 50px;padding:0 16px;color:#25312b}.ss-member-card,.ss-subscription-card,.ss-empty-card{background:#fff;border:1px solid var(--ss-border);border-radius:20px;box-shadow:0 9px 28px rgba(22,54,40,.06)}.ss-member-card{display:flex;align-items:center;gap:18px;padding:24px 28px;margin-bottom:18px}.ss-member-avatar{width:56px;height:56px;min-width:56px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#e5f5eb,#cfe8d8);color:var(--ss-green-dark);font-size:23px;font-weight:800;border:1px solid #c9e0d2}.ss-member-copy{min-width:0}.ss-eyebrow{display:block;color:#3c7d5e;font-size:11px;font-weight:800;letter-spacing:1.35px;margin-bottom:5px}.ss-member-card h1{font-size:25px;line-height:1.25;margin:0 0 7px;font-weight:400;color:#29312d}.ss-member-card h1 strong{font-weight:700}.ss-member-card p{margin:0;color:var(--ss-muted);font-size:14px}.ss-subscription-card{padding:28px}.ss-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:20px;border-bottom:1px solid #e7ece9}.ss-card-heading h2{margin:0;font-size:28px;line-height:1.15;color:#27322d}.ss-state{display:inline-flex;align-items:center;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:800;letter-spacing:.4px}.ss-state.good{background:#e5f7eb;color:#1e733d;border:1px solid #c9ead4}.ss-state.bad{background:#ffe9eb;color:#b32835;border:1px solid #f7cbd0}.ss-expiry-line{display:flex;align-items:baseline;gap:12px;margin:22px 0 5px;font-size:15px}.ss-expiry-line span{color:var(--ss-muted)}.ss-expiry-line strong{color:var(--ss-green);font-size:17px}.ss-progress-area{margin:24px 0 28px}.ss-progress-meta{display:flex;justify-content:space-between;gap:15px;color:#555f5a;font-size:14px;margin-bottom:9px}.ss-progress-meta strong{color:#25312b}.ss-front-progress{height:14px;background:#e4e8e6;border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.08)}.ss-front-progress span{height:100%;display:block;border-radius:inherit;transition:width .45s ease,background .45s ease;position:relative;overflow:hidden}.ss-front-progress span:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.10) 42%,rgba(255,255,255,.38) 50%,rgba(255,255,255,.10) 58%,transparent 100%);transform:translateX(-120%);animation:ssSheen 4.5s ease-in-out infinite}@keyframes ssSheen{0%,72%{transform:translateX(-120%)}100%{transform:translateX(120%)}}.ss-front-progress .green{background:linear-gradient(90deg,#126b35 0%,#26984a 50%,#63cf78 100%)}.ss-front-progress .yellow{background:linear-gradient(90deg,#b89b08 0%,#d7bd1b 50%,#f4df54 100%)}.ss-front-progress .orange{background:linear-gradient(90deg,#c9630b 0%,#e88618 50%,#f4b94a 100%)}.ss-front-progress .red,.ss-front-progress .expired{background:linear-gradient(90deg,#991923 0%,#c82b38 50%,#f05b62 100%)}.ss-info-box{display:flex;align-items:center;gap:14px;background:var(--ss-bg);border:1px solid #e6ece8;border-radius:14px;padding:17px 18px}.ss-info-icon{width:36px;height:36px;min-width:36px;border-radius:10px;display:grid;place-items:center;background:#e4f2e9;color:var(--ss-green);font-size:20px;font-weight:800}.ss-info-box small,.ss-info-box strong{display:block}.ss-info-box small{color:#718078;margin-bottom:3px;font-size:12px}.ss-info-box strong{font-size:17px;color:#27322d}.ss-renew{display:inline-flex;align-items:center;gap:9px;background:var(--ss-green-dark);color:#fff!important;text-decoration:none!important;padding:11px 17px;border-radius:10px;font-weight:700;border:1px solid var(--ss-green-dark);box-shadow:0 5px 13px rgba(30,93,61,.17);transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.ss-renew:hover{background:#174c31;box-shadow:0 7px 16px rgba(30,93,61,.22);transform:translateY(-1px)}.ss-renew span{font-size:20px;line-height:1}.ss-empty-card{text-align:center;padding:42px 25px}.ss-empty-card h2{margin:0 0 6px}.ss-empty-card p{margin:0;color:var(--ss-muted)}@media(max-width:700px){.ss-front{margin-top:20px;padding:0 10px}.ss-member-card,.ss-subscription-card{border-radius:16px;padding:20px}.ss-member-card{align-items:flex-start}.ss-member-avatar{width:48px;height:48px;min-width:48px}.ss-member-card h1{font-size:21px}.ss-card-heading h2{font-size:23px}.ss-expiry-line{display:block}.ss-expiry-line span,.ss-expiry-line strong{display:block}.ss-renew{width:100%;justify-content:center}.ss-progress-meta{font-size:13px}}@media(max-width:440px){.ss-member-card{gap:12px}.ss-member-avatar{display:none}.ss-subscription-card{padding:17px}.ss-card-heading{align-items:flex-start}.ss-state{padding:6px 10px}.ss-progress-meta span:last-child{display:none}}

.ss-progress-renew-row{display:flex;align-items:center;gap:22px}.ss-progress-renew-row .ss-front-progress{flex:0 1 50%;width:50%;max-width:50%}.ss-renew-inline{flex:0 0 auto;white-space:nowrap}.ss-progress-meta{justify-content:flex-start}.ss-progress-area{margin-bottom:28px}@media(max-width:700px){.ss-progress-renew-row{align-items:stretch;flex-direction:column;gap:12px}.ss-progress-renew-row .ss-front-progress{flex:none;width:100%;max-width:100%}.ss-renew-inline{width:100%;justify-content:center}}

/* v1.0.16: aviso visible mientras el Super User navega como un suscriptor */
.ss-impersonation-banner{max-width:1120px;margin:18px auto 0;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff4d6;border:1px solid #e4bd54;border-radius:12px;color:#5a4510;box-shadow:0 5px 18px rgba(90,69,16,.08)}.ss-impersonation-banner form{margin:0}.ss-impersonation-banner button{border:0;border-radius:8px;background:#5a4510;color:#fff;padding:8px 12px;font-weight:700;cursor:pointer;white-space:nowrap}.ss-impersonation-banner button:hover,.ss-impersonation-banner button:focus{background:#3f310c;outline:0}.ss-impersonation-banner small{opacity:.75}@media(max-width:700px){.ss-impersonation-banner{margin:10px 10px 0;align-items:stretch;flex-direction:column}.ss-impersonation-banner button{width:100%}}


/* v1.0.22: captación para usuarios sin suscripción y aviso claro para suscripciones vencidas */
.ss-expired-notice{margin:16px 0 0;padding:13px 15px;border:1px solid #f1c7cb;background:#fff2f3;border-radius:12px;color:#8f2530;font-size:14px;line-height:1.5}.ss-expired-notice strong{color:#a5212e}


/* v1.0.32: modo oscuro móvil coherente con el resto de SONAR */
@media (max-width:900px) and (prefers-color-scheme:dark){
  .ss-front{--ss-green:#67d58e;--ss-green-dark:#4fbd78;--ss-muted:#aeb8b2;--ss-border:#303a33;--ss-bg:#1b231e;color:#e7ece9}
  .ss-front .ss-member-card,.ss-front .ss-subscription-card,.ss-front .ss-empty-card{background:#151b17;border-color:#303a33;box-shadow:0 9px 28px rgba(0,0,0,.22)}
  .ss-front .ss-member-avatar{background:linear-gradient(145deg,#203a29,#294b35);color:#8ee0a9;border-color:#355c43}
  .ss-front .ss-eyebrow{color:#82d5a0}
  .ss-front .ss-member-card h1,.ss-front .ss-card-heading h2,.ss-front .ss-empty-card h2,.ss-front .ss-info-box strong,.ss-front .ss-progress-meta strong{color:#f1f5f2}
  .ss-front .ss-member-card p,.ss-front .ss-empty-card p,.ss-front .ss-expiry-line span,.ss-front .ss-progress-meta{color:#aeb8b2}
  .ss-front .ss-card-heading{border-color:#303a33}
  .ss-front .ss-expiry-line strong{color:#74d79a}
  .ss-front .ss-front-progress{background:#29322d;box-shadow:inset 0 1px 2px rgba(0,0,0,.35)}
  .ss-front .ss-info-box{background:#1b231e;border-color:#303a33}
  .ss-front .ss-info-box small{color:#aab5ae}
  .ss-front .ss-info-icon{background:#203a29;color:#82d5a0}
  .ss-front .ss-state.good{background:#1f3a29;color:#8ee0a9;border-color:#355c43}
  .ss-front .ss-state.bad{background:#3a2023;color:#ff9aa3;border-color:#62363b}
  .ss-front .ss-expired-notice{background:#321d20;border-color:#5d3439;color:#f0a2aa}
  .ss-front .ss-expired-notice strong{color:#ffadb5}
  .ss-front .ss-renew{background:#245f3d;border-color:#397b53;color:#fff!important;box-shadow:0 5px 13px rgba(0,0,0,.2)}
  .ss-front .ss-renew:hover,.ss-front .ss-renew:focus{background:#2d754b;border-color:#4a9967}
  .ss-impersonation-banner{background:#332b17;border-color:#705d25;color:#f4dda0;box-shadow:0 5px 18px rgba(0,0,0,.18)}
  .ss-impersonation-banner button{background:#8a6c20;color:#fff}
  .ss-impersonation-banner button:hover,.ss-impersonation-banner button:focus{background:#a17d24}
}
@media (max-width:900px){
  :is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-front{--ss-green:#67d58e;--ss-green-dark:#4fbd78;--ss-muted:#aeb8b2;--ss-border:#303a33;--ss-bg:#1b231e;color:#e7ece9}
  :is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-front .ss-member-card,
  :is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-front .ss-subscription-card,
  :is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-front .ss-empty-card{background:#151b17;border-color:#303a33;box-shadow:0 9px 28px rgba(0,0,0,.22)}
  :is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-front .ss-member-avatar{background:linear-gradient(145deg,#203a29,#294b35);color:#8ee0a9;border-color:#355c43}
  :is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-front .ss-eyebrow{color:#82d5a0}
  :is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-front .ss-member-card h1,
  :is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-front .ss-card-heading h2,
  :is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-front .ss-empty-card h2,
  :is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-front .ss-info-box strong,
  :is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-front .ss-progress-meta strong{color:#f1f5f2}
  :is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-front .ss-member-card p,
  :is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-front .ss-empty-card p,
  :is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-front .ss-expiry-line span,
  :is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-front .ss-progress-meta{color:#aeb8b2}
  :is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-front .ss-card-heading{border-color:#303a33}
  :is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-front .ss-front-progress{background:#29322d;box-shadow:inset 0 1px 2px rgba(0,0,0,.35)}
  :is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-front .ss-info-box{background:#1b231e;border-color:#303a33}
  :is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-front .ss-info-box small{color:#aab5ae}
  :is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-front .ss-info-icon{background:#203a29;color:#82d5a0}
  :is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-front .ss-state.good{background:#1f3a29;color:#8ee0a9;border-color:#355c43}
  :is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-front .ss-state.bad{background:#3a2023;color:#ff9aa3;border-color:#62363b}
  :is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-front .ss-expired-notice{background:#321d20;border-color:#5d3439;color:#f0a2aa}
  :is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-front .ss-expired-notice strong{color:#ffadb5}
  :is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-front .ss-renew{background:#245f3d;border-color:#397b53;color:#fff!important;box-shadow:0 5px 13px rgba(0,0,0,.2)}
  :is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-front .ss-renew:hover,
  :is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-front .ss-renew:focus{background:#2d754b;border-color:#4a9967}
  :is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-impersonation-banner{background:#332b17;border-color:#705d25;color:#f4dda0;box-shadow:0 5px 18px rgba(0,0,0,.18)}
  :is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-impersonation-banner button{background:#8a6c20;color:#fff}
}

/* =========================================================
   v1.0.36 · Venta directa de suscripciones en frontend
   ========================================================= */
.ss-sales-hero{max-width:1120px;margin:28px auto 18px;padding:28px 30px;border-radius:18px;background:linear-gradient(135deg,#f3fbf6,#fff);border:1px solid #dbe9df;box-shadow:0 10px 30px rgba(18,63,45,.06)}
.ss-sales-hero h1{margin:5px 0 8px;color:#19382c;font-size:clamp(28px,4vw,42px);line-height:1.1}.ss-sales-hero p{margin:0;color:#627069;font-size:16px;line-height:1.6;max-width:820px}
.ss-plans-section{max-width:1120px;margin:22px auto}.ss-section-heading{margin-bottom:18px}.ss-section-heading h2{margin:4px 0 6px;color:#19382c}.ss-section-heading p{margin:0;color:#65716b;line-height:1.6}
.ss-plan-sales-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ss-plan-sale{display:flex;flex-direction:column;min-width:0;padding:22px;border:1px solid #dce8e1;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(18,63,45,.05);transition:.18s ease}.ss-plan-sale:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(18,63,45,.09)}.ss-plan-sale.selected{border-color:#198754;box-shadow:0 0 0 2px rgba(25,135,84,.08),0 12px 28px rgba(18,63,45,.09)}.ss-plan-sale{position:relative}.ss-plan-badge{align-self:flex-start;margin:-5px 0 14px;padding:6px 10px;border-radius:999px;background:#edf7f0;color:#146c43;font-size:11px;font-weight:900;letter-spacing:.055em;line-height:1.2}.ss-plan-tagline{min-height:40px;margin:9px 0 0;color:#6d7973;font-size:13px;line-height:1.45}.ss-plan-sale.tier-premium{border:2px solid #198754;background:linear-gradient(180deg,#f4fbf6 0,#fff 42%);box-shadow:0 16px 34px rgba(18,99,61,.14);transform:translateY(-5px)}.ss-plan-sale.tier-premium:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(18,99,61,.18)}.ss-plan-sale.tier-premium .ss-plan-badge{background:#198754;color:#fff}.ss-plan-sale.tier-premium .ss-plan-action{background:#198754;color:#fff!important;box-shadow:0 7px 16px rgba(25,135,84,.18)}.ss-plan-sale.tier-premium .ss-plan-action:hover{background:#146c43}.ss-plan-sale.tier-platinum{border:2px solid #b38a37;background:linear-gradient(180deg,#fffaf0 0,#fff 44%);box-shadow:0 14px 32px rgba(102,76,22,.12)}.ss-plan-sale.tier-platinum .ss-plan-badge{background:#19382c;color:#fff}.ss-plan-sale.tier-platinum .ss-plan-dot{color:#b38a37}.ss-plan-sale.tier-platinum .ss-plan-action{background:#19382c;border-color:#19382c;color:#fff!important}.ss-plan-sale.tier-platinum .ss-plan-action:hover{background:#0f2a20}.ss-plan-sale.tier-basic,.ss-plan-sale.tier-annual{box-shadow:0 6px 18px rgba(18,63,45,.04)}
.ss-plan-top{display:flex;align-items:center;gap:9px}.ss-plan-top h3{margin:0;color:#19382c;font-size:20px}.ss-plan-dot{color:#198754;font-size:14px}.ss-plan-price{margin:18px 0 14px}.ss-plan-price strong{display:block;color:#123f2d;font-size:30px;line-height:1}.ss-plan-price span{display:block;margin-top:6px;color:#7a8580;font-size:13px}.ss-plan-sale ul{margin:0 0 20px;padding:0;list-style:none;display:grid;gap:10px;color:#54615b;font-size:14px;line-height:1.45;flex:1}.ss-plan-sale li{position:relative;padding-left:20px}.ss-plan-sale li:before{content:'✓';position:absolute;left:0;color:#198754;font-weight:800}.ss-plan-action{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 13px;border-radius:10px;border:1px solid #198754;color:#146c43!important;text-decoration:none!important;font-weight:800;text-align:center}.ss-plan-action:hover,.ss-plan-action.active{background:#198754;color:#fff!important}.ss-login-note{margin-top:16px;padding:13px 15px;border-radius:11px;background:#f5f8f6;color:#59665f}.ss-login-note a{color:#146c43;font-weight:700}
.ss-checkout-card,.ss-order-card{max-width:880px;margin:26px auto;padding:24px;border:1px solid #dce8e1;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(18,63,45,.06)}.ss-checkout-price{font-size:26px;color:#123f2d}.ss-checkout-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.ss-checkout-summary>div,.ss-order-summary{padding:14px 16px;background:#f7faf8;border:1px solid #e3ebe6;border-radius:11px}.ss-checkout-summary span,.ss-order-summary span{display:block;color:#758079;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.ss-checkout-summary strong,.ss-order-summary strong{display:block;margin-top:4px;color:#1d342a;font-size:18px}.ss-carry-note,.ss-secure-note,.ss-pending-note{padding:12px 14px;border-radius:10px;background:#edf8f1;color:#365846;line-height:1.5}.ss-payment-title{margin:22px 0 12px;color:#19382c;font-size:18px}.ss-payment-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ss-payment-form{margin:0}.ss-payment-method{width:100%;min-height:78px;display:flex;align-items:center;gap:13px;text-align:left;padding:14px 16px;border:1px solid #dce5e0;border-radius:12px;background:#fff;cursor:pointer;transition:.16s ease}.ss-payment-method:hover{border-color:#198754;background:#f5fbf7}.ss-payment-method.needs-config{border-style:dashed}.ss-payment-method span:not(.ss-payment-icon){display:flex;flex-direction:column;gap:3px}.ss-payment-method strong{color:#243c31}.ss-payment-method small{color:#77817c}.ss-payment-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:10px;background:#edf7f0;color:#198754;font-weight:900;font-size:17px}.ss-secure-note{margin-top:16px;font-size:13px}.ss-manual-payment{margin:18px 0;padding:18px;border-radius:12px;background:#f8faf9;border:1px solid #e0e9e3}.ss-manual-payment h3{margin:0 0 10px;color:#19382c}.ss-manual-payment p:last-child{margin-bottom:0}.ss-payment-success{margin:18px 0;padding:16px;border:1px solid #bfe1ca;background:#edf9f1;color:#21623b;border-radius:12px}.ss-state.pending{background:#fff5d9;color:#8a6500;border-color:#efd795}.ss-link-button{padding:0;border:0;background:none;color:#8c323c;text-decoration:underline;cursor:pointer}.ss-help-row{margin-top:18px}.ss-help-row a{color:#146c43;font-weight:700;text-decoration:none}
@media(max-width:980px){.ss-plan-sales-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.ss-sales-hero{margin:12px 10px 16px;padding:20px}.ss-plans-section{margin:18px 10px}.ss-plan-sales-grid{grid-template-columns:1fr}.ss-checkout-card,.ss-order-card{margin:18px 10px;padding:18px}.ss-checkout-summary,.ss-payment-methods{grid-template-columns:1fr}.ss-card-heading{gap:10px}.ss-checkout-price{font-size:22px}.ss-plan-sale.tier-premium,.ss-plan-sale.tier-premium:hover{transform:none}.ss-plan-tagline{min-height:0}}
@media(max-width:900px) and (prefers-color-scheme:dark){.ss-sales-hero,.ss-plan-sale,.ss-checkout-card,.ss-order-card{background:#151b17;border-color:#303a33;color:#e7ece9}.ss-sales-hero h1,.ss-section-heading h2,.ss-plan-top h3,.ss-plan-price strong,.ss-checkout-price,.ss-payment-title,.ss-manual-payment h3{color:#f1f5f2}.ss-sales-hero p,.ss-section-heading p,.ss-plan-sale ul,.ss-payment-method small{color:#aeb8b2}.ss-checkout-summary>div,.ss-order-summary,.ss-manual-payment,.ss-payment-method{background:#1b231e;border-color:#303a33}.ss-checkout-summary strong,.ss-order-summary strong,.ss-payment-method strong{color:#eef3ef}.ss-carry-note,.ss-secure-note,.ss-pending-note{background:#203a29;color:#bfe6cc}.ss-payment-icon{background:#203a29;color:#82d5a0}.ss-plan-action{border-color:#4fbd78;color:#82d5a0!important}.ss-plan-action:hover,.ss-plan-action.active{background:#245f3d;color:#fff!important}}

@media(max-width:900px) and (prefers-color-scheme:dark){.ss-plan-sale.tier-premium{background:linear-gradient(180deg,#183324 0,#151b17 46%);border-color:#4fbd78}.ss-plan-sale.tier-platinum{background:linear-gradient(180deg,#302819 0,#151b17 46%);border-color:#b89a58}.ss-plan-tagline{color:#b8c1bc}.ss-plan-sale.tier-premium .ss-plan-badge{background:#2d8d56;color:#fff}.ss-plan-sale.tier-platinum .ss-plan-badge{background:#d6b56e;color:#1b211d}.ss-plan-sale.tier-platinum .ss-plan-action{background:#d6b56e;border-color:#d6b56e;color:#182019!important}}

/* v1.0.43 · confirmación compacta antes del método de pago */
.ss-checkout-lead{margin:2px 0 16px;color:#63716a;font-size:15px;line-height:1.55}.ss-confirm-step{border-color:#cfe2d6}.ss-payment-step{border-color:#bddcc8}.ss-checkout-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}.ss-confirm-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 20px;border-radius:11px;background:#198754;color:#fff!important;text-decoration:none!important;font-weight:850;box-shadow:0 8px 18px rgba(25,135,84,.18);transition:.16s ease}.ss-confirm-button:hover{background:#146c43;transform:translateY(-1px)}.ss-checkout-back{display:inline-flex;align-items:center;min-height:42px;color:#35614b!important;text-decoration:none!important;font-weight:750}.ss-checkout-back:hover{text-decoration:underline!important}.ss-checkout-actions-secondary{margin-top:14px}.ss-payment-step .ss-payment-title{margin-top:20px}
@media(max-width:700px){.ss-checkout-actions{align-items:stretch;flex-direction:column}.ss-confirm-button,.ss-checkout-back{width:100%;justify-content:center;text-align:center}}
@media(max-width:900px) and (prefers-color-scheme:dark){.ss-checkout-lead{color:#b5c0ba}.ss-confirm-step,.ss-payment-step{border-color:#3d5a48}.ss-confirm-button{background:#2d8d56}.ss-confirm-button:hover{background:#3aa166}.ss-checkout-back{color:#8fd7aa!important}}


/* v2.0 ESTABLE · bloque de asistencias con identidad lavanda */
.ss-subscription-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:24px;align-items:stretch;margin-top:22px}.ss-subscription-main{min-width:0}.ss-subscription-main .ss-expiry-line{margin-top:0}.ss-start-box{margin-top:0}.ss-assistance-panel{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:24px;border:1px solid #e8d9f2;border-radius:18px;background:linear-gradient(145deg,#fcf9ff 0%,#f7f0fc 100%);box-shadow:0 10px 26px rgba(118,76,150,.07)}.ss-assistance-head{display:flex;align-items:center;gap:13px}.ss-assistance-head .ss-eyebrow{color:#8f68aa;margin-bottom:3px}.ss-assistance-head h3{margin:0;color:#5f4a70;font-size:21px;line-height:1.2}.ss-assistance-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:12px;background:#eee2f7;color:#9569b5}.ss-assistance-icon svg{width:25px;height:25px}.ss-assistance-total{margin:18px 0 0;color:#8755ad;font-size:58px;line-height:.95;font-weight:850;letter-spacing:-2px}.ss-assistance-caption{margin:5px 0 18px;color:#76697d;font-size:15px}.ss-assistance-primary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:11px 16px;border:1px solid #a779cf;border-radius:11px;background:#a779cf;color:#fff!important;text-decoration:none!important;font-weight:800;box-shadow:0 7px 16px rgba(135,85,173,.14);transition:.16s ease}.ss-assistance-primary:hover,.ss-assistance-primary:focus{background:#9567bf;border-color:#9567bf;transform:translateY(-1px);color:#fff!important}.ss-assistance-calendar{font-size:17px;line-height:1}.ss-assistance-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.ss-assistance-secondary,.ss-assistance-bonus{display:flex;align-items:center;justify-content:center;min-height:43px;padding:9px 10px;border-radius:10px;text-decoration:none!important;font-size:13px;font-weight:800;text-align:center}.ss-assistance-secondary{border:1px solid #d4bee6;background:#fff;color:#76529a!important}.ss-assistance-secondary:hover,.ss-assistance-secondary:focus{background:#fbf7ff;border-color:#b995cf}.ss-assistance-bonus{border:1px solid #e7a54b;background:#fffaf2;color:#bd7417!important}.ss-assistance-bonus:hover,.ss-assistance-bonus:focus{background:#fff3dc;border-color:#db9233}.ss-assistance-standalone{max-width:none;margin:0 0 18px}.ss-assistance-standalone .ss-assistance-total{font-size:50px}.ss-assistance-standalone .ss-assistance-head{margin-bottom:0}@media(max-width:900px){.ss-subscription-layout{grid-template-columns:1fr;gap:18px}.ss-assistance-panel{padding:21px}.ss-assistance-standalone{margin-left:0;margin-right:0}}@media(max-width:700px){.ss-assistance-total{font-size:50px}.ss-assistance-actions{grid-template-columns:1fr}.ss-assistance-primary,.ss-assistance-secondary,.ss-assistance-bonus{width:100%}.ss-subscription-main .ss-expiry-line{margin-top:0}.ss-start-box{margin-top:0}}@media(max-width:440px){.ss-assistance-panel{padding:18px}.ss-assistance-head h3{font-size:19px}.ss-assistance-total{font-size:46px}}@media(max-width:900px){:is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-assistance-panel{background:linear-gradient(145deg,#271d2f 0%,#211827 100%);border-color:#4e3c5d;box-shadow:0 10px 26px rgba(0,0,0,.22)}:is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-assistance-head .ss-eyebrow{color:#c6a8dc}:is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-assistance-head h3{color:#eee5f4}:is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-assistance-icon{background:#392b46;color:#c5a0dc}:is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-assistance-total{color:#c59bdf}:is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-assistance-caption{color:#c4b4cf}:is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-assistance-primary{background:#9466ba;border-color:#9466ba}:is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-assistance-primary:hover,:is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-assistance-primary:focus{background:#a876cc;border-color:#a876cc}:is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-assistance-secondary{background:#211827;border-color:#644d75;color:#d1b4e5!important}:is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-assistance-secondary:hover,:is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-assistance-secondary:focus{background:#2b2033;border-color:#806197}:is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-assistance-bonus{background:#2d2419;border-color:#7b5a2a;color:#e4b064!important}:is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-assistance-bonus:hover,:is(html[data-bs-theme="dark"],html[data-theme="dark"],html.dark,body.dark,body.dark-mode,body.theme-dark) .ss-assistance-bonus:focus{background:#382a1a;border-color:#a97a36}}

/* 2.1.3 · Contribuciones voluntarias (siempre desmarcadas) */
.ss-voluntary-choice{margin:10px 0 2px;padding:14px 16px;background:#f1faf4;border:1px solid #d4eadd;border-radius:12px;color:#254f39}
.ss-voluntary-choice label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;line-height:1.5}
.ss-voluntary-choice input[type=checkbox]{flex:0 0 auto;margin-top:5px;width:17px;height:17px;accent-color:#087f40}
.ss-voluntary-choice label small{display:block;color:#4f6a5a;font-size:13px;margin-top:3px}
.ss-voluntary-choice p{font-size:13px;color:#456557;margin:10px 0 0}
@media (max-width:600px){.ss-voluntary-choice{padding:12px}}

/* SONAR Suscripciones · Logos de métodos de pago (ajuste FTP 2.1.3-logos-1).
   Los logos llevan fondo blanco también en modo oscuro para preservar sus colores. */
.ss-front .ss-payment-method { gap: 14px; align-items: center; }
.ss-front .ss-payment-method .ss-payment-icon {
  flex: 0 0 104px;
  width: 104px;
  height: 54px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid #e3ebe6;
  border-radius: 10px;
  background: #ffffff;
  padding: 6px;
}
.ss-front .ss-payment-method .ss-payment-icon .ss-payment-logo {
  display: block;
  width: 100%;
  max-width: 92px;
  height: 40px;
  max-height: 40px;
  object-fit: contain;
  object-position: center;
  background: transparent;
  border: 0;
  box-shadow: none;
  margin: 0;
  padding: 0;
}
.ss-front .ss-payment-method .ss-payment-icon--bank .ss-payment-logo {
  max-width: 43px;
  max-height: 43px;
}
.ss-front .ss-payment-method .ss-payment-copy {
  min-width: 0;
  flex: 1 1 auto;
}
.ss-front .ss-payment-method .ss-payment-copy strong { line-height: 1.28; }
.ss-front .ss-payment-method .ss-payment-copy small { line-height: 1.4; }
@media (max-width: 450px) {
  .ss-front .ss-payment-method { gap: 12px; padding: 12px; }
  .ss-front .ss-payment-method .ss-payment-icon {
    flex-basis: 88px;
    width: 88px;
    height: 50px;
  }
  .ss-front .ss-payment-method .ss-payment-icon .ss-payment-logo { max-width: 78px; max-height: 37px; }
}

/* 2.2.1 - eleccion expresa, excluyente y sin opcion premarcada */
.ss-voluntary-heading{display:block;font-size:.94rem;font-weight:750}
.ss-voluntary-explanation{display:block;color:#4f6a5a;margin:6px 0 12px;line-height:1.5}
.ss-voluntary-options{border:0;min-width:0;padding:0;margin:0;display:grid;gap:8px}
.ss-voluntary-options legend{font-size:.79rem;font-weight:700;margin:0 0 5px;padding:0;color:#44604e}
.ss-voluntary-choice .ss-voluntary-option{display:flex;gap:10px;align-items:flex-start;padding:11px;border:1px solid #cfe4d4;border-radius:10px;background:#fff;cursor:pointer}
.ss-voluntary-choice .ss-voluntary-option:has(input:checked){background:#e7f6ed;border-color:#087f40}
.ss-voluntary-choice .ss-voluntary-option input[type=radio]{flex:0 0 auto;accent-color:#087f40;width:18px;height:18px;margin:2px 0 0}
.ss-voluntary-option:focus-within{outline:2px solid #3f9a69;outline-offset:2px}
.ss-voluntary-payable{display:block;margin:11px 0 3px;font-weight:750;font-size:.91rem;color:#176538}
.ss-payment-form button:disabled{opacity:.6;cursor:not-allowed}

/* 2.2.2 - Orden de compra: método -> ayuda voluntaria -> confirmación. */
.ss-payment-method-select{border:0;padding:0;margin:0;min-width:0}
.ss-payment-prompt{display:block;font-weight:800;font-size:.96rem;color:#1d422f;margin:2px 0 12px}
.ss-payment-flow .ss-payment-method{position:relative;cursor:pointer;box-sizing:border-box;width:100%;min-width:0}
.ss-payment-method-radio{flex:0 0 auto;width:19px;height:19px;margin:0;accent-color:#087f40;cursor:pointer}
.ss-payment-method:has(.ss-payment-method-radio:checked){border:2px solid #148447;background:#ecf8f0;padding:13px 15px;box-shadow:0 4px 14px rgba(15,106,55,.08)}
.ss-payment-method:focus-within{outline:2px solid #48a274;outline-offset:2px}
.ss-payment-flow .ss-voluntary-choice{margin-top:20px;margin-bottom:0}
.ss-payment-flow .ss-payment-confirm{margin-top:16px;padding-top:12px;border-top:1px solid #e2eae5}
.ss-payment-final-total{font-weight:800;color:#166438;font-size:1.03rem;margin-bottom:12px}
.ss-payment-flow [hidden]{display:none!important}
.ss-payment-flow .ss-payment-submit{border:0;cursor:pointer}
.ss-payment-flow .ss-payment-submit:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}
@media(max-width:700px){.ss-payment-flow .ss-payment-submit{width:100%}.ss-payment-prompt{font-size:.92rem}}
@media(max-width:450px){
  .ss-front .ss-payment-flow .ss-payment-method{gap:9px;padding:11px 10px}
  .ss-front .ss-payment-flow .ss-payment-method:has(.ss-payment-method-radio:checked){padding:10px 9px}
  .ss-front .ss-payment-flow .ss-payment-method .ss-payment-icon{flex:0 0 72px;width:72px;height:46px}
  .ss-front .ss-payment-flow .ss-payment-method .ss-payment-icon .ss-payment-logo{max-width:65px;max-height:34px}
  .ss-front .ss-payment-flow .ss-payment-method .ss-payment-copy strong{font-size:14px}
  .ss-front .ss-payment-flow .ss-payment-method .ss-payment-copy small{font-size:11px}
}