/* Premios Pandita · blanco y negro de panda, verde bambú de acento. Todo va dentro de .pr para no chocar con tu tema. */
.pr,.pr-landing{
  --pr-bg:#f4f6f1; --pr-paper:#fff; --pr-ink:#151816; --pr-muted:#5f665f; --pr-line:#dde2d8;
  --pr-accent:#5fa83a; --pr-accent-ink:#fff; --pr-sold:#cfd4cb; --pr-sold-ink:#868d84;
  --pr-ok:#2f7d32; --pr-warn:#a86500; --pr-bad:#b3261e;
  --pr-display:"Lilita One","Arial Rounded MT Bold",sans-serif;
  --pr-body:"Figtree",system-ui,sans-serif;
  --pr-num:"JetBrains Mono",ui-monospace,monospace;
  background:var(--pr-bg); color:var(--pr-ink); font-family:var(--pr-body); font-size:15px; line-height:1.5;
  max-width:1180px; margin:0 auto; padding:24px max(16px,env(safe-area-inset-right,0px)) 40px max(16px,env(safe-area-inset-left,0px));
  border-radius:16px; box-sizing:border-box;
}
.pr-landing{background:var(--pr-bg);color:var(--pr-ink);font-family:var(--pr-body);font-size:15px;line-height:1.5}
.pr *,.pr *::before,.pr *::after{box-sizing:border-box}
.pr [hidden]{display:none!important}
.pr h1,.pr h2{font-family:var(--pr-display);font-weight:400;color:var(--pr-ink);letter-spacing:.01em;text-wrap:balance}
.pr button,.pr input{font-family:inherit}
.pr :focus-visible{outline:2px solid var(--pr-accent);outline-offset:2px}

.pr-logo{display:flex;align-items:center;gap:10px;font-family:var(--pr-display);font-size:1.15rem;margin-bottom:8px}
.pr-logo svg{width:40px;height:40px}
.pr-hero{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:end;border-bottom:2px dashed var(--pr-line);padding-bottom:16px;margin-bottom:16px}
.pr-hero h1{font-size:clamp(1.8rem,5vw,3rem);line-height:1;margin:0}
.pr-hero p{margin:6px 0 0;color:var(--pr-muted);max-width:60ch}
.pr-price{text-align:right}
.pr-lbl{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--pr-muted)}
.pr-val{font:700 1.6rem var(--pr-num)}
@media (max-width:640px){.pr-hero{grid-template-columns:1fr}.pr-price{text-align:left}}

.pr-alert{background:#fff7e6;border:1px solid #f0d199;color:#5c3d00;border-radius:10px;padding:12px 14px;margin-bottom:14px}
.pr-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}
@media (max-width:900px){.pr-layout{grid-template-columns:minmax(0,1fr)}}
.pr-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-bottom:12px}
.pr-grow{flex:1 1 160px}
.pr-field{display:flex;flex-direction:column;gap:4px}
.pr-field label{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--pr-muted);font-weight:600}
.pr input[type=text],.pr input[type=email],.pr input[type=tel]{background:var(--pr-paper);color:var(--pr-ink);border:1px solid var(--pr-line);border-radius:8px;padding:10px 12px;font-size:1rem;width:100%;margin:0}
.pr-btn{border:1px solid var(--pr-line);background:var(--pr-paper);color:var(--pr-ink);padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer;font-size:.95rem;line-height:1.2}
.pr-btn:hover{border-color:var(--pr-ink)}
.pr-primary{background:var(--pr-accent);color:var(--pr-accent-ink);border-color:var(--pr-accent)}
.pr-dark{background:var(--pr-ink);color:var(--pr-paper);border-color:var(--pr-ink)}
.pr-btn:disabled{opacity:.45;cursor:not-allowed}

.pr-blocks{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin-bottom:10px}
.pr-blocks button{flex:0 0 auto;font:600 .78rem var(--pr-num);border:1px solid var(--pr-line);background:var(--pr-paper);color:var(--pr-muted);padding:6px 9px;border-radius:6px;cursor:pointer}
.pr-blocks button[aria-pressed="true"]{border-color:var(--pr-ink);color:var(--pr-ink);box-shadow:inset 0 -3px 0 var(--pr-accent)}
.pr-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:.82rem;color:var(--pr-muted);margin-bottom:10px}
.pr-legend span{display:inline-flex;align-items:center;gap:6px}
.pr-legend i{width:14px;height:14px;border-radius:3px;display:inline-block;border:1px solid var(--pr-line)}
.l-free{background:var(--pr-paper)} .l-mine{background:var(--pr-ink)} .l-sold{background:var(--pr-sold)}
.l-pend,.pr-n.pend{background:repeating-linear-gradient(45deg,var(--pr-paper),var(--pr-paper) 4px,var(--pr-sold) 4px,var(--pr-sold) 6px)}

.pr-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px}
@media (max-width:480px){.pr-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.pr-n{font:700 .92rem var(--pr-num);font-variant-numeric:tabular-nums;padding:10px 0;border-radius:6px;border:1px solid var(--pr-line);background:var(--pr-paper);color:var(--pr-ink);cursor:pointer;transition:transform .08s}
.pr-n:hover:not(:disabled){border-color:var(--pr-ink);transform:translateY(-1px)}
.pr-n.sel{background:var(--pr-ink);color:var(--pr-paper);border-color:var(--pr-ink)}
.pr-n:disabled{cursor:not-allowed;color:var(--pr-sold-ink)}
.pr-n.sold{background:var(--pr-sold);border-color:var(--pr-sold);text-decoration:line-through}
.pr-progress{height:8px;background:var(--pr-sold);border-radius:99px;overflow:hidden;margin-top:14px}
.pr-progress b{display:block;height:100%;width:0;background:var(--pr-accent);transition:width .4s}
.pr-progress-txt{font-size:.82rem;color:var(--pr-muted);margin-top:6px;font-variant-numeric:tabular-nums}

.pr-ticket{position:sticky;top:20px;background:var(--pr-paper);border:1px solid var(--pr-line);border-radius:12px;overflow:hidden}
.pr-ticket-head{padding:14px 16px;background:var(--pr-ink);color:var(--pr-paper)}
.pr-ticket-head .t{font-family:var(--pr-display);font-size:1.15rem}
.pr-ticket-head .s{font-size:.78rem;opacity:.8}
.pr-ticket-body{padding:14px 16px;display:flex;flex-direction:column;gap:12px}
.pr-perf{border-top:2px dashed var(--pr-line)}
.pr-chips{display:flex;flex-wrap:wrap;gap:6px;min-height:34px;max-height:180px;overflow-y:auto}
.pr-chip{font:700 .85rem var(--pr-num);background:var(--pr-bg);border:1px solid var(--pr-line);border-radius:6px;padding:4px 4px 4px 9px;display:inline-flex;align-items:center;gap:2px}
.pr-chip button{border:0;background:none;color:var(--pr-muted);cursor:pointer;font-size:1rem;line-height:1;padding:0 4px}
.pr-empty{color:var(--pr-muted);font-size:.88rem}
.pr-row{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums}
.pr-total{font:700 1.15rem var(--pr-num)}
@media (max-width:900px){.pr-ticket{position:static}}

.pr-panel{background:var(--pr-paper);border:1px solid var(--pr-line);border-radius:12px;padding:20px;max-width:660px}
.pr-panel h2{font-size:1.5rem;margin:0 0 4px}
.pr-h2b{margin-top:22px!important}
.pr-sub{color:var(--pr-muted);margin:0 0 16px}
.pr-note{font-size:.9rem}
.pr-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pr-full{grid-column:1/-1}
@media (max-width:520px){.pr-form{grid-template-columns:1fr}}
.pr-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.pr-pay{display:grid;gap:8px}
.pr-pay label{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--pr-line);border-radius:10px;padding:12px;cursor:pointer}
.pr-pay label:has(input:checked){border-color:var(--pr-ink);box-shadow:inset 4px 0 0 var(--pr-accent)}
.pr-pay b{display:block}
.pr-pay small{color:var(--pr-muted)}
.pr-bankbox{background:var(--pr-bg);border:1px dashed var(--pr-line);border-radius:8px;padding:12px;margin-top:10px;display:grid;gap:10px}
.pr-bankbox pre{font:500 .9rem var(--pr-num);white-space:pre-wrap;margin:0;background:none;border:0;padding:0;color:var(--pr-ink)}
.pr-terms{display:flex;gap:8px;align-items:flex-start;font-size:.88rem;color:var(--pr-muted);margin-top:16px}
.pr-err{color:var(--pr-bad);font-size:.9rem;min-height:1.3em;margin:10px 0 0}
.pr-actions{display:flex;gap:8px;justify-content:space-between;margin-top:14px;flex-wrap:wrap}
.pr-confirm{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.pr-confirm span{font:700 1.2rem var(--pr-num);border:2px solid var(--pr-ink);border-radius:8px;padding:6px 12px}
@media (prefers-reduced-motion:reduce){.pr *{transition:none!important}}

/* ---------- Foto del premio en el encabezado ---------- */
.pr-hero.pr-con-img{grid-template-columns:minmax(0,220px) minmax(0,1fr) auto;align-items:center}
.pr-premio{width:100%;max-width:220px;aspect-ratio:1/1;object-fit:cover;border-radius:14px;border:1px solid var(--pr-line);background:var(--pr-paper);display:block}
@media (max-width:760px){
  .pr-hero.pr-con-img{grid-template-columns:minmax(0,1fr)}
  .pr-premio{max-width:100%;aspect-ratio:4/3}
}

/* ---------- Landing de pantalla completa ---------- */
html:has(body.pr-lienzo),body.pr-lienzo{margin:0;background:var(--pr-bg,#f4f6f1)}
body.pr-lienzo{background:#f4f6f1}
.pr-landing *,.pr-landing *::before,.pr-landing *::after{box-sizing:border-box}
.pr-landing a{color:inherit}
.pr-landing :focus-visible{outline:2px solid var(--pr-accent);outline-offset:2px}
.pr-landing main > p:empty{display:none}
.pr-lienzo .pr{border-radius:0;background:transparent;padding-top:28px}
.pr-lienzo .pr-hero .pr-logo{display:none}

.pr-top{position:sticky;top:0;z-index:20;background:var(--pr-ink);color:var(--pr-paper);padding-top:env(safe-area-inset-top,0px)}
.admin-bar .pr-top{top:32px}
@media (max-width:782px){.admin-bar .pr-top{top:0;position:relative}}
.pr-top-in{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px))}
.pr-marca{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--pr-display);font-size:1.2rem;letter-spacing:.01em}
.pr-marca svg{width:36px;height:36px;flex:0 0 auto}
.pr-top .pr-marca svg{--pr-paper:#151816;color:#fff}
.pr-nav{display:flex;align-items:center;gap:18px;font-weight:600;font-size:.92rem}
.pr-nav a{text-decoration:none;opacity:.85}
.pr-nav a:hover{opacity:1}
.pr-nav .pr-btn{opacity:1;padding:8px 14px}
@media (max-width:620px){.pr-nav a.pr-opc{display:none}.pr-nav{gap:12px}}

.pr-sec{padding-block:48px}
.pr-sec-alt{background:var(--pr-paper);border-top:1px solid var(--pr-line);border-bottom:1px solid var(--pr-line)}
.pr-sec-in{max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.pr-sec h2{font-family:var(--pr-display);font-weight:400;font-size:clamp(1.6rem,4vw,2.3rem);line-height:1.05;margin:0 0 22px;color:var(--pr-ink)}
.pr-pasos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:paso}
@media (max-width:900px){.pr-pasos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.pr-pasos{grid-template-columns:minmax(0,1fr)}}
.pr-pasos li{counter-increment:paso;background:var(--pr-paper);border:1px solid var(--pr-line);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:6px}
.pr-pasos li::before{content:counter(paso);font:700 .85rem var(--pr-num);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--pr-ink);color:var(--pr-paper);margin-bottom:6px}
.pr-pasos b{font-size:1.05rem}
.pr-pasos span{color:var(--pr-muted);font-size:.93rem}

.pr-faq{max-width:780px}
.pr-faq details{border-bottom:1px solid var(--pr-line);padding:4px 0}
.pr-faq summary{cursor:pointer;font-weight:700;font-size:1.02rem;padding:12px 28px 12px 0;list-style:none;position:relative}
.pr-faq summary::-webkit-details-marker{display:none}
.pr-faq summary::after{content:"+";position:absolute;right:4px;top:8px;font:700 1.3rem var(--pr-num);color:var(--pr-accent)}
.pr-faq details[open] summary::after{content:"−"}
.pr-faq p{margin:0 0 14px;color:var(--pr-muted);max-width:65ch}
.pr-bases{font-size:.88rem}

.pr-pie{background:var(--pr-ink);color:#e9ece6;padding-block:28px calc(28px + env(safe-area-inset-bottom,0px))}
.pr-pie-in{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.pr-pie .pr-marca svg{--pr-paper:#151816;color:#fff}
.pr-redes{display:flex;gap:18px;font-weight:600}
.pr-redes a{text-decoration:none;opacity:.85}
.pr-redes a:hover{opacity:1;text-decoration:underline}
.pr-pie small{opacity:.6}

.pr-wa{position:fixed;z-index:30;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));display:inline-flex;align-items:center;gap:8px;background:#1f9d55;color:#fff!important;text-decoration:none;font-weight:700;padding:12px 16px;border-radius:999px;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.pr-wa svg{width:22px;height:22px}
@media (max-width:520px){.pr-wa span{display:none}.pr-wa{padding:12px}}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.pr-lienzo .pr-ticket{top:76px}
.pr-landing{max-width:none;margin:0;padding:0;border-radius:0}
.pr-faq{max-width:1180px}
.pr-faq details,.pr-faq h2{max-width:780px}

/* ---------- Mis boletos y ticket ---------- */
.pr-link{color:var(--pr-ink);font-weight:700;text-decoration:underline;text-decoration-color:var(--pr-accent);text-underline-offset:3px}
.pr-mono{font-family:var(--pr-num);font-size:.8rem;word-break:break-all;color:var(--pr-muted)}
.pr-mb-lista{display:grid;gap:12px;margin-top:6px}
.pr-mb-item{border:1px solid var(--pr-line);border-radius:12px;padding:14px 16px;display:grid;gap:8px;justify-items:start}
.pr-mb-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:space-between;width:100%}
.pr-mb-meta{font-size:.85rem;color:var(--pr-muted);font-variant-numeric:tabular-nums}
.pr-pill{font-size:.75rem;font-weight:700;padding:3px 10px;border-radius:99px;border:1px solid currentColor}
.pr-pill.pr-pagado{color:var(--pr-ok)} .pr-pill.pr-revision,.pr-pill.pr-pendiente{color:var(--pr-warn)}
.pr-confirm-sm{margin:2px 0}
.pr-confirm-sm span{font-size:.95rem;padding:3px 9px;border-width:1.5px}
.pr-ticket-panel{display:grid;justify-items:center;gap:6px;text-align:center}
.pr-ticket-panel canvas{width:100%;max-width:440px;height:auto;border-radius:14px;box-shadow:0 10px 30px rgba(21,24,22,.12)}
.pr-ticket-panel .pr-actions{width:100%;max-width:440px}
a.pr-btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.pr-lienzo #premios-pandita{scroll-margin-top:72px}
.pr-qr-info{font-size:.88rem;margin:2px 0 0;color:var(--pr-muted)}
.pr-qr-info:empty{display:none}
.pr-qr-ok{color:var(--pr-ok);font-weight:600}
.pr-qr-aviso{color:var(--pr-warn)}