:root{
  --bg:#fbf7fa;--card:#fff;--text:#171016;--muted:#6f6470;--line:rgba(38,18,35,.08);
  --pink:#d41468;--pink2:#ff4f9a;--violet:#8b2cff;--wine:#3a071f;--shadow:0 22px 55px rgba(58,7,31,.11);
  --radius:26px;--field-h:56px;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;touch-action:manipulation}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 82% 0%,rgba(255,79,154,.16),transparent 32%),linear-gradient(180deg,#fff 0%,var(--bg) 44%,#fff 100%)}
button,input,select{font:inherit}.page{width:min(1080px,calc(100% - 28px));margin:0 auto calc(48px + env(safe-area-inset-bottom));}.header{width:min(1080px,calc(100% - 28px));margin:16px auto 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.glass-header{background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.9);box-shadow:0 18px 45px rgba(58,7,31,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:24px;padding:16px 18px}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:900}.shop-title{font-size:26px;font-weight:1000;letter-spacing:-.04em;background:linear-gradient(90deg,var(--wine),var(--pink),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}.btn{border:0;border-radius:18px;min-height:48px;padding:0 18px;font-weight:950;cursor:pointer;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.58;cursor:not-allowed}.btn-secondary{background:#fff;color:#171016;border:1px solid var(--line);box-shadow:0 10px 24px rgba(0,0,0,.06)}.btn-primary{width:100%;color:#fff;background:linear-gradient(135deg,var(--pink),var(--pink2) 48%,var(--violet));box-shadow:0 14px 30px rgba(212,20,104,.24)}.btn-light{width:100%;background:#fff;color:#171016;box-shadow:0 10px 25px rgba(0,0,0,.10)}
.card,.pack-card,.offer-card,.acc-item,.summary-card,.info-card,.empty-box,.skeleton{background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.86);box-shadow:var(--shadow);border-radius:var(--radius);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.hero{display:grid;grid-template-columns:1.5fr .8fr;gap:20px;padding:24px;margin:0 0 22px}.hero-badge{display:inline-flex;align-items:center;border-radius:999px;padding:8px 12px;background:rgba(212,20,104,.08);color:var(--pink);font-weight:950}.hero h1{margin:10px 0 8px;font-size:clamp(30px,5vw,54px);line-height:.96;letter-spacing:-.06em}.hero p{margin:0;max-width:620px;color:var(--muted);line-height:1.45;font-weight:650}.hero-stats{display:grid;gap:10px}.hero-stats>div{border-radius:20px;padding:16px;background:linear-gradient(135deg,rgba(212,20,104,.08),rgba(139,44,255,.07));border:1px solid rgba(212,20,104,.08);display:grid;gap:3px}.hero-stats strong{font-size:20px}.hero-stats span{color:var(--muted);font-weight:700}.shop-section{margin:0 0 24px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 14px}.shop-h2{font-size:22px;font-weight:1000;letter-spacing:-.035em}.section-sub{margin:2px 0 0;color:var(--muted);font-weight:650}.chosen-inline{padding:9px 12px;border-radius:999px;background:rgba(212,20,104,.08);color:var(--pink);font-weight:900}.shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.offers-grid{display:grid;grid-template-columns:1fr;gap:14px}.pack-card{position:relative;overflow:hidden;padding:18px;display:flex;flex-direction:column;gap:14px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.pack-card:before,.offer-card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 86% 16%,rgba(255,79,154,.18),transparent 36%);pointer-events:none}.pack-card:hover,.offer-card:hover{transform:translateY(-2px)}.pack-card.selected,.offer-card.selected{box-shadow:0 24px 60px rgba(212,20,104,.20),0 0 0 2px rgba(212,20,104,.18) inset}.offer-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px;padding:22px;background:linear-gradient(135deg,#290014,#6b0b37 50%,#e01870);color:#fff}.offer-card .pack-description,.offer-card .pack-subcredits,.offer-card .pack-deadline{color:rgba(255,255,255,.84)}.pack-topline{position:relative;display:flex;justify-content:space-between;gap:8px;min-height:30px}.pack-badge,.discount-badge,.recommended-pill,.feature-chip{display:inline-flex;align-items:center;border-radius:999px;font-size:12px;font-weight:1000}.pack-badge{padding:6px 10px;background:rgba(212,20,104,.10);color:var(--pink)}.discount-badge{padding:6px 10px;background:#fff1f6;color:#a4064b}.recommended-pill{padding:6px 9px;background:#171016;color:#fff}.pack-media{width:100%;aspect-ratio:16/10;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,rgba(212,20,104,.10),rgba(139,44,255,.10))}.pack-media img{width:100%;height:100%;object-fit:cover;display:block}.pack-copy{position:relative}.pack-title-row{display:flex;gap:10px;justify-content:space-between;align-items:flex-start}.pack-title-row h3{margin:0;font-size:22px;letter-spacing:-.04em}.pack-description{margin:4px 0 12px;color:var(--muted);line-height:1.42}.pack-credits{font-size:36px;line-height:1;font-weight:1000;letter-spacing:-.06em}.pack-subcredits,.pack-deadline{color:var(--muted);font-weight:800;font-size:14px;margin-top:4px}.pack-price-row{display:flex;align-items:baseline;gap:10px;margin-top:12px}.pack-price-row strong{font-size:26px;letter-spacing:-.04em}.old-price{text-decoration:line-through;opacity:.55}.pack-features{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.feature-chip{padding:7px 9px;background:#faf7fa;border:1px solid var(--line);color:#4e424f}.pack-actions{margin-top:auto}.checkout-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:16px;align-items:start}.acc{display:grid;gap:12px}.acc-item{overflow:hidden}.acc-btn{width:100%;border:0;background:transparent;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.acc-left{display:flex;align-items:center;gap:12px}.acc-icon{width:44px;height:44px;border-radius:16px;background:#fff3f8;display:grid;place-items:center}.acc-icon img{width:24px;height:24px}.acc-title{font-size:18px;font-weight:1000}.acc-chevron{font-size:26px;color:var(--muted)}.acc-panel{display:none;padding:0 18px 18px}.acc-item[data-open="true"] .acc-panel{display:block}.form-row{margin-top:14px}.label{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:1000;margin-bottom:8px}.input,.select{width:100%;height:var(--field-h);min-height:var(--field-h);appearance:none;-webkit-appearance:none;border:1px solid rgba(38,18,35,.10);background:#fff;border-radius:18px;padding:0 16px;font-size:16px;font-weight:800;color:var(--text);box-shadow:0 10px 25px rgba(58,7,31,.045);outline:none}.select{background-image:linear-gradient(45deg,transparent 50%,#d41468 50%),linear-gradient(135deg,#d41468 50%,transparent 50%);background-position:calc(100% - 20px) 24px,calc(100% - 14px) 24px;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:38px}.input:focus,.select:focus{border-color:rgba(212,20,104,.42);box-shadow:0 0 0 4px rgba(212,20,104,.10),0 12px 28px rgba(58,7,31,.06)}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pay-btn{margin-top:16px;height:56px;border-radius:20px}.summary-card,.info-card{padding:20px}.summary-title{font-size:20px;font-weight:1000;margin-bottom:14px}.summary-empty{color:var(--muted);font-weight:700}.summary-pack{font-size:22px;font-weight:1000;margin-bottom:10px}.summary-price-row{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);font-weight:750}.summary-price-row.total{border:0;font-size:18px}.summary-deadline{margin-top:12px;border-radius:16px;background:#fff3f8;color:var(--pink);padding:12px;font-weight:900}.info-card{margin-top:14px}.info-row{display:flex;gap:12px;margin-bottom:14px}.info-icon{width:48px;height:48px;border-radius:16px;background:#fff3f8;display:grid;place-items:center;flex:0 0 auto}.info-icon img{width:25px;height:25px}.info-title{margin:0 0 3px;font-weight:1000}.info-text{margin:0;color:var(--muted);line-height:1.35;font-weight:650}.pay-status{margin-top:14px;border-radius:16px;padding:13px 14px;font-weight:850}.pay-status.success{background:#e9fbf0;color:#146c36}.pay-status.error{background:#fff0f3;color:#a4064b}.pay-status.info{background:#f3efff;color:#5d20c7}.warn{margin-top:16px;padding:14px 16px;border-radius:16px;background:#fff3f8;color:#a4064b;font-weight:900}.skeleton{min-height:280px;position:relative;overflow:hidden}.shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:shimmer 1.3s infinite;transform:translateX(-100%)}@keyframes shimmer{to{transform:translateX(100%)}}.empty-box{padding:22px;text-align:center;color:var(--muted);font-weight:800}.rotate-overlay{position:fixed;inset:0;background:rgba(23,16,22,.76);display:none;place-items:center;z-index:100}.rotate-box{background:#fff;border-radius:22px;padding:22px;max-width:340px;text-align:center}.rotate-title{font-size:20px;font-weight:1000;margin-bottom:8px}.rotate-text{color:var(--muted);font-weight:650}
@media (max-width:900px){.hero,.checkout-layout,.offer-card{grid-template-columns:1fr}.hero-stats{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.page,.header{width:min(100% - 20px,100%)}.header{margin-top:10px}.glass-header{padding:13px 14px}.hero{padding:18px}.hero h1{font-size:34px}.hero-stats{display:none}.section-head{align-items:flex-start;flex-direction:column}.shop-grid{grid-template-columns:1fr}.pack-card,.offer-card{padding:17px}.checkout-layout{gap:12px}.two-cols{grid-template-columns:1fr 1fr}.input,.select{height:56px;min-height:56px}.acc-btn,.acc-panel{padding-left:16px;padding-right:16px}.btnBack{min-width:74px}body:has(.header) .header{padding-right:72px}}
@media (max-width:380px){.two-cols{grid-template-columns:1fr}.shop-title{font-size:22px}.hero h1{font-size:31px}.pack-credits{font-size:32px}}
@media (orientation:landscape) and (max-height:480px){.rotate-overlay{display:grid}}

/* ===== Fix final tienda embed/standalone ===== */
.shop-close-x{
  width:48px;
  min-width:48px;
  height:48px;
  padding:0;
  border-radius:999px;
  font-size:30px;
  line-height:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  color:#171016;
  border:1px solid rgba(38,18,35,.10);
  box-shadow:0 10px 24px rgba(0,0,0,.06);
  touch-action:manipulation;
}
.input,.select{
  height:56px !important;
  min-height:56px !important;
  line-height:56px !important;
  box-sizing:border-box;
}
.select{
  background-position:calc(100% - 20px) 25px,calc(100% - 14px) 25px !important;
}
@media (max-width:640px){
  body:has(.header) .header{ padding-right:14px !important; }
}


/* En tienda embebida dentro del modal principal se usa solo la X externa del modal. */
body.is-modal-embed-store .shop-close-x{display:none!important;}
body.is-modal-embed-store .header{padding-right:14px!important;}

/* ===== Tienda minimalista: selección directa + checkout inferior ===== */
body{background:#f7f7f9}
body.checkout-open{overflow:hidden}
.header{margin-bottom:24px}
.glass-header{background:rgba(255,255,255,.92);box-shadow:0 8px 28px rgba(18,18,23,.06);border-color:rgba(17,17,22,.06)}
.eyebrow{display:none}
.shop-title{font-size:25px;color:#171016;background:none;-webkit-text-fill-color:initial}
.page{width:min(760px,calc(100% - 28px));margin-bottom:calc(32px + env(safe-area-inset-bottom))}
.shop-section{margin-bottom:20px}
.section-head{margin-bottom:10px}
.shop-h2{font-size:18px;letter-spacing:-.02em}
.shop-grid,.offers-grid{display:grid;grid-template-columns:1fr;gap:10px}
.pack-card,.offer-card{min-height:116px;padding:15px 38px 14px 15px;display:flex;position:relative;gap:5px;color:#171016;background:#fff;border:1px solid rgba(25,20,28,.08);border-radius:19px;box-shadow:0 7px 24px rgba(34,25,33,.055);overflow:hidden}
.pack-card:before,.offer-card:before{display:none}
.pack-card:hover,.offer-card:hover{transform:none}
.pack-card:active,.offer-card:active{transform:scale(.985);background:#fcf9fb}
.pack-card.selected,.offer-card.selected{box-shadow:0 7px 24px rgba(34,25,33,.055);border-color:rgba(212,20,104,.3)}
.pack-topline{min-height:18px;justify-content:flex-start;gap:5px;order:0}
.pack-badge,.discount-badge,.recommended-pill{font-size:10px;padding:4px 7px;font-weight:800}
.recommended-pill{background:#f5edf1;color:#8d174c}
.pack-copy{display:flex;flex:1;flex-direction:column;justify-content:space-between;min-width:0}
.pack-title-row{align-items:center;gap:6px}
.pack-title-row h3{font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pack-credits{display:flex;align-items:baseline;gap:5px;font-size:13px;letter-spacing:0;line-height:1.1;margin-top:8px}
.pack-credits strong{font-size:27px;letter-spacing:-.045em}
.pack-credits span{color:#6f6470;font-weight:700}
.pack-credits .pack-subcredits{font-size:11px;color:#b20d59;background:#fff0f6;border-radius:99px;padding:3px 5px;margin-left:2px}
.pack-price-row{margin-top:7px;gap:7px}
.pack-price-row strong{font-size:17px;letter-spacing:-.02em}
.old-price{font-size:12px}
.pack-chevron{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:27px;line-height:1;color:#aaa1a9;font-weight:400}
.skeleton{min-height:116px;border-radius:19px;box-shadow:none;border:1px solid rgba(25,20,28,.06)}

.shop-sheet[hidden],.purchase-result[hidden]{display:none!important}
.shop-sheet{position:fixed;inset:0;z-index:300;display:flex;align-items:flex-end;justify-content:center}
.shop-sheet-backdrop,.purchase-result-backdrop{position:absolute;inset:0;border:0;background:rgba(14,12,15,.42);opacity:0;transition:opacity .24s ease}
.shop-sheet-panel{position:relative;width:min(560px,100%);max-height:min(88dvh,760px);overflow:auto;background:#fff;border-radius:28px 28px 0 0;padding:12px 20px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -20px 55px rgba(0,0,0,.16);transform:translateY(105%);transition:transform .28s cubic-bezier(.22,.82,.31,1);overscroll-behavior:contain}
.shop-sheet.is-open .shop-sheet-backdrop{opacity:1}
.shop-sheet.is-open .shop-sheet-panel{transform:translateY(0)}
.sheet-close{position:absolute;right:16px;top:14px;width:38px;height:38px;border-radius:50%;border:0;background:#f3f2f4;color:#171016;font-size:27px;line-height:1;display:grid;place-items:center;padding:0 0 3px;cursor:pointer}
.sheet-title{font-size:21px;font-weight:850;letter-spacing:-.025em;padding:5px 48px 0 0;margin-bottom:14px}
.sheet-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}
.sheet-summary>div{padding:13px 14px;border-radius:15px;background:#f6f5f7;display:grid;gap:3px}
.sheet-summary span{font-size:12px;color:#746b73;font-weight:650}
.sheet-summary strong{font-size:18px}
.sheet-payment-title{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:800;padding-top:2px}
.sheet-payment-title img{width:25px;height:25px}
.shop-sheet .form-row{margin-top:11px}
.shop-sheet .label{font-size:11px;letter-spacing:.08em;margin-bottom:6px}
.shop-sheet .input,.shop-sheet .select{height:50px!important;min-height:50px!important;line-height:50px!important;border-radius:14px;box-shadow:none;background-color:#f8f7f9;font-size:16px}
.shop-sheet .select{background-position:calc(100% - 20px) 22px,calc(100% - 14px) 22px!important}
.shop-sheet .pay-btn{height:52px;margin-top:15px;border-radius:15px;box-shadow:none;font-weight:800}
.shop-sheet .warn{font-size:13px;margin-top:10px;padding:10px 12px}

.purchase-result{position:fixed;inset:0;z-index:400;display:grid;place-items:center;padding:22px}
.purchase-result.is-open .purchase-result-backdrop{opacity:1}
.purchase-result-card{position:relative;width:min(360px,100%);background:#fff;border-radius:25px;padding:27px 22px 20px;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.2);opacity:0;transform:scale(.92);transition:opacity .2s ease,transform .24s cubic-bezier(.22,.82,.31,1)}
.purchase-result.is-open .purchase-result-card{opacity:1;transform:scale(1)}
.purchase-result-icon{width:68px;height:68px;margin:0 auto 17px;border-radius:50%;display:grid;place-items:center}
.purchase-result-icon svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.purchase-result.is-success .purchase-result-icon{background:#e8f8ee;color:#168348}
.purchase-result.is-error .purchase-result-icon{background:#fff0f2;color:#c52948}
.purchase-result-title{font-size:21px;font-weight:850;letter-spacing:-.025em}
.purchase-result-text{margin:8px auto 20px;color:#6f6670;font-size:15px;line-height:1.42;max-width:290px}
.purchase-result-button{width:100%;height:48px;border:0;border-radius:14px;background:#17151a;color:#fff;font-weight:800;cursor:pointer}

@media(max-width:560px){
  .page,.header{width:calc(100% - 20px)}
  .header{margin-top:8px;margin-bottom:18px}
  .glass-header{padding:12px 13px;border-radius:20px}
  .shop-title{font-size:23px}
  .shop-grid,.offers-grid{grid-template-columns:1fr;gap:8px}
  .pack-card,.offer-card{min-height:110px;padding:13px 32px 12px 13px;border-radius:17px}
  .pack-title-row h3{font-size:13px}
  .pack-credits strong{font-size:24px}
  .pack-price-row strong{font-size:16px}
  .pack-chevron{right:10px}
}
@media(max-width:370px){.pack-card,.offer-card{min-height:102px}}
@media(prefers-reduced-motion:reduce){.shop-sheet-panel,.shop-sheet-backdrop,.purchase-result-card,.purchase-result-backdrop{transition-duration:.01ms}}

/* ===== Tarjetas de producto v4 ===== */
.offer-card{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:stretch;gap:17px;min-height:154px;padding:15px 42px 15px 15px;background:var(--offer-bg,#fff);color:var(--offer-text,#171016)}
.offer-card.has-theme{border-color:color-mix(in srgb,var(--offer-bg) 70%,#171016 30%)}
.offer-promo{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:11px;border-radius:15px;background:color-mix(in srgb,currentColor 8%,transparent);min-width:0}
.offer-label{min-height:20px;display:flex;align-items:center}
.offer-label .pack-badge{padding:0;background:transparent;color:inherit;font-size:11px;letter-spacing:.03em;text-transform:uppercase;opacity:.72}
.offer-discount{margin-top:7px;line-height:1}
.offer-discount .discount-badge{padding:0;background:transparent;color:inherit;font-size:28px;letter-spacing:-.055em;font-weight:900}
.offer-content{display:flex;flex-direction:column;justify-content:center;min-width:0}
.offer-content h3{font-size:18px;line-height:1.15;margin:0 0 9px;letter-spacing:-.025em}
.offer-credits{display:flex;align-items:baseline;gap:6px;line-height:1}
.offer-credits>strong{font-size:37px;letter-spacing:-.055em}
.offer-credits>span{font-size:14px;font-weight:700;opacity:.72}
.offer-credits .pack-subcredits{font-size:11px;border-radius:99px;padding:3px 6px;background:color-mix(in srgb,currentColor 9%,transparent);color:inherit}
.offer-card .pack-price-row{margin-top:12px}
.offer-card .pack-price-row strong{font-size:20px;color:inherit}
.offer-card .old-price{font-size:13px;color:inherit;opacity:.55}
.pack-card{display:flex;min-height:148px;padding:17px 44px 17px 17px;justify-content:space-between}
.standard-top{display:flex;align-items:center;gap:11px}
.standard-top h3{margin:0;font-size:19px;letter-spacing:-.025em}
.standard-badge .pack-badge{font-size:10px;padding:5px 9px;text-transform:uppercase;letter-spacing:.04em}
.standard-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,auto);align-items:end;gap:18px;margin-top:13px}
.standard-credits{display:grid;gap:1px;line-height:1}
.standard-credits strong{font-size:42px;letter-spacing:-.06em}
.standard-credits span{font-size:12px;color:#746b73;font-weight:750;text-transform:lowercase;margin-top:5px}
.standard-price{display:flex;align-items:baseline;gap:7px;padding-bottom:2px}
.standard-price strong{font-size:23px;letter-spacing:-.035em;white-space:nowrap}
.standard-right{display:grid;justify-items:end;align-content:end;gap:8px;min-width:0}
.standard-services{margin:0;display:grid;gap:3px;text-align:right;color:#766d75;font-size:11px;line-height:1.25;font-weight:600}
.standard-services>div{overflow-wrap:anywhere}
.pack-card.selected,.offer-card.selected{border:3px solid #d41468!important;box-shadow:0 12px 32px rgba(212,20,104,.18),0 0 0 1px rgba(255,255,255,.7) inset!important}
.store-platform-note{margin:13px 4px 0;padding:13px 15px;border-radius:16px;background:#fff;color:#6f6670;border:1px solid rgba(25,20,28,.07);font-size:12px;line-height:1.45;font-weight:600;text-align:center}
@media(max-width:420px){
  .offer-card{grid-template-columns:80px minmax(0,1fr);gap:13px;min-height:148px;padding-left:12px}
  .offer-promo{padding:9px}
  .offer-discount .discount-badge{font-size:25px}
  .offer-credits>strong{font-size:34px}
  .pack-card{min-height:140px}
  .standard-credits strong{font-size:38px}
  .standard-price strong{font-size:21px}
  .standard-bottom{grid-template-columns:minmax(0,1fr) minmax(135px,auto);gap:12px}
  .standard-services{font-size:10.5px}
}

/* ===== Tienda comercial v9: implementación del boceto aprobado ===== */
body{background:#fff;color:#131318}
.header{width:min(760px,calc(100% - 28px));display:grid;grid-template-columns:auto 1fr auto;align-items:center;margin:10px auto 18px;padding:12px 14px;background:#fff;border:0;box-shadow:none;border-radius:0}
.shop-logo{font-size:31px;font-weight:950;line-height:1;letter-spacing:-.07em;color:#050507;white-space:nowrap}
.shop-logo span{color:#f01472}
.shop-title{text-align:center;font-size:25px;font-weight:900;letter-spacing:-.04em;color:#141317}
.shop-close-x{box-shadow:none;background:#f7f7f8;border-color:#efeff1}
body.is-modal-embed-store .header{padding-right:68px!important}
.page{width:min(760px,calc(100% - 28px))}
.balance-card{display:grid;grid-template-columns:118px minmax(0,1fr);align-items:center;min-height:150px;margin-bottom:24px;padding:18px 30px;border-radius:24px;color:#fff;background:radial-gradient(circle at 88% 28%,rgba(212,177,75,.13),transparent 28%),linear-gradient(135deg,#073f2e,#002b20);box-shadow:0 14px 30px rgba(0,50,36,.18);overflow:hidden;position:relative}
.balance-card:after{content:"";position:absolute;right:-15px;bottom:-50px;width:170px;height:170px;border-radius:70% 0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.035));transform:rotate(-22deg)}
.balance-coins{width:105px;height:86px;display:grid;place-items:center;filter:drop-shadow(0 8px 8px rgba(0,0,0,.22))}
.balance-coins svg{width:100%;height:100%}
.balance-copy{display:grid;gap:5px;min-width:0}
.balance-copy>span{font-size:16px;font-weight:600;opacity:.9}
.balance-copy strong{font-size:38px;line-height:1.05;letter-spacing:-.05em;white-space:nowrap}
.balance-copy strong span:last-child{font-weight:800}
.shop-section{margin-bottom:25px}
.section-head{margin:0 3px 12px}
.shop-h2{font-size:23px;font-weight:900;letter-spacing:-.04em}
.offers-grid,.shop-grid{gap:12px}
.offer-card{display:block;min-height:226px;padding:22px 25px;border-radius:24px;color:var(--offer-text,#9f0746);background:var(--offer-bg,#fff1f6);border:2px solid color-mix(in srgb,var(--offer-bg,#fff1f6) 35%,#ce0b5d 65%);box-shadow:0 12px 30px rgba(198,15,91,.13);overflow:hidden}
.offer-card:before{display:block;content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 18%,rgba(255,255,255,.94),transparent 10%),linear-gradient(125deg,transparent 45%,rgba(255,37,128,.14));pointer-events:none}
.offer-feature-top,.offer-content{position:relative;z-index:1}
.offer-feature-top{display:flex;justify-content:flex-start;margin-bottom:18px}
.offer-label .pack-badge{padding:7px 12px;border-radius:999px;background:#ca0c5a;color:#fff;font-size:11px;font-weight:850;letter-spacing:.03em;text-transform:uppercase;opacity:1}
.offer-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px}
.offer-content h3{font-size:15px;margin:0 0 2px;color:inherit;opacity:.75}
.offer-credits{display:flex;align-items:baseline;gap:7px;color:#c20a55}
.offer-credits>strong{font-size:49px;line-height:.95;letter-spacing:-.065em}
.offer-credits>span{font-size:25px;font-weight:800;opacity:1}
.offer-card .pack-price-row{margin-top:18px;gap:13px;color:#bd0b52}
.offer-card .pack-price-row strong{font-size:32px;color:inherit;letter-spacing:-.04em}
.offer-card .old-price{font-size:18px;color:#686268;opacity:.85}
.offer-saving{margin-top:8px;font-size:15px;font-weight:800;color:#bd0b52}
.offer-discount{align-self:end;padding-bottom:12px}
.offer-discount .discount-badge{padding:0;background:transparent;color:#c20a55;font-size:65px;font-weight:950;letter-spacing:-.075em;white-space:nowrap}
.offer-card>.pack-chevron{display:none}
.pack-card{display:flex;min-height:154px;padding:18px 46px 18px 20px;gap:10px;border-radius:22px;background:var(--offer-bg,#fff);color:var(--offer-text,#171016);border:1px solid rgba(25,20,28,.09);box-shadow:0 8px 24px rgba(34,25,33,.07)}
.pack-card.has-theme{background:var(--offer-bg);color:var(--offer-text);border-color:color-mix(in srgb,var(--offer-bg) 70%,#171016 30%)}
.standard-top{min-height:27px;gap:9px}
.standard-top h3{font-size:17px;order:-1}
.standard-badge .pack-badge{font-size:10px;padding:5px 9px;background:#f0e9ff;color:#5d4499}
.pack-card.has-theme .standard-badge .pack-badge{background:color-mix(in srgb,currentColor 9%,transparent);color:inherit}
.standard-top>.discount-badge{margin-left:auto;padding:4px 7px;font-size:11px}
.standard-bottom{grid-template-columns:minmax(100px,.72fr) minmax(160px,1.28fr);gap:18px;margin-top:9px;align-items:end}
.standard-credits strong{font-size:44px}
.standard-credits span{font-size:12px;color:inherit;opacity:.62}
.standard-right{gap:11px}
.standard-services{gap:5px;font-size:12px;line-height:1.25;color:inherit;opacity:.72}
.standard-services>div{white-space:nowrap}
.service-line{display:flex;align-items:center;justify-content:flex-end;gap:6px}
.service-line svg{width:14px;height:14px;flex:0 0 14px;fill:none;stroke:#9b91e7;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.standard-price{gap:8px;color:inherit}
.standard-price strong{font-size:25px}
.pack-chevron{right:16px;color:currentColor;opacity:.38}
.pack-card.selected,.offer-card.selected{border:3px solid #d10d5d!important;box-shadow:0 13px 34px rgba(209,13,93,.19)!important}
.store-platform-note{display:flex;align-items:center;gap:13px;margin:17px 0 0;padding:14px 16px;border-radius:19px;background:#fff5f7;color:#343039;border:0;font-size:12px;line-height:1.42;text-align:left}
.platform-icons{display:flex;flex:0 0 auto}
.platform-icons>span{width:39px;height:39px;margin-right:-5px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 5px 15px rgba(30,20,28,.08);font-weight:900}
.play-mark{color:#14b866;font-size:20px;transform:none}
.apple-mark{color:#121116;font-size:19px}
.store-trust-note{display:flex;justify-content:center;align-items:center;gap:8px;margin:13px 5px 0;color:#68616a;font-size:11px;font-weight:600;text-align:center}
.store-trust-note>span:first-child{color:#d41468;font-size:17px}
@media(max-width:560px){
  .header,.page{width:calc(100% - 20px)}
  .header{grid-template-columns:auto 1fr auto;margin-bottom:14px;padding-left:4px}
  .shop-logo{font-size:28px}.shop-title{font-size:21px}
  .balance-card{grid-template-columns:94px 1fr;min-height:126px;padding:15px 20px;border-radius:20px;margin-bottom:19px}
  .balance-coins{width:84px;height:73px}.balance-copy strong{font-size:32px}.balance-copy>span{font-size:14px}
  .offer-card{min-height:205px;padding:19px 20px}.offer-feature-top{margin-bottom:15px}
  .offer-credits>strong{font-size:43px}.offer-credits>span{font-size:20px}
  .offer-discount .discount-badge{font-size:52px}.offer-card .pack-price-row strong{font-size:28px}
  .pack-card{min-height:145px;padding:16px 38px 16px 17px}
  .standard-bottom{grid-template-columns:minmax(90px,.7fr) minmax(145px,1.3fr);gap:10px}
  .standard-credits strong{font-size:39px}.standard-price strong{font-size:22px}.standard-services{font-size:10.5px}
}
@media(max-width:370px){
  .shop-logo{font-size:25px}.shop-title{font-size:19px}
  .balance-copy strong{font-size:28px}
  .offer-credits>strong{font-size:39px}.offer-credits>span{font-size:18px}.offer-discount .discount-badge{font-size:45px}
  .standard-services>div{white-space:normal}.standard-bottom{grid-template-columns:90px 1fr}
}

/* Ajuste v12: cierre fino y perfectamente centrado */
.shop-close-x{padding:0!important;display:inline-grid!important;place-items:center!important;line-height:0!important}
.shop-close-x svg{display:block;width:25px;height:25px;fill:none;stroke:#151318;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
body.is-modal-embed-store .shop-close-x{display:inline-grid!important}

/* ===== Tienda v11: réplica fiel del boceto visual aprobado ===== */
body.is-modal-embed-store .shop-close-x{display:inline-flex!important}
body.is-modal-embed-store .header{padding-right:4px!important}
.header{position:relative;grid-template-columns:145px 1fr 52px;min-height:68px;margin-bottom:14px}
.shop-logo{font-size:34px}
.shop-title{font-size:25px}
.shop-close-x{width:50px;min-width:50px;height:50px;font-size:33px;background:#f6f6f7}
.balance-card{min-height:158px;border-radius:25px;margin-bottom:23px}
.balance-coins{width:112px;height:92px}
.balance-copy strong{font-size:40px}
#offersSection{margin-bottom:25px}
.offer-card,.offer-card.has-theme{min-height:244px;padding:22px 25px;color:#c10852;background:linear-gradient(120deg,#fff 0%,#fff2f7 48%,#ffc1da 100%);border:2px solid #ce0c5c;box-shadow:0 13px 31px rgba(203,12,91,.17)}
.offer-card:before{background:radial-gradient(circle at 89% 14%,rgba(255,255,255,.96),transparent 9%),linear-gradient(128deg,transparent 45%,rgba(255,36,128,.17))}
.offer-feature-top{margin-bottom:18px}
.offer-label .pack-badge{font-size:12px;padding:8px 13px}
.offer-content h3{font-size:15px;color:#6a5b62;opacity:1}
.offer-credits>strong{font-size:54px}.offer-credits>span{font-size:27px}
.offer-card .pack-price-row{margin-top:21px}.offer-card .pack-price-row strong{font-size:34px}.offer-card .old-price{font-size:19px}
.offer-saving{font-size:16px}.offer-discount .discount-badge{font-size:70px}
.shop-h2{font-size:27px;margin:0 0 2px}
.shop-grid{gap:13px}
.pack-card,.pack-card.has-theme{display:grid;grid-template-columns:minmax(118px,.85fr) minmax(160px,1.15fr);align-items:stretch;min-height:152px;padding:17px 46px 17px 20px;gap:18px;background:#fff;color:#151318;border:1px solid #e4e0e4;box-shadow:0 8px 24px rgba(34,25,33,.065)}
.standard-left{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.standard-left h3{order:2;margin:7px 0 0;font-size:20px;line-height:1.05;letter-spacing:-.035em}
.standard-badge{order:1;min-height:24px}
.standard-badge .pack-badge,.pack-card.has-theme .standard-badge .pack-badge{font-size:10px;padding:6px 10px;background:#eee8ff;color:#59458e;text-transform:uppercase;letter-spacing:.06em}
.standard-credits{order:3;margin-top:auto;gap:2px}
.standard-credits strong{font-size:46px}.standard-credits span{font-size:12px;color:#716a72;opacity:1}
.standard-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:9px;padding:1px 0 2px;min-width:0}
.standard-deal{min-height:22px;margin-bottom:auto}
.standard-deal .discount-badge{padding:5px 8px;font-size:11px;background:#fff1f6;color:#b70a50}
.standard-services{gap:5px;font-size:11px;color:#655f66;opacity:1}
.standard-price{margin-top:auto}.standard-price strong{font-size:26px}.standard-price .old-price{font-size:13px}
.pack-chevron{right:17px}
.pack-card.selected{border:3px solid #d10d5d!important;padding:15px 44px 15px 18px!important;background:#fff!important}
.platform-icons>span svg{width:23px;height:23px}
.apple-mark svg{fill:#111}
.store-trust-note>svg{width:17px;height:17px;fill:none;stroke:#d41468;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
@media(max-width:560px){
  .header{grid-template-columns:112px 1fr 48px;padding:7px 2px;min-height:62px}
  .shop-logo{font-size:28px}.shop-title{font-size:21px}.shop-close-x{width:46px;min-width:46px;height:46px}
  .balance-card{min-height:142px;padding:16px 21px;grid-template-columns:100px 1fr}.balance-coins{width:92px;height:79px}.balance-copy strong{font-size:34px}
  .offer-card,.offer-card.has-theme{min-height:222px;padding:19px 20px}.offer-credits>strong{font-size:46px}.offer-credits>span{font-size:21px}.offer-discount .discount-badge{font-size:56px}.offer-card .pack-price-row strong{font-size:29px}
  .shop-h2{font-size:24px}
  .pack-card,.pack-card.has-theme{grid-template-columns:minmax(102px,.78fr) minmax(142px,1.22fr);min-height:142px;padding:15px 39px 15px 17px;gap:10px}
  .standard-left h3{font-size:18px}.standard-credits strong{font-size:40px}.standard-price strong{font-size:22px}.standard-services{font-size:10px}
  .pack-card.selected{padding:13px 37px 13px 15px!important}
  .store-platform-note{font-size:11px;padding:13px}.store-trust-note{font-size:10.5px}
}
@media(max-width:370px){
  .header{grid-template-columns:99px 1fr 44px}.shop-logo{font-size:25px}.shop-title{font-size:19px}
  .balance-card{grid-template-columns:82px 1fr;padding:14px 16px}.balance-coins{width:76px}.balance-copy strong{font-size:29px}
  .offer-main{gap:8px}.offer-credits>strong{font-size:41px}.offer-discount .discount-badge{font-size:48px}
  .pack-card,.pack-card.has-theme{grid-template-columns:94px 1fr}.standard-services>div{white-space:normal}
}

/* En modo embebido la X pertenece al modal padre; nunca dibujar una segunda. */
body.is-modal-embed-store .shop-close-x{display:none!important;}