/* ============ Sobres · cartas, puntos y Club (v7) ============
   Identidad "correo del cariño": estampillas con borde perforado, tinta azul, lacre rojo, estampilla dorada. */
:root{--tinta:#22385a;--lacre:#a8322d;--kraft:#c7a27c;--oro:#d7a53b;--sello:#2f6b57;--papel:#f7f4ee}

/* ---------- ventanas (tienda y desbloqueo) ---------- */
.pl-modal{position:fixed;inset:0;z-index:80;background:rgba(20,24,34,.62);display:grid;place-items:center;padding:16px;overflow:auto}
.pl-box{position:relative;width:min(100%,760px);background:var(--papel);color:#1d2433;border-radius:22px;padding:26px 22px 16px;box-shadow:0 40px 90px rgba(0,0,0,.4);font-family:"Nunito",system-ui,sans-serif;max-height:calc(100svh - 32px);overflow:auto}
.pl-box::before{content:"";position:absolute;left:0;right:0;top:0;height:7px;border-radius:22px 22px 0 0;background:repeating-linear-gradient(135deg,var(--lacre) 0 14px,var(--papel) 14px 22px,var(--tinta) 22px 36px,var(--papel) 36px 44px)}
.pl-box h2{margin:4px 44px 10px 0;font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:clamp(22px,3vw,28px);color:var(--tinta);line-height:1.15}
.pl-sub{margin:10px 0 16px;color:#5b6170;line-height:1.5}
.pl-x{position:absolute;right:14px;top:16px;width:44px;height:44px;border-radius:50%;border:0;background:#ebe5da;font-size:24px;cursor:pointer;color:inherit}
.pl-wallet{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#fff;border:1.5px solid #e6dfd2;font-size:15px}
.pl-coin{font-size:18px}
.pl-clubtag{font-size:12px;font-weight:800;color:#5b3fa8;background:#efe8ff;border-radius:999px;padding:3px 8px}
.pl-grid2{display:grid;grid-template-columns:1fr 1.25fr;gap:16px;margin:4px 0 6px}
@media (max-width:620px){.pl-grid2{grid-template-columns:1fr}}
/* estampilla: borde perforado hecho con una máscara de círculos */
.pl-stamp{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:22px 20px 18px;background:#fff;color:#1d2433;
  --pm:linear-gradient(#000 0 0) center/calc(100% - 12px) calc(100% - 12px) no-repeat,radial-gradient(circle 5px at 8px 8px,#0000 96%,#000) 0 0/16px 16px round;
  -webkit-mask:var(--pm);mask:var(--pm);
  filter:drop-shadow(0 10px 18px rgba(30,40,60,.14))}
.pl-stamp::after{content:"";position:absolute;inset:10px;border:1.5px dashed rgba(34,56,90,.25);border-radius:4px;pointer-events:none}
.pl-pack{background:linear-gradient(160deg,#fff9e8,#fff)}
.pl-club{background:linear-gradient(160deg,#f2ecff,#fff7e6)}
.pl-stamp.pl-on::after{border-color:var(--sello)}
.pl-big{font-family:"Fraunces",Georgia,serif;font-size:46px;font-weight:600;line-height:1;color:var(--tinta)}
.pl-unit{font-weight:800;color:#5b6170;margin-top:-4px}
.pl-price{margin:2px 0 0;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.pl-price b{font-family:"Fraunces",Georgia,serif;font-size:26px;font-weight:600;color:var(--tinta)}
.pl-price small{color:#5b6170;font-weight:700}
.pl-mini{margin:0;color:#5b6170;font-size:14px}
.pl-stamp ul{margin:2px 0 6px;padding:0;list-style:none;display:grid;gap:4px}
.pl-stamp li{position:relative;padding-left:20px;font-size:14px}
.pl-stamp li::before{content:"✓";position:absolute;left:0;color:var(--sello);font-weight:800}
.pl-stamp .pl-btn{margin-top:auto;align-self:stretch;position:relative;z-index:1}
.pl-h3{margin:18px 0 8px;font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:19px;color:var(--tinta)}
.pl-combos{display:grid;gap:8px}
.pl-combo{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:#fff;border:1.5px solid #e6dfd2}
.pl-combo-ico{font-size:24px}
.pl-combo b{display:block}.pl-combo small{color:#5b6170}
.pl-btn{min-height:46px;padding:0 16px;border-radius:12px;border:1.5px solid #d9d1c2;background:#fff;font:inherit;font-weight:800;font-size:15px;cursor:pointer;color:var(--tinta)}
.pl-btn-main{background:var(--tinta);border-color:var(--tinta);color:#fff}
.pl-btn-gold{background:var(--oro);border-color:var(--oro);color:#1d2433}
.pl-btn:disabled{opacity:.45;cursor:default}
.pl-actions{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0}
.pl-ok{margin:0 0 8px;color:var(--sello);font-weight:800}
.pl-no{margin:8px 0 0;padding:8px 10px;border-radius:10px;background:#fbe9e7;color:var(--lacre);font-size:14px;font-weight:700}
.pl-demo{margin:14px 0 0;text-align:center;font-size:12.5px;color:#5b6170}

/* ---------- escenario: acceso a la carta ---------- */
.pill.plan-pill{font-weight:800;background:#fff7e0;color:#1d2433}
.stage.plan-gratis .scene-bg{display:none}
.wm{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);z-index:60;font-size:11.5px;font-weight:800;color:rgba(30,25,23,.55);background:rgba(255,255,255,.7);padding:4px 10px;border-radius:999px;pointer-events:none;white-space:nowrap}
/* carta bloqueada: se ve, pero con candado */
.stage.bloqueada #book .page.cur .page-face.front::after{content:"🔒 Vista previa";position:absolute;right:12px;top:12px;z-index:70;font:800 12px "Nunito",sans-serif;color:#fff;background:rgba(34,56,90,.85);padding:5px 10px;border-radius:999px}
.stage.bloqueada #sendBtn{background:var(--oro);color:#1d2433}
/* cartas de 10 puntos: paisaje más tranquilo (sin movimiento de fondo) */
.stage.tier-10 .scene-bg *{animation-play-state:paused !important}
/* cartas de 20 puntos: brillo dorado en la hoja */
.stage.tier-20.opened #book .page.cur .page-face.front{box-shadow:0 18px 50px rgba(0,0,0,.22),0 0 0 2px rgba(215,165,59,.55),0 0 34px rgba(215,165,59,.35)}
.stage.tier-20.opened #book .page.cur .page-face.front::before{background:linear-gradient(115deg,transparent 35%,rgba(255,236,170,.45) 50%,transparent 65%);background-size:250% 100%;animation:pl-shine 3.8s ease-in-out 1.2s 2}
@keyframes pl-shine{from{background-position:120% 0}to{background-position:-60% 0}}
/* en el editor del clásico: solo colores predefinidos */
.editor-root.plan-gratis .ed-tone{display:none}
/* en el sobre clásico, ocasión, hojas, dorso y dibujo abren la tienda: se avisan con candado, como los fondos del Club */
.editor-root.plan-gratis .ed-theme:not(.on)::after{content:"🔒";margin-left:auto;font-size:13px}
.editor-root.plan-gratis [data-act="addpage"]::after,.editor-root.plan-gratis [data-act="dup"]::after,.editor-root.plan-gratis [data-act="backon"]::after,.editor-root.plan-gratis [data-act="paint"]::after{content:" 🔒";font-size:13px}
.editor-root.plan-gratis .ed-theme:not(.on),.editor-root.plan-gratis [data-act="dup"],.editor-root.plan-gratis [data-act="backon"],.editor-root.plan-gratis [data-act="paint"]{opacity:.78}
.editor-root.plan-gratis .ed-field:has(#ed-fx){display:none}
.editor-root.plan-gratis .ed-cpop::after{content:"Más tonos y colores con una carta de puntos ✨";display:block;margin-top:8px;font-size:12.5px;font-weight:800;color:#6f655d}
html.sin-plata .ed-field:has(> input[data-bind="amount"]){display:none}
html.sin-plata #moneyTag,html.sin-plata #cobrarBtn,html.sin-plata #vDone{display:none !important}
/* la imagen de «📤 Compartir» promete plata adentro: no va mientras la página vende solo cartas */
html.sin-plata #shareBtn{display:none !important}

/* ---------- fondos exclusivos del Club ---------- */
.fondo-club{position:absolute;inset:0;z-index:0;pointer-events:none;display:none;overflow:hidden}
.stage[data-fondo="aurora"] .fondo-club,.stage[data-fondo="dorado"] .fondo-club,.stage[data-fondo="estrellas"] .fondo-club{display:block}
.stage[data-fondo="aurora"] .scene-bg,.stage[data-fondo="dorado"] .scene-bg,.stage[data-fondo="estrellas"] .scene-bg{display:none}
.stage[data-fondo="aurora"]{background:#0b1a2e}
.stage[data-fondo="aurora"] .fondo-club i{position:absolute;width:120%;height:60%;left:-10%;filter:blur(40px);opacity:.75;border-radius:50%;animation:pl-aurora 14s ease-in-out infinite alternate}
.stage[data-fondo="aurora"] .fondo-club i:nth-child(1){top:5%;background:linear-gradient(90deg,#1fd1a5,#2a7de1)}
.stage[data-fondo="aurora"] .fondo-club i:nth-child(2){top:25%;background:linear-gradient(90deg,#7d49d3,#1fd1a5);animation-duration:18s;animation-delay:-6s}
.stage[data-fondo="aurora"] .fondo-club i:nth-child(3){top:50%;background:linear-gradient(90deg,#2a7de1,#c86dd7);opacity:.45;animation-duration:22s}
@keyframes pl-aurora{from{transform:translateX(-6%) skewY(-6deg)}to{transform:translateX(6%) skewY(4deg)}}
.stage[data-fondo="dorado"]{background:radial-gradient(120% 90% at 50% 0%,#3a2a10,#140e05)}
.stage[data-fondo="dorado"] .fondo-club i{position:absolute;inset:-50% 0 0 0;background-image:radial-gradient(circle,#ffe08a 1.6px,transparent 2.4px),radial-gradient(circle,#d7a53b 1.2px,transparent 2px);background-size:90px 110px,140px 160px;animation:pl-lluvia 9s linear infinite}
.stage[data-fondo="dorado"] .fondo-club i:nth-child(2){background-size:120px 140px,70px 90px;animation-duration:13s;opacity:.7}
.stage[data-fondo="dorado"] .fondo-club i:nth-child(3){background-size:200px 230px,160px 180px;animation-duration:17s;opacity:.5}
@keyframes pl-lluvia{to{transform:translateY(50%)}}
.stage[data-fondo="estrellas"]{background:radial-gradient(120% 90% at 50% 100%,#1c2b5a,#070b1c)}
.stage[data-fondo="estrellas"] .fondo-club i{position:absolute;inset:0;background-image:radial-gradient(circle,#fff 1px,transparent 1.6px),radial-gradient(circle,#cfe0ff 1.2px,transparent 1.8px);background-size:70px 70px,130px 110px;background-position:0 0,35px 50px;animation:pl-tw 4s ease-in-out infinite alternate}
.stage[data-fondo="estrellas"] .fondo-club i:nth-child(2){background-size:190px 170px,90px 120px;animation-delay:-2s;opacity:.7}
.stage[data-fondo="estrellas"] .fondo-club i:nth-child(3){inset:auto;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 12px 3px #fff;top:12%;left:-5%;animation:pl-fugaz 7s ease-in 2s infinite}
@keyframes pl-tw{from{opacity:.45}to{opacity:1}}
@keyframes pl-fugaz{0%{transform:translate(0,0);opacity:0}5%{opacity:1}25%{transform:translate(70vw,26vh);opacity:0}100%{opacity:0}}
.stage[data-fondo="aurora"],.stage[data-fondo="dorado"],.stage[data-fondo="estrellas"]{--fg:#fff;--fg2:rgba(255,255,255,.75);--chip:rgba(255,255,255,.16)}

/* ---------- celular: que Personalizar siempre se vea ---------- */
@media (max-width:899px){
  .bar #shareBtn,.bar #themeBtn{display:none}
  .bar #previewBtn{font-size:0;padding:9px 11px}
  .bar #previewBtn::before{content:"👀 Ver";font-size:13px}
}
@media (prefers-reduced-motion:reduce){.fondo-club i,.stage.tier-20 .page-face::before{animation:none !important}}

/* ---------- modo oscuro ---------- */
html[data-theme="dark"] .pl-box{background:#1b1713;color:#f3ece2}
html[data-theme="dark"] .pl-box h2,html[data-theme="dark"] .pl-h3,html[data-theme="dark"] .pl-big,html[data-theme="dark"] .pl-price b{color:#f3ece2}
html[data-theme="dark"] .pl-stamp,html[data-theme="dark"] .pl-combo,html[data-theme="dark"] .pl-wallet{background:#221d18;color:#f3ece2;border-color:#3a332b}
html[data-theme="dark"] .pl-pack{background:linear-gradient(160deg,#2b2416,#221d18)}
html[data-theme="dark"] .pl-club{background:linear-gradient(160deg,#261f33,#2b2416)}
html[data-theme="dark"] .pl-stamp::after{border-color:rgba(243,236,226,.2)}
html[data-theme="dark"] .pl-sub,html[data-theme="dark"] .pl-unit,html[data-theme="dark"] .pl-price small,html[data-theme="dark"] .pl-mini,html[data-theme="dark"] .pl-combo small,html[data-theme="dark"] .pl-demo{color:#b7ab9c}
html[data-theme="dark"] .pl-x{background:#2a241e}
html[data-theme="dark"] .pl-btn{background:#2a241e;border-color:#3a332b;color:#f3ece2}
html[data-theme="dark"] .pl-btn-main{background:#f3ece2;color:#1d2433;border-color:#f3ece2}
html[data-theme="dark"] .pl-btn-gold{background:var(--oro);color:#1d2433;border-color:var(--oro)}
html[data-theme="dark"] .pl-no{background:#3a1f1c;color:#ff9b8f}
html[data-theme="dark"] .pl-clubtag{background:#2e2547;color:#cdb8ff}

/* ---- texto de acceso bajo la carta: legible sobre cualquier fondo ---- */
#priceHint:not(:empty){position:relative;z-index:2;display:block;width:max-content;max-width:min(94vw,560px);margin:6px auto 0;padding:6px 12px;border-radius:12px;
  background:rgba(247,244,238,.92);color:#3d3229;box-shadow:0 4px 14px rgba(34,56,90,.14);line-height:1.35;text-align:center;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html[data-theme="dark"] #priceHint:not(:empty){background:rgba(27,23,19,.88);color:#e9dfd2;box-shadow:0 4px 14px rgba(0,0,0,.4)}
@media (max-width:560px){#priceHint:not(:empty){font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}

/* ============ v8: precios en soles, regalo de bienvenida, pack y pase Club ============ */
.pl-wallet{display:flex;flex-wrap:wrap;gap:6px;padding:0;background:none;border:0}
.pl-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#fff;border:1.5px solid #e6dfd2;font-size:13.5px;font-weight:800;color:#1d2433}
.pl-chip-gift{background:#fff3e0;border-color:#f0c98a}
.pl-chip-club{background:#efe8ff;border-color:#d6c8fb;color:#4a3394}
.pl-chip-first{background:#e8f3ee;border-color:#bcdccc;color:var(--sello)}
.pl-gift{display:flex;gap:10px;align-items:flex-start;margin:0 0 14px;padding:12px 14px;border-radius:14px;background:#fff3e0;border:1.5px dashed #e3b465;line-height:1.45}
.pl-opts{display:grid;gap:8px;margin:4px 0 6px}
.pl-opt{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 12px;padding:12px 14px;border-radius:14px;background:#fff;border:1.5px solid #e6dfd2}
.pl-opt b{display:block;color:var(--tinta)}.pl-opt small{color:#5b6170}
.pl-opt-main{border-color:var(--tinta);box-shadow:inset 0 0 0 1px var(--tinta)}
.pl-opt-main .pl-btn{grid-column:1/-1}
.pl-opt-gift{background:#fff8ec;border-color:#e3b465}
.pl-opt-price{font-family:"Fraunces",Georgia,serif;font-size:22px;color:var(--tinta);white-space:nowrap}
.pl-opt-price s,.pl-price s{font-family:"Nunito",sans-serif;font-size:14px;color:#8a8f9c;margin-right:2px}
.pl-fine{margin:8px 0 0;font-size:12.5px;color:#5b6170}
@media (max-width:420px){.pl-opt{grid-template-columns:1fr}.pl-opt .pl-btn{width:100%}}
/* carta de regalo: se ve con su sello y no se edita */
.stage.es-regalo #book .page.cur .page-face.front::after{content:"🎁 De regalo · se envía tal cual";position:absolute;right:12px;top:12px;z-index:70;font:800 12px "Nunito",sans-serif;color:#1d2433;background:rgba(240,201,138,.95);padding:5px 10px;border-radius:999px}
.stage.es-regalo #sendBtn,.stage.bloqueada #sendBtn{background:var(--oro);color:#1d2433}
html[data-theme="dark"] .pl-chip{background:#221d18;border-color:#3a332b;color:#f3ece2}
html[data-theme="dark"] .pl-chip-gift,html[data-theme="dark"] .pl-gift,html[data-theme="dark"] .pl-opt-gift{background:#2e2416;border-color:#6b5226;color:#f3ece2}
html[data-theme="dark"] .pl-chip-club{background:#2a2340;border-color:#4a3d72;color:#d9ccff}
html[data-theme="dark"] .pl-chip-first{background:#1d2c25;border-color:#2f5a47;color:#9fd8bd}
html[data-theme="dark"] .pl-opt{background:#221d18;border-color:#3a332b}
html[data-theme="dark"] .pl-opt b,html[data-theme="dark"] .pl-opt-price{color:#f3ece2}
html[data-theme="dark"] .pl-opt-main{border-color:#c9d8f2;box-shadow:inset 0 0 0 1px #c9d8f2}
html[data-theme="dark"] .pl-opt small,html[data-theme="dark"] .pl-fine{color:#b9ad9f}

/* ============ v9: cuenta, pago con Yape y pedidos ============ */
.pl-cuenta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin:0 0 12px;padding:10px 14px;border-radius:14px;background:#fff;border:1.5px solid #e6dfd2}
.pl-cuenta-no{background:#fff8ec;border-color:#e3b465}
.pl-cuenta-bt{display:flex;flex-wrap:wrap;gap:8px}
.pl-link{border:0;background:none;padding:6px 4px;font:inherit;font-weight:800;color:var(--lacre);text-decoration:underline;cursor:pointer;min-height:44px}
.pl-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:4px 0 14px;padding:4px;border-radius:14px;background:#ebe5da}
.pl-tabs button{min-height:44px;border:0;border-radius:11px;background:none;font:inherit;font-weight:800;color:#5b6170;cursor:pointer}
.pl-tabs button.on{background:#fff;color:var(--tinta);box-shadow:0 2px 8px rgba(30,40,60,.12)}
.pl-form{display:grid;gap:12px}
.pl-campo{display:grid;gap:6px;font-weight:800;color:var(--tinta)}
.pl-campo small{font-weight:600;color:#5b6170}
.pl-campo input{width:100%;min-height:48px;padding:10px 14px;border-radius:12px;border:1.5px solid #d9d1c2;background:#fff;font:inherit;font-weight:600;color:#1d2433}
.pl-campo input:focus{outline:3px solid rgba(34,56,90,.25);border-color:var(--tinta)}
.pl-clave{position:relative;display:block}
.pl-clave input{padding-right:52px}
.pl-ver{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:10px;background:none;font-size:18px;cursor:pointer}
.pl-ver[aria-pressed="true"]{background:#ebe5da}
.pl-pasos{margin:4px 0 14px;padding:0;list-style:none;counter-reset:paso;display:grid;gap:12px}
.pl-pasos li{counter-increment:paso;position:relative;display:grid;gap:6px;padding:12px 14px 12px 50px;border-radius:14px;background:#fff;border:1.5px solid #e6dfd2;line-height:1.45}
.pl-pasos li::before{content:counter(paso);position:absolute;left:12px;top:12px;width:28px;height:28px;border-radius:50%;background:var(--tinta);color:#fff;display:grid;place-items:center;font-weight:800;font-size:14px}
.pl-copiable{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.pl-num{font-family:"Fraunces",Georgia,serif;font-size:24px;letter-spacing:.5px;color:var(--tinta)}
.pl-codigo{font:700 22px/1 ui-monospace,"Cascadia Mono",Consolas,monospace;letter-spacing:2px;padding:8px 12px;border-radius:10px;background:#fff3e0;border:1.5px dashed #e3b465;color:#1d2433}
.pl-copiable .pl-btn{min-height:40px;padding:0 12px;font-size:14px}
.pl-btn-demo{width:100%;margin-top:8px;border-style:dashed;color:#5b6170}
.pl-espera{display:flex;gap:14px;align-items:flex-start;margin:6px 0 12px;padding:14px;border-radius:14px;background:#fff;border:1.5px solid #e6dfd2;line-height:1.5}
.pl-spin{flex:none;width:28px;height:28px;border-radius:50%;border:3px solid #e6dfd2;border-top-color:var(--tinta);animation:pl-gira 1s linear infinite}
@keyframes pl-gira{to{transform:rotate(360deg)}}
.pl-peds{display:grid;gap:8px;margin-bottom:6px}
.pl-ped{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 12px;padding:10px 12px;border-radius:14px;background:#fff;border:1.5px solid #e6dfd2}
.pl-ped b{display:block}.pl-ped small{color:#5b6170}
.pl-ped .pl-btn{grid-column:1/-1}
.pl-estado{font-size:12.5px;font-weight:800;padding:4px 10px;border-radius:999px;background:#ebe5da;color:#3d3229;white-space:nowrap}
.pl-e-avisado{background:#fff3e0;color:#7a4b06}.pl-e-confirmado{background:#e8f3ee;color:var(--sello)}.pl-e-rechazado{background:#fbe9e7;color:var(--lacre)}
/* pedidos resueltos (48 h): estado, motivo del rechazo y WhatsApp de soporte */
.pl-ped-fin{background:#faf8f4}
.pl-ped .pl-motivo{display:block;margin-top:4px;color:var(--lacre);font-weight:700}
a.pl-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.pl-btn-wa{grid-column:1/-1;background:#eaf6ef;border-color:#bcdccc;color:#1d6b46}
.ev-btn-quiet{color:var(--lacre,#a8322d)}
@media (prefers-reduced-motion:reduce){.pl-spin{animation-duration:3s}}
html[data-theme="dark"] .pl-cuenta,html[data-theme="dark"] .pl-pasos li,html[data-theme="dark"] .pl-espera,html[data-theme="dark"] .pl-ped{background:#221d18;border-color:#3a332b;color:#f3ece2}
html[data-theme="dark"] .pl-cuenta-no{background:#2e2416;border-color:#6b5226}
html[data-theme="dark"] .pl-tabs{background:#2a241e}
html[data-theme="dark"] .pl-tabs button{color:#b9ad9f}
html[data-theme="dark"] .pl-tabs button.on{background:#3a332b;color:#f3ece2}
html[data-theme="dark"] .pl-campo{color:#f3ece2}
html[data-theme="dark"] .pl-campo small,html[data-theme="dark"] .pl-ped small{color:#b9ad9f}
html[data-theme="dark"] .pl-campo input{background:#1b1713;border-color:#3a332b;color:#f3ece2}
html[data-theme="dark"] .pl-num{color:#f3ece2}
html[data-theme="dark"] .pl-codigo{background:#2e2416;border-color:#6b5226;color:#f3ece2}
html[data-theme="dark"] .pl-link{color:#ff8f86}
html[data-theme="dark"] .pl-estado{background:#3a332b;color:#e9dfd2}
html[data-theme="dark"] .pl-ver[aria-pressed="true"]{background:#3a332b}
html[data-theme="dark"] .pl-ped-fin{background:#1f1a16}
html[data-theme="dark"] .pl-ped .pl-motivo{color:#ff9b8f}
html[data-theme="dark"] .pl-btn-wa{background:#1d2c25;border-color:#2f5a47;color:#9fd8bd}
.pl-modal [hidden]{display:none!important}

/* ============ v10: sin conexión con el servidor (solo por http/https) ============
   Franja fija arriba con «Reintentar»; todo baja lo que mide la franja para que no tape la barra de arriba.
   Comprar y enviar se ven apagados (al tocarlos se explica que no hay conexión). */
.pl-sinred{position:fixed;left:0;right:0;top:0;z-index:95;display:flex;align-items:center;justify-content:center;gap:10px;height:44px;padding:0 12px;
  background:#7a1f1a;color:#fff;font:700 14px/1.3 "Nunito",system-ui,sans-serif;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.pl-sinred-txt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pl-sinred-bt{flex:none;min-height:36px;padding:0 14px;border:0;border-radius:999px;background:#fff;color:#7a1f1a;font:inherit;font-weight:800;cursor:pointer}
.pl-sinred-bt:disabled{opacity:.75;cursor:default}
.pl-sinred-bt:focus-visible{outline:3px solid #fff;outline-offset:2px}
html.sin-servidor #home{padding-top:44px}
html.sin-servidor .hm-head{top:44px}
html.sin-servidor .stage,html.sin-servidor .ev-root.ev-open{top:44px}
html.sin-servidor .cardzone{top:108px}
@media (max-width:899px){html.sin-servidor .cardzone{top:100px}}
@media (min-width:900px){html.sin-servidor .ed{top:44px}}
html.sin-servidor [data-compra],html.sin-servidor #sendBtn{opacity:.55;filter:grayscale(.4)}
@media (max-width:380px){.pl-sinred{font-size:13px;gap:8px;padding:0 8px}}