/* =========================================================================
   CABAL HITS · POP-UPS (assets/css/popups.css)
   ========================================================================= */
.pop-lock,.pop-lock body{overflow:hidden}
.pop{--pl:rgba(180,107,255,.45);font-family:Inter,sans-serif;color:#efe8f9}
.pop svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.pop-x{position:absolute;top:12px;right:12px;z-index:3;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--pl);background:rgba(10,8,18,.82);color:#e2c6ff;cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:background .2s,color .2s}
.pop-x:hover{background:#7b2fe0;color:#fff}
.pop-x:focus-visible,.pop-btn:focus-visible{outline:2px solid #e2c6ff;outline-offset:3px}
.pop-tag{display:inline-flex;align-self:flex-start;font:400 12px/1 'Share Tech Mono',ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase;color:#cfa9ff}
.pop-tag:before{content:'// ';color:#7b2fe0}
.pop h3{margin:0;font:600 clamp(24px,3vw,34px)/1.08 'Chakra Petch',sans-serif;text-transform:uppercase;color:#fff}
.pop p{margin:0;font-size:15px;line-height:1.7;color:#cbbfdb}
.pop-body{display:flex;flex-direction:column;gap:14px}
.pop-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.pop-acts:empty{display:none}
.pop-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 22px;border:1px solid #bb8fff;background:#7b2fe0;color:#fff;font:600 15px/1 'Chakra Petch',sans-serif;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));transition:background .25s,box-shadow .25s}
.pop-btn:hover{background:linear-gradient(110deg,#8a45f0,#b779ff);box-shadow:0 0 30px #8b3cf066}
.pop-btn.ghost{background:#1b132b;border-color:var(--pl)}
.pop-btn.ghost:hover{background:#342048;box-shadow:none}

/* ---------- janela central / só imagem ---------- */
.pop-modal,.pop-image,.pop-fullscreen{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px}
.pop-backdrop{position:absolute;inset:0;background:rgba(3,2,7,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .25s}
.pop-card{position:relative;width:min(560px,100%);max-height:calc(100dvh - 40px);overflow:auto;border:1px solid var(--pl);background:linear-gradient(170deg,#1d1230,#0e0b17);box-shadow:0 30px 90px #000c,inset 0 0 60px rgba(123,47,224,.12);clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);opacity:0;transform:translateY(14px) scale(.98);transition:opacity .25s,transform .25s}
.pop-card .pop-media{aspect-ratio:16/8;background:center/cover no-repeat;border-bottom:1px solid var(--pl)}
.pop-card>.pop-body{padding:28px 30px 30px}
.pop-modal.in .pop-backdrop,.pop-image.in .pop-backdrop{opacity:1}
.pop-modal.in .pop-card,.pop-image.in .pop-card{opacity:1;transform:none}
.pop-imgcard{width:auto;max-width:min(900px,100%);background:#0e0b17;padding:0}
.pop-imgcard img{display:block;max-width:100%;max-height:calc(100dvh - 60px);height:auto}

/* ---------- tela cheia ---------- */
.pop-fullscreen{place-items:end start;padding:0;background:#0a0812;opacity:0;transition:opacity .35s}
.pop-fullscreen.in{opacity:1}
.pop-full-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,#3a1a5c,#0a0812 70%) center/cover no-repeat}
.pop-full-bg:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0a0812 8%,rgba(10,8,18,.55) 45%,rgba(10,8,18,.15))}
.pop-full-in{position:relative;width:min(1240px,calc(100% - 80px));margin:0 auto clamp(40px,8vh,90px)}
.pop-full-in .pop-body{max-width:640px}
.pop-full-in h3{font-size:clamp(40px,6vw,76px)}
.pop-full-in p{font-size:17px}
.pop-fullscreen .pop-x{top:20px;right:20px;width:46px;height:46px}

/* ---------- faixa inferior ---------- */
.pop-bar{position:fixed;left:0;right:0;bottom:0;z-index:150;border-top:1px solid var(--pl);background:linear-gradient(90deg,rgba(29,18,48,.97),rgba(14,11,23,.97));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -20px 50px #0008;transform:translateY(100%);transition:transform .3s}
.pop-bar.in{transform:none}
.pop-bar-in{position:relative;display:flex;align-items:center;gap:18px;width:min(1240px,calc(100% - 80px));margin:auto;padding:16px 56px 16px 0}
.pop-bar-img{width:56px;height:56px;object-fit:cover;border:1px solid var(--pl)}
.pop-dot{width:10px;height:10px;flex:0 0 10px;background:#b46bff;transform:rotate(45deg);box-shadow:0 0 14px #b46bff}
.pop-bar-txt{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px}
.pop-bar-txt b{font:600 17px/1.2 'Chakra Petch',sans-serif;text-transform:uppercase;color:#fff}
.pop-bar-txt span{font-size:14px;color:#cbbfdb}
.pop-bar .pop-btn{min-height:42px;padding:11px 18px;font-size:13px;flex:0 0 auto}
.pop-bar .pop-x{top:50%;right:0;transform:translateY(-50%);width:36px;height:36px}

/* ---------- canto ---------- */
.pop-corners{position:fixed;right:24px;bottom:24px;z-index:160;display:flex;flex-direction:column;gap:12px;align-items:flex-end;pointer-events:none}
.pop-corner{position:relative;width:340px;max-width:calc(100vw - 32px);pointer-events:auto;border:1px solid var(--pl);background:linear-gradient(170deg,#1d1230,#0e0b17);box-shadow:0 20px 60px #000b;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);opacity:0;transform:translateX(20px);transition:opacity .3s,transform .3s}
.pop-corner.in{opacity:1;transform:none}
.pop-corner .pop-media{aspect-ratio:16/8;background:center/cover no-repeat;border-bottom:1px solid var(--pl)}
.pop-corner .pop-body{padding:20px 22px 22px;gap:10px}
.pop-corner h3{font-size:20px;padding-right:36px}
.pop-corner p{font-size:14px}
.pop-corner .pop-btn{align-self:flex-start;min-height:42px;padding:11px 18px;font-size:13px;margin-top:4px}
.pop-corner .pop-x{top:8px;right:8px;width:34px;height:34px}
.pop.out{opacity:0!important;transition:opacity .25s}

@media(max-width:760px){
  .pop-card>.pop-body{padding:22px 20px 24px}
  .pop-acts .pop-btn{flex:1}
  .pop-full-in{width:calc(100% - 32px)}
  .pop-bar-in{width:calc(100% - 32px);flex-wrap:wrap;gap:12px;padding:14px 46px 14px 0}
  .pop-bar-img{width:44px;height:44px}
  .pop-bar .pop-btn{width:100%}
  .pop-bar .pop-x{top:14px;transform:none}
  .pop-corners{left:16px;right:16px;bottom:16px;align-items:stretch}
  .pop-corner{width:auto;max-width:none}
}
@media(prefers-reduced-motion:reduce){.pop,.pop *{transition:none!important}}