/* Oferta de bienvenida (checkout-plans.js): cinta con el contador del servidor,
   selector de planes en la tarjeta y fila compacta en el popup E0. Con
   «Semanal» marcado (por defecto) la tarjeta y el popup se ven como siempre. */
.plan-window[hidden],.plan-selector[hidden],.plan-row[hidden],.plan-disclosure[hidden],.plan-grace[hidden],.plan-cta[hidden],
.plan-option-detail[hidden],.plan-option-saving[hidden],.plan-option-anchor[hidden],.plan-option-status[hidden],.plan-anchor-note[hidden],
.plan-window-timer[hidden],.plan-window-once[hidden],.plan-row-feedback[hidden]{display:none!important}
.plan-window{position:relative;display:grid;gap:6px;margin:0 0 16px;padding:14px 16px;border:1px solid #ffd45a8c;border-radius:16px;
  background:linear-gradient(110deg,#ffd45a24,#8de5ff14 60%,#ff6f861a);box-shadow:0 0 28px #ffd45a26;text-align:center;overflow:hidden}
.plan-window::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,#ffffff1f 50%,transparent 70%);
  transform:translateX(-120%);animation:plan-shine 3.2s ease-in-out 1 .4s;pointer-events:none}
.plan-window-eyebrow{font-size:.7rem;font-weight:900;letter-spacing:.14em;color:#ffe7a3}
.plan-window-title{font-size:1.02rem;font-weight:850;color:#fff;line-height:1.35}
.plan-window-timer{display:grid;justify-items:center;gap:4px}
.plan-window-timer>span:first-child{font-size:.75rem;font-weight:750;color:#dceafa}
.plan-window-time{font-size:2.1rem;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 16px #ffd45a8c}
.plan-window-bar{display:block;inline-size:min(100%,260px);block-size:4px;border-radius:999px;background:#ffffff24;overflow:hidden}
.plan-window-bar i{display:block;block-size:100%;inline-size:calc(var(--plan-window-progress,1) * 100%);background:linear-gradient(90deg,#ffd45a,#ff6f86)}
.plan-window-once{margin:0;font-size:.7rem;line-height:1.55;color:#b2c8dc}
.plan-window.plan-window-ended{border-color:#3c647b;background:#111e2d;box-shadow:none}
.plan-window.plan-window-ended .plan-window-title{font-size:.9rem;color:#dceafa}
.plan-window-urgent .plan-window-time,.plan-row.plan-window-urgent .plan-row-timer{color:#ffd1d8;text-shadow:0 0 18px #ff6f86b3;animation:plan-pulse .9s ease-in-out infinite}
.plan-selector{display:grid;gap:10px;margin:0 0 14px;padding:0;border:0;min-inline-size:0}
.plan-selector legend{margin:0 0 8px;padding:0;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8ee7fa}
.plan-option{position:relative;display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid #3c647b;border-radius:14px;background:#111e2d;cursor:pointer;text-align:start}
.plan-option input{flex:0 0 auto;inline-size:18px;block-size:18px;margin-top:3px;accent-color:#ffd45a}
.plan-option-body{display:grid;gap:3px;min-inline-size:0}
.plan-option-name{font-size:.9rem;font-weight:850;color:#fff}
.plan-option-price strong{font-size:1.25rem;font-weight:900;color:#fff}.plan-option-price small{font-size:.72rem;color:#b2c8dc}
.plan-option-detail{font-size:.75rem;color:#dceafa}.plan-option-saving{font-size:.78rem;font-weight:800;color:#b9ffdc}
.plan-option-anchor{font-size:.7rem;color:#96afc6}.plan-option-anchor em{font-style:normal;font-weight:800;color:#ff8fa0}
.plan-option-status{font-size:.72rem;font-weight:750;color:#ffb5bd}
.plan-option-best{padding-block:16px;border-color:#ffd45a8c;box-shadow:0 0 22px #ffd45a1f}
.plan-option-badge{justify-self:start;padding:2px 9px;border-radius:999px;background:#ffd45a;color:#1b1300;font-size:.66rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.plan-option-selected{border-color:#8de5ff;background:#132f45}
.plan-option-unavailable{opacity:.55;cursor:not-allowed}
.plan-anchor-note{margin:0;font-size:.68rem;line-height:1.5;color:#96afc6}
.plan-disclosure,.plan-grace{margin:0 0 12px;font-size:.78rem;line-height:1.6;color:#d6e6f4}
.plan-grace{font-size:.7rem;color:#96afc6;margin-top:8px}
/* Un solo CTA visible: con mensual o anual marcado se ocultan el bloque de
   precio semanal, su aviso y su botón, y aparece el del plan. */
#trialPaywallCard.plan-month .price-box-top,#trialPaywallCard.plan-year .price-box-top,
#trialPaywallCard.plan-month #checkoutOfferDisclosure,#trialPaywallCard.plan-year #checkoutOfferDisclosure,
#trialPaywallCard.plan-month #btnProceedCheckout,#trialPaywallCard.plan-year #btnProceedCheckout{display:none!important}
.plan-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 4px;padding:0;border:0;min-inline-size:0}
.plan-row-timer{grid-column:1/-1;margin:0 auto 6px;padding:0;font-size:.78rem;font-weight:850;color:#ffe7a3;font-variant-numeric:tabular-nums}
.plan-chip{display:grid;place-items:center;padding:8px 6px;border:1px solid #3c647b;border-radius:12px;background:#0b1626cc;cursor:pointer;text-align:center;font-size:.72rem;line-height:1.35;color:#dceafa}
.plan-chip input{position:absolute;opacity:0;pointer-events:none}
.plan-chip strong{display:block;font-size:.95rem;color:#fff}.plan-chip small{display:block;font-size:.62rem;color:#b2c8dc}
.plan-chip.plan-option-selected,.plan-chip:has(input:checked){border-color:#8de5ff;background:#132f45}
.plan-chip:has(input:focus-visible){outline:2px solid #8de5ff;outline-offset:2px}
.plan-chip.plan-option-unavailable{opacity:.5;cursor:not-allowed}
.plan-row .plan-cta{grid-column:1/-1;margin-top:6px}
.plan-row-feedback{grid-column:1/-1;margin:4px 0 0;font-size:.75rem;color:#ffb5bd;text-align:center}
/* En el popup E0, con mensual o anual marcado, se ocultan el importe, la
   descripción semanal y su botón: la fila muestra el aviso y el botón del plan. */
#checkoutTermsDialog.plan-month[data-mode="benefits"][data-offer-kind="weekly-paid"] #btnCheckoutTermsContinue,
#checkoutTermsDialog.plan-year[data-mode="benefits"][data-offer-kind="weekly-paid"] #btnCheckoutTermsContinue,
#checkoutTermsDialog.plan-month[data-mode="benefits"][data-offer-kind="weekly-paid"] #checkoutTermsPrice,
#checkoutTermsDialog.plan-year[data-mode="benefits"][data-offer-kind="weekly-paid"] #checkoutTermsPrice,
#checkoutTermsDialog.plan-month[data-mode="benefits"][data-offer-kind="weekly-paid"] #checkoutTermsDescription,
#checkoutTermsDialog.plan-year[data-mode="benefits"][data-offer-kind="weekly-paid"] #checkoutTermsDescription{display:none!important}
.plan-row .plan-disclosure{grid-column:1/-1;margin:6px 0 0;text-align:center}
[dir="rtl"] .plan-option,[dir="rtl"] .plan-chip{text-align:start}
@keyframes plan-shine{to{transform:translateX(120%)}}
@keyframes plan-pulse{50%{transform:scale(1.06)}}
@media(max-width:680px){.plan-window-time{font-size:1.8rem}.plan-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}}
@media(prefers-reduced-motion:reduce){.plan-window::after{display:none}.plan-window-urgent .plan-window-time,.plan-row.plan-window-urgent .plan-row-timer{animation:none}}