/* =====================================================================
   CineDiário — VISUAL "MARQUISE PRO" (.cd-pro)
   CSS extraído DIRETO dos mockups redesign-desktop/mobile (idêntico),
   escopado em .cd-app.cd-pro. Carregado só quando o visual = Pro.
   ===================================================================== */
.cd-app.cd-pro{--bg:#0a1c26; --bg-2:#0e2430; --surface:#14313f; --surface-2:#1b3c4c;
  --border:rgba(232,213,183,.12); --border-strong:rgba(232,213,183,.25);
  --text:#ecdcc2; --muted:#94aab1; --gold:#f5b349; --gold-soft:#f7c67f; --red:#fc3a51;
  --display:'Fraunces',Georgia,serif; --ui:'Manrope',system-ui,sans-serif;}
.cd-app.cd-pro *{box-sizing:border-box}
/* container full-bleed: header e .wrap controlam o espaçamento */
.cd-app.cd-pro{padding:0;max-width:none;margin:0}
.cd-app.cd-pro .wrap{max-width:1180px;margin:0 auto;padding:0 32px;position:relative;z-index:1}

.cd-app.cd-pro,.cd-app.cd-pro{margin:0}
.cd-app.cd-pro{background:var(--bg);color:var(--text);font-family:var(--ui);line-height:1.55;overflow-x:hidden}
.cd-app.cd-pro::before{content:"";position:fixed;top:-260px;left:50%;transform:translateX(-50%);width:1200px;height:560px;background:radial-gradient(ellipse at center,rgba(245,179,73,.10),transparent 65%);pointer-events:none;z-index:0}
.cd-app.cd-pro button{font-family:var(--ui);cursor:pointer}
.cd-app.cd-pro .wrap{max-width:1180px;margin:0 auto;padding:0 32px;position:relative;z-index:1}


.cd-app.cd-pro /* ===== header vidro ===== */
header{position:sticky;top:0;z-index:100;background:rgba(9,22,30,.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}
.cd-app.cd-pro .hd{max-width:1180px;margin:0 auto;padding:0 32px;height:66px;display:flex;align-items:center;gap:26px}
.cd-app.cd-pro .wordmark{display:flex;align-items:center;gap:7px;font-family:var(--display);font-size:24px}
.cd-app.cd-pro .wordmark em{font-style:italic;font-weight:800;color:var(--red)}
.cd-app.cd-pro .reel{font-size:24px;display:inline-block}
@keyframes cdpro-spin{to{transform:rotate(360deg)}}
.cd-app.cd-pro nav.tabs{display:flex;gap:4px}
.cd-app.cd-pro .tab{position:relative;border:none;background:none;color:var(--muted);font-size:14.5px;font-weight:700;padding:10px 16px;border-radius:12px;transition:.15s}
.cd-app.cd-pro .tab:hover{color:var(--text);background:rgba(232,213,183,.06)}
.cd-app.cd-pro .tab.on{color:var(--text)}
.cd-app.cd-pro .tab.on::after{content:"";position:absolute;left:16px;right:16px;bottom:2px;height:3px;border-radius:99px;background:var(--red);box-shadow:0 0 12px rgba(252,58,81,.7)}
.cd-app.cd-pro .hd .search{margin-left:auto;position:relative;width:300px;transition:width .25s}
.cd-app.cd-pro .hd .search:focus-within{width:380px}
.cd-app.cd-pro .hd .search input{width:100%;height:42px;border-radius:14px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:14px;font-family:var(--ui);padding:0 42px 0 15px}
.cd-app.cd-pro .hd .search input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px rgba(245,179,73,.14)}
.cd-app.cd-pro .hd .search svg{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--muted)}
.cd-app.cd-pro .avatar{width:38px;height:38px;border-radius:50%;border:2px solid var(--gold);background:linear-gradient(160deg,#7a4b8f,#3f2b8a);display:grid;place-items:center;font-family:var(--display);color:#ffe9c4}
.cd-app.cd-pro /* ===== chips de tipo ===== */
.types{display:flex;gap:9px;margin-top:26px}
.cd-app.cd-pro .type{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:14px;font-weight:700;transition:.18s}
.cd-app.cd-pro .type .i{font-size:17px;transition:transform .25s}
.cd-app.cd-pro .type:hover{color:var(--text);border-color:var(--border-strong);transform:translateY(-1px)}
.cd-app.cd-pro .type:hover .i{transform:scale(1.2) rotate(-8deg)}
.cd-app.cd-pro .type.on{border-color:var(--gold);color:var(--text);background:linear-gradient(180deg,rgba(245,179,73,.16),rgba(245,179,73,.04))}
.cd-app.cd-pro /* ===== HERO marquise ===== */
.hero{margin-top:22px;position:relative;border-radius:26px;overflow:hidden;border:1px solid rgba(245,179,73,.35);background:
  linear-gradient(100deg,rgba(10,28,38,.92) 34%,rgba(10,28,38,.25) 62%,rgba(10,28,38,0)),
  radial-gradient(110% 130% at 85% 20%,#a8672c 0%,#4b2f18 45%,#0e2430 100%)}
.cd-app.cd-pro .hero::before,.cd-app.cd-pro .hero::after{content:"";position:absolute;left:20px;right:20px;height:7px;z-index:2;
  background-image:radial-gradient(circle 3.4px,var(--gold) 96%,transparent),radial-gradient(circle 3.4px,rgba(245,179,73,.22) 96%,transparent);
  background-size:26px 7px,26px 7px;background-position:0 0,13px 0;background-repeat:repeat-x}
.cd-app.cd-pro .hero::before{top:13px;animation:cdpro-bulbs 1.6s steps(2) infinite}
.cd-app.cd-pro .hero::after{bottom:13px;animation:cdpro-bulbs 1.6s steps(2) infinite reverse}
@keyframes cdpro-bulbs{50%{background-position:13px 0,0 0}}
.cd-app.cd-pro .hero-in{position:relative;display:flex;align-items:center;gap:40px;padding:56px 56px 52px}
.cd-app.cd-pro .hero-txt{flex:1;min-width:0}
.cd-app.cd-pro .eyebrow{font-size:11px;font-weight:800;letter-spacing:.26em;color:var(--gold);text-transform:uppercase}
.cd-app.cd-pro .hero-title{font-family:var(--display);font-style:italic;font-weight:600;font-size:54px;line-height:1.02;margin:12px 0 10px;text-shadow:0 3px 20px rgba(0,0,0,.5)}
.cd-app.cd-pro .hero-meta{font-size:15px;color:rgba(236,220,194,.82)}
.cd-app.cd-pro .hero-ov{max-width:520px;font-size:14.5px;color:rgba(236,220,194,.72);margin-top:12px}
.cd-app.cd-pro .hero-cta{display:flex;gap:12px;margin-top:22px}
.cd-app.cd-pro .btn{border:none;border-radius:14px;font-weight:800;font-size:14.5px;padding:13px 22px;transition:transform .12s,box-shadow .2s}
.cd-app.cd-pro .btn:hover{transform:translateY(-1px)}
.cd-app.cd-pro .btn:active{transform:scale(.97)}
.cd-app.cd-pro .btn.red{background:var(--red);color:#fff;box-shadow:0 10px 26px -10px rgba(252,58,81,.8)}
.cd-app.cd-pro .btn.ghost{background:rgba(232,213,183,.08);color:var(--text);border:1px solid var(--border-strong)}
.cd-app.cd-pro .hero-posters{flex:none;position:relative;width:300px;height:330px}
.cd-app.cd-pro .hp{position:absolute;width:200px;aspect-ratio:2/3;border-radius:16px;border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;font-size:64px;box-shadow:0 24px 50px -18px rgba(0,0,0,.85);overflow:hidden;cursor:pointer;transition:transform .38s cubic-bezier(.2,.9,.25,1.18),opacity .3s,filter .3s,box-shadow .3s}
.cd-app.cd-pro .hp.is-back{right:96px;top:26px;transform:rotate(-7deg);opacity:.55;filter:saturate(.7);z-index:1}
.cd-app.cd-pro .hp.is-front{right:0;top:0;transform:rotate(3.5deg);z-index:2}
.cd-app.cd-pro .hero:hover .hp.is-front{transform:rotate(1.5deg) translateY(-6px)}
.cd-app.cd-pro .hero:hover .hp.is-back{transform:rotate(-9deg) translateY(4px)}
.cd-app.cd-pro .hp:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.cd-app.cd-pro .hero-posters.switching .hp.is-front{animation:cdpro-cover-forward .42s cubic-bezier(.2,.9,.25,1.18)}
@keyframes cdpro-cover-forward{0%{transform:rotate(-7deg) translate(0,0) scale(.92)}55%{transform:rotate(1deg) translate(-18px,-18px) scale(1.08)}100%{transform:rotate(3.5deg) translate(0,0) scale(1)}}
.cd-app.cd-pro /* ===== dado ===== */
.dice{margin-top:18px;display:flex;align-items:center;gap:14px;padding:15px 20px;border-radius:18px;border:1px dashed var(--border-strong);background:rgba(232,213,183,.03);color:var(--muted);font-size:14px}
.cd-app.cd-pro .die{font-size:26px;display:inline-block;transition:transform .7s cubic-bezier(.3,1.4,.4,1)}
.cd-app.cd-pro .dice.rolling .die{transform:rotate(720deg) scale(1.2)}
.cd-app.cd-pro .dice b{color:var(--text)}
.cd-app.cd-pro .dice button{margin-left:auto}
.cd-app.cd-pro /* ===== carrosséis ===== */
section{margin-top:44px}
.cd-app.cd-pro .sec-h{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}
.cd-app.cd-pro .sec-h h2{font-family:var(--display);font-weight:600;font-size:24px;margin:0}
.cd-app.cd-pro .sec-h .hint{font-size:12.5px;color:var(--muted)}
.cd-app.cd-pro .sec-h .all{margin-left:auto;font-size:13px;font-weight:800;color:var(--gold);background:none;border:none}
.cd-app.cd-pro .rowwrap{position:relative}
.cd-app.cd-pro .row{display:flex;gap:16px;overflow-x:auto;padding:8px 2px 14px;scroll-snap-type:x mandatory;scrollbar-width:none;mask:linear-gradient(90deg,#000 calc(100% - 60px),transparent)}
.cd-app.cd-pro .row::-webkit-scrollbar{display:none}
.cd-app.cd-pro .arrow{position:absolute;top:74px;z-index:5;width:40px;height:40px;border-radius:50%;border:1px solid var(--border-strong);background:rgba(9,22,30,.85);color:var(--text);display:grid;place-items:center;opacity:0;transition:opacity .2s;backdrop-filter:blur(6px)}
.cd-app.cd-pro .rowwrap:hover .arrow{opacity:1}
.cd-app.cd-pro .arrow.l{left:-14px}
.cd-app.cd-pro .arrow.r{right:-14px}
.cd-app.cd-pro .pcard{flex:none;width:158px;scroll-snap-align:start;position:relative}
.cd-app.cd-pro .pcard .pt{width:100%;aspect-ratio:2/3;border-radius:16px;border:1px solid var(--border);position:relative;overflow:hidden;display:grid;place-items:center;font-size:46px;box-shadow:0 10px 26px -14px rgba(0,0,0,.8);transition:transform .22s,border-color .22s,box-shadow .22s}
.cd-app.cd-pro .pcard:hover .pt{transform:translateY(-7px);border-color:rgba(245,179,73,.5);box-shadow:0 22px 40px -16px rgba(0,0,0,.9)}
.cd-app.cd-pro .pcard .pt::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(6,15,20,.65))}
.cd-app.cd-pro .pcard .hover-act{position:absolute;left:8px;right:8px;bottom:8px;z-index:2;display:flex;gap:6px;opacity:0;transform:translateY(6px);transition:.2s}
.cd-app.cd-pro .pcard:hover .hover-act{opacity:1;transform:translateY(0)}
.cd-app.cd-pro .hover-act button{flex:1;font-size:11px;font-weight:800;padding:8px 4px;border-radius:9px;border:none;background:rgba(9,22,30,.9);color:var(--text);backdrop-filter:blur(6px)}
.cd-app.cd-pro .hover-act button.main,.cd-app.cd-pro .hover-act button.state-watched{background:var(--gold);color:#0e2430}
.cd-app.cd-pro .hover-act button.state-want,.cd-app.cd-pro .up button.state-want{background:rgba(43,109,138,.38);border-color:rgba(95,180,216,.5);color:var(--text)}
.cd-app.cd-pro .hover-act button.state-diary,.cd-app.cd-pro .up button.state-diary{background:var(--red);border-color:var(--red);color:#fff}
.cd-app.cd-pro .pcard .rank{position:absolute;left:10px;bottom:8px;z-index:1;font-family:var(--display);font-style:italic;font-size:42px;line-height:1;color:var(--gold);text-shadow:0 2px 10px rgba(0,0,0,.85);transition:opacity .2s}
.cd-app.cd-pro .pcard:hover .rank{opacity:0}
.cd-app.cd-pro .pcard .in-library{position:absolute;left:9px;bottom:9px;z-index:2;padding:5px 8px;border-radius:999px;background:var(--red);color:#fff;font-size:10px;font-weight:800;box-shadow:0 5px 12px -7px rgba(252,58,81,.9)}
.cd-app.cd-pro .match{position:absolute;top:9px;left:9px;z-index:1;font-size:10.5px;font-weight:800;padding:4px 9px;border-radius:999px;background:rgba(6,15,20,.72);color:var(--gold-soft);backdrop-filter:blur(4px)}
.cd-app.cd-pro .pcard .tt{margin-top:9px;font-size:13.5px;font-weight:800;line-height:1.25}
.cd-app.cd-pro .pcard .yy{font-size:12px;color:var(--muted)}
.cd-app.cd-pro /* ===== lançamentos ===== */
.up-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.cd-app.cd-pro .up .pt{width:100%;aspect-ratio:2/3;border-radius:14px;border:1px solid var(--border);display:grid;place-items:center;font-size:36px;position:relative;overflow:hidden;transition:transform .2s}
.cd-app.cd-pro .up:hover .pt{transform:translateY(-4px)}
.cd-app.cd-pro .up .date{position:absolute;top:0;left:0;right:0;text-align:center;font-size:10px;font-weight:800;letter-spacing:.08em;color:#0e2430;background:var(--gold);padding:4px 0;text-transform:uppercase}
.cd-app.cd-pro .up .tt{margin-top:8px;font-size:12.5px;font-weight:800;line-height:1.2}
.cd-app.cd-pro .up button{width:100%;margin-top:7px;font-size:11.5px;font-weight:800;padding:8px 4px;border-radius:10px;border:1px solid var(--border-strong);background:transparent;color:var(--text);transition:.15s}
.cd-app.cd-pro .up button:hover{border-color:var(--gold);color:var(--gold-soft)}
.cd-app.cd-pro /* ===== DIÁRIO ===== */
.mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}
.cd-app.cd-pro .ms{border:1px solid var(--border);border-radius:18px;padding:18px;background:linear-gradient(180deg,rgba(232,213,183,.05),transparent)}
.cd-app.cd-pro .ms .n{font-family:var(--display);font-size:32px;color:var(--gold-soft);line-height:1}
.cd-app.cd-pro .ms .l{font-size:11px;color:var(--muted);font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-top:6px}
.cd-app.cd-pro .shelf{display:flex;gap:16px;overflow-x:auto;padding:6px 2px 10px;scrollbar-width:none}
.cd-app.cd-pro .shelf::-webkit-scrollbar{display:none}
.cd-app.cd-pro .stackcard{flex:none;width:190px;position:relative;padding-top:0;cursor:pointer}
.cd-app.cd-pro .stackcard .back{display:none}
.cd-app.cd-pro .stackcard .front{position:relative;border-radius:16px;border:1px solid var(--border-strong);background:linear-gradient(180deg,var(--surface-2),var(--surface));padding:16px;height:104px;display:flex;flex-direction:column;justify-content:flex-end}
.cd-app.cd-pro .stackcard .em{font-size:24px}
.cd-app.cd-pro .stackcard .nm{font-size:14.5px;font-weight:800}
.cd-app.cd-pro .stackcard .ct{font-size:11.5px;color:var(--muted)}
.cd-app.cd-pro .filters{display:flex;gap:9px;flex-wrap:wrap;margin-top:6px}
.cd-app.cd-pro .chip{font-size:13px;font-weight:700;padding:9px 16px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);color:var(--muted);transition:.15s}
.cd-app.cd-pro .chip:hover{color:var(--text)}
.cd-app.cd-pro .chip.on{background:var(--red);border-color:var(--red);color:#fff}
.cd-app.cd-pro .tickets{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:20px}
.cd-app.cd-pro .ticket{border-radius:16px;background:linear-gradient(180deg,#1a3948,var(--surface));border:1px solid var(--border);overflow:hidden;position:relative;cursor:pointer;transition:transform .2s;
  -webkit-mask:radial-gradient(circle 9px at 0 76%,transparent 97%,#000) left/51% 100% no-repeat,radial-gradient(circle 9px at 100% 76%,transparent 97%,#000) right/51% 100% no-repeat;
  mask:radial-gradient(circle 9px at 0 76%,transparent 97%,#000) left/51% 100% no-repeat,radial-gradient(circle 9px at 100% 76%,transparent 97%,#000) right/51% 100% no-repeat}
.cd-app.cd-pro .ticket:hover{transform:translateY(-5px)}
.cd-app.cd-pro .ticket .pt{aspect-ratio:2/3;display:grid;place-items:center;font-size:52px;position:relative}
.cd-app.cd-pro .ticket .pt::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(6,15,20,.55))}
.cd-app.cd-pro .ticket .reac{position:absolute;top:9px;right:9px;font-size:17px;background:rgba(6,15,20,.7);border-radius:999px;padding:4px 8px;backdrop-filter:blur(4px)}
.cd-app.cd-pro .ticket .body{padding:11px 13px 13px;border-top:1.5px dashed var(--border-strong)}
.cd-app.cd-pro .ticket .tt{font-size:13.5px;font-weight:800;line-height:1.2}
.cd-app.cd-pro .ticket .seen-year{font-size:11px;color:var(--gold-soft);margin-top:4px;font-weight:700}
.cd-app.cd-pro .ticket .st{color:var(--gold);font-size:12px;letter-spacing:.14em;margin-top:4px}
.cd-app.cd-pro .ticket .st .off{color:rgba(232,213,183,.22)}
.cd-app.cd-pro /* ===== NÚMEROS ===== */
.big-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}
.cd-app.cd-pro .bc{border-radius:20px;padding:24px 20px;border:1px solid var(--border);background:linear-gradient(180deg,rgba(232,213,183,.05),transparent)}
.cd-app.cd-pro .bc.gold{border-color:rgba(245,179,73,.4);background:linear-gradient(180deg,rgba(245,179,73,.14),transparent)}
.cd-app.cd-pro .bc .n{font-family:var(--display);font-size:44px;line-height:1;color:var(--gold-soft)}
.cd-app.cd-pro .bc .l{font-size:11.5px;color:var(--muted);font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-top:8px}
.cd-app.cd-pro .charts2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0 80px}
.cd-app.cd-pro .chart{border:1px solid var(--border);border-radius:20px;padding:22px 22px 16px;background:rgba(232,213,183,.03)}
.cd-app.cd-pro .chart h3{font-family:var(--display);font-weight:600;font-size:18px;margin:0 0 18px}
.cd-app.cd-pro .cols{display:flex;align-items:flex-end;gap:22px;height:170px;padding:0 8px}
.cd-app.cd-pro .col{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end}
.cd-app.cd-pro .col .bar{width:100%;max-width:62px;border-radius:10px 10px 4px 4px;height:0;transition:height .8s cubic-bezier(.2,.8,.2,1)}
.cd-app.cd-pro .col .bar:hover{filter:brightness(1.15)}
.cd-app.cd-pro .col .v{font-size:14px;font-weight:800}
.cd-app.cd-pro .col .l{font-size:11.5px;color:var(--muted);font-weight:700}
.cd-app.cd-pro .hb{display:flex;align-items:center;gap:12px;font-size:13.5px;margin:13px 0}
.cd-app.cd-pro .hb .lb{width:130px;flex:none;color:var(--muted);font-weight:700}
.cd-app.cd-pro .hb .tr{flex:1;height:9px;border-radius:99px;background:rgba(232,213,183,.08);overflow:hidden}
.cd-app.cd-pro .hb .fl{height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--gold),var(--red));transition:width .9s cubic-bezier(.2,.8,.2,1)}
.cd-app.cd-pro .hb .vv{width:30px;text-align:right;font-weight:800}
.cd-app.cd-pro /* ===== modal ficha ===== */
.ov{position:fixed;inset:0;z-index:200;background:rgba(4,12,17,.7);backdrop-filter:blur(5px);display:none;align-items:flex-start;justify-content:center;padding:44px 20px;overflow-y:auto}
.cd-app.cd-pro .ov.open{display:flex}
.cd-app.cd-pro .modal{width:100%;max-width:840px;background:var(--bg-2);border:1px solid var(--border-strong);border-radius:24px;overflow:hidden;box-shadow:0 40px 90px -30px rgba(0,0,0,.9);animation:cdpro-pop .28s cubic-bezier(.2,.9,.3,1.1)}
@keyframes cdpro-pop{from{transform:translateY(20px) scale(.97);opacity:0}}
.cd-app.cd-pro .d-hero{position:relative;display:flex;gap:24px;align-items:flex-end;padding:44px 34px 24px;background:linear-gradient(180deg,rgba(168,103,44,.4),rgba(14,36,48,0) 92%)}
.cd-app.cd-pro .d-hero .pt{position:relative;overflow:hidden;flex:none;width:150px;aspect-ratio:2/3;border-radius:14px;display:grid;place-items:center;font-size:56px;border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 36px -12px rgba(0,0,0,.85)}
.cd-app.cd-pro .d-eyebrow{font-size:11px;font-weight:800;letter-spacing:.22em;color:var(--gold);text-transform:uppercase}
.cd-app.cd-pro .d-title{font-family:var(--display);font-weight:600;font-size:40px;line-height:1.02;margin:7px 0 5px}
.cd-app.cd-pro .d-meta{font-size:13.5px;color:var(--muted)}
.cd-app.cd-pro .d-x{position:absolute;top:16px;right:18px;width:34px;height:34px;border-radius:50%;border:1px solid var(--border-strong);background:rgba(6,15,20,.6);color:var(--text);display:grid;place-items:center;padding:0;transition:.15s}
.cd-app.cd-pro .d-x:hover{background:var(--red);border-color:var(--red)}
.cd-app.cd-pro .d-x svg{width:14px;height:14px}
.cd-app.cd-pro .d-cols{display:grid;grid-template-columns:1fr 300px;gap:0}
.cd-app.cd-pro .d-main{padding:8px 34px 30px}
.cd-app.cd-pro .d-ov{font-size:14.5px;color:rgba(236,220,194,.85)}
.cd-app.cd-pro .d-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px 12px;margin-top:16px}
.cd-app.cd-pro .lblrow{margin-top:22px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.cd-app.cd-pro .reacts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.cd-app.cd-pro .rb{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--muted);padding:9px 14px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);transition:.15s}
.cd-app.cd-pro .rb:hover{color:var(--text);transform:translateY(-1px)}
.cd-app.cd-pro .rb.on{border-color:var(--gold);color:var(--text);background:linear-gradient(180deg,rgba(245,179,73,.2),rgba(245,179,73,.05))}
.cd-app.cd-pro .stars{display:flex;gap:7px;margin-top:8px}
.cd-app.cd-pro .star{font-size:33px;background:none;border:none;color:rgba(232,213,183,.2);padding:2px;transition:transform .12s,color .12s}
.cd-app.cd-pro .star:hover{transform:scale(1.15)}
.cd-app.cd-pro .star.on{color:var(--gold);text-shadow:0 0 14px rgba(245,179,73,.5)}
.cd-app.cd-pro .d-side{border-left:1px solid var(--border);padding:22px 24px 30px;background:rgba(232,213,183,.02)}
.cd-app.cd-pro .blk{border:1px solid var(--border);border-radius:14px;margin-top:12px;background:rgba(232,213,183,.03);overflow:hidden}
.cd-app.cd-pro .blk:first-child{margin-top:0}
.cd-app.cd-pro .blk-h{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;color:var(--text);font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:12px 13px;text-align:left}
.cd-app.cd-pro .blk-h .dot{color:var(--gold)}
.cd-app.cd-pro .blk-h .ch{margin-left:auto;color:var(--muted);transition:transform .2s}
.cd-app.cd-pro .blk-h .d-blk-hint{margin-left:auto;flex:0 1 106px;white-space:normal;overflow:visible;text-overflow:clip;text-align:right;line-height:1.15}
.cd-app.cd-pro .blk.open .ch{transform:rotate(180deg)}
.cd-app.cd-pro .blk-b{display:none;padding:0 13px 12px}
.cd-app.cd-pro .blk.open .blk-b{display:block}
.cd-app.cd-pro .blk textarea{width:100%;min-height:76px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:var(--ui);font-size:13px;padding:10px 11px;resize:vertical}
.cd-app.cd-pro .pubbtn{margin-top:8px;font-size:12px;font-weight:800;padding:9px 14px;border-radius:10px;border:none;background:var(--gold);color:#0e2430}
.cd-app.cd-pro .d-foot{display:flex;align-items:center;gap:12px;margin-top:18px}
.cd-app.cd-pro .toggle{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:700;cursor:pointer}
.cd-app.cd-pro .sw{width:44px;height:25px;border-radius:99px;background:rgba(232,213,183,.15);position:relative;transition:.2s}
.cd-app.cd-pro .sw::after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:#fff;transition:.2s}
.cd-app.cd-pro .toggle.on .sw{background:var(--red)}
.cd-app.cd-pro .toggle.on .sw::after{left:22px}
.cd-app.cd-pro .d-foot .rm{margin-left:auto;background:none;border:none;color:var(--muted);font-size:13px;font-weight:700;text-decoration:underline}
.cd-app.cd-pro .d-foot .rm:hover{color:var(--red)}
.cd-app.cd-pro .toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%) translateY(14px);z-index:300;background:var(--surface-2);border:1px solid var(--border-strong);padding:12px 22px;border-radius:13px;font-size:14px;opacity:0;pointer-events:none;transition:.25s;box-shadow:0 12px 34px -12px rgba(0,0,0,.85)}
.cd-app.cd-pro .toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.cd-app.cd-pro .view{display:none;padding-bottom:60px}
.cd-app.cd-pro .view.on{display:block}
.cd-app.cd-pro footer{border-top:1px solid var(--border);color:var(--muted);font-size:12.5px;text-align:center;padding:26px 0 34px}
@media (prefers-reduced-motion:reduce){.cd-app.cd-pro *{animation:none!important;transition:none!important}}
@media (max-width:900px){.cd-app.cd-pro .hero-posters{display:none}.cd-app.cd-pro .tickets{grid-template-columns:repeat(3,1fr)}.cd-app.cd-pro .up-grid{grid-template-columns:repeat(3,1fr)}.cd-app.cd-pro .charts2{grid-template-columns:1fr}.cd-app.cd-pro .d-cols{grid-template-columns:1fr}.cd-app.cd-pro .d-side{border-left:none;border-top:1px solid var(--border)}}
/* ================= MOBILE (<=560px): layout do mockup mobile ================= */
@media (max-width:560px){
  /* header do topo some; nav vira bottom bar */
  .cd-app.cd-pro header{position:static;background:transparent;border:none}
  .cd-app.cd-pro .hd{height:auto;padding:12px 4px 4px;gap:10px}
  .cd-app.cd-pro nav.tabs{display:none}
  .cd-app.cd-pro .hd{flex-wrap:wrap}
  .cd-app.cd-pro .hd .search{order:3;width:100%;margin-left:0}
  .cd-app.cd-pro .hd .search:focus-within{width:100%}
  .cd-app.cd-pro .wrap{padding:0 18px calc(96px + env(safe-area-inset-bottom,0px))}
  .cd-app.cd-pro .wordmark{font-size:21px}
  .cd-app.cd-pro .greet{padding:2px 0 0;font-size:13px;color:var(--muted)}
  /* busca some do topo, aparece no corpo em mobile */
  /* chips de tipo: grade 4 col */
  .cd-app.cd-pro .types{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px}
  .cd-app.cd-pro .type{flex-direction:column;gap:4px;padding:9px 2px 8px;border-radius:14px;font-size:11.5px}
  .cd-app.cd-pro .type .i{font-size:19px}
  /* hero compacto */
  .cd-app.cd-pro .hero-in{flex-direction:row;gap:14px;padding:30px 16px 28px}
  .cd-app.cd-pro .hero-posters{display:none}
  .cd-app.cd-pro .hero-poster-m{display:flex;flex:none;width:104px;aspect-ratio:2/3;border-radius:12px;overflow:hidden;transform:rotate(-2.5deg);box-shadow:0 14px 28px -12px rgba(0,0,0,.8);border:1px solid rgba(255,255,255,.2)}
  .cd-app.cd-pro .hero-title{font-size:26px}
  .cd-app.cd-pro .hero-ov{display:none}
  .cd-app.cd-pro section{margin-top:26px}
  .cd-app.cd-pro .sec-h h2{font-size:19px}
  /* carrossel: sem setas no mobile */
  .cd-app.cd-pro .arrow{display:none}
  .cd-app.cd-pro .pcard{width:118px}
  /* ações do card aparecem sempre no mobile */
  .cd-app.cd-pro .pcard .hover-act{position:static;opacity:1;transform:none;margin-top:7px}
  .cd-app.cd-pro .hover-act button{background:transparent;border:1px solid var(--border-strong)}
  .cd-app.cd-pro .hover-act button.main{background:var(--red);border-color:var(--red)}
  /* lançamentos 3 col */
  .cd-app.cd-pro .up-grid{grid-template-columns:repeat(3,1fr);gap:12px 10px}
  /* diário: mini-stats 3 col, tickets 2 col */
  .cd-app.cd-pro .mini-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}
  .cd-app.cd-pro .ms{padding:11px 10px;border-radius:14px}
  .cd-app.cd-pro .ms .n{font-size:22px}
  .cd-app.cd-pro .tickets{grid-template-columns:repeat(2,1fr);gap:14px}
  /* números 2 col */
  .cd-app.cd-pro .big-cards{grid-template-columns:repeat(2,1fr);gap:10px}
  .cd-app.cd-pro .bc{padding:16px 14px;border-radius:18px}
  .cd-app.cd-pro .bc .n{font-size:34px}
  /* bottom nav pílula */
  .cd-app.cd-pro .bnav{display:flex;position:fixed;left:16px;right:16px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:120;gap:4px;padding:7px;border-radius:22px;background:rgba(9,22,30,.9);border:1px solid var(--border-strong);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 16px 40px -14px rgba(0,0,0,.9)}
  .cd-app.cd-pro .bnbtn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px;border:none;background:transparent;color:var(--muted);font-size:10px;font-weight:800;border-radius:16px;position:relative}
  .cd-app.cd-pro .bnbtn svg{width:21px;height:21px}
  .cd-app.cd-pro .bnbtn.on{color:var(--text);background:rgba(252,58,81,.15)}
  .cd-app.cd-pro .bnbtn.on svg{color:var(--red)}
  .cd-app.cd-pro .bnbtn.on::after{content:"";position:absolute;top:4px;right:calc(50% - 14px);width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold)}
  /* ficha vira bottom-sheet */
  .cd-app.cd-pro .ov{padding:0;align-items:flex-end}
  .cd-app.cd-pro .modal{max-width:none;max-height:94vh;overflow-y:auto;border-radius:24px 24px 0 0;border-bottom:none;animation:cdpro-sheetup .32s cubic-bezier(.2,.9,.25,1)}
  .cd-app.cd-pro .modal::before{content:"";display:block;width:44px;height:5px;border-radius:99px;background:rgba(232,213,183,.32);margin:10px auto 0}
  .cd-app.cd-pro .d-cols{grid-template-columns:1fr}
  .cd-app.cd-pro .d-side{border-left:none;border-top:1px solid var(--border)}
  .cd-app.cd-pro .d-hero{padding:14px 18px 14px}
  .cd-app.cd-pro .d-hero .pt{width:96px;font-size:36px}
  .cd-app.cd-pro .d-title{font-size:23px}
  .cd-app.cd-pro .d-main{padding:8px 18px 24px}
  .cd-app.cd-pro .reacts{flex-wrap:nowrap;overflow-x:auto;-webkit-mask:linear-gradient(90deg,#000 calc(100% - 26px),transparent);mask:linear-gradient(90deg,#000 calc(100% - 26px),transparent)}
  .cd-app.cd-pro .reacts::-webkit-scrollbar{display:none}
  .cd-app.cd-pro .rb{flex:0 0 auto}
}
@keyframes cdpro-sheetup{from{transform:translateY(60px);opacity:.4}}
/* desktop: esconder elementos mobile-only */
.cd-app.cd-pro .greet{display:none}
.cd-app.cd-pro .bnav{display:none}
.cd-app.cd-pro .hero-poster-m{display:none}
@media (min-width:561px){ .cd-app.cd-pro .greet{display:none} }

/* ligar o overlay real do app (#cd-detail-ov) ao visual do modal do mockup */
.cd-app.cd-pro #cd-detail-ov{position:fixed;inset:0;z-index:200;background:rgba(4,12,17,.7);backdrop-filter:blur(5px);display:none;align-items:flex-start;justify-content:center;padding:44px 20px;overflow-y:auto}
.cd-app.cd-pro #cd-detail-ov.open{display:flex}
.cd-app.cd-pro #cd-detail-ov .modal-head{display:none}
.cd-app.cd-pro #cd-detail-ov .detail{display:block;padding:0}
.cd-app.cd-pro #cd-detail-ov .detail.cd-info-detail{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;padding:44px 34px 30px}
.cd-app.cd-pro #cd-detail-ov .detail.cd-info-detail{position:relative}
.cd-app.cd-pro #cd-detail-ov .cd-info-x{position:absolute;top:14px;right:16px;z-index:8}
.cd-app.cd-pro #cd-detail-ov .detail.cd-info-detail .poster{width:150px;align-self:start;border-radius:14px;border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 36px -12px rgba(0,0,0,.85)}
.cd-app.cd-pro #cd-detail-ov .detail.cd-info-detail #cd-similar{grid-column:1 / -1}
.cd-app.cd-pro .d-hero-meta-row{display:flex;align-items:center;gap:12px}
.cd-app.cd-pro .d-hero-stars .stars{margin:0;gap:2px}
.cd-app.cd-pro .d-hero-stars .star{font-size:19px;line-height:1;padding:0}
.cd-app.cd-pro #cd-detail-ov #cd-trailer:empty,.cd-app.cd-pro #cd-detail-ov #cd-credits:empty,.cd-app.cd-pro #cd-detail-ov #cd-providers:empty,.cd-app.cd-pro #cd-detail-ov #cd-pubnotes:empty,.cd-app.cd-pro #cd-detail-ov #cd-my-reactions:empty,.cd-app.cd-pro #cd-detail-ov #cd-seasons:empty,.cd-app.cd-pro #cd-detail-ov #cd-similar:empty{display:none}
/* reações usam .rb (mockup) mas o app dá classes vbtn/rbtn juntas — herdam .rb */
.cd-app.cd-pro .reacts .vbtn{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--muted);padding:9px 14px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);transition:.15s}
.cd-app.cd-pro .reacts .vbtn.on{border-color:var(--gold);color:var(--text);background:linear-gradient(180deg,rgba(245,179,73,.2),rgba(245,179,73,.05))}
.cd-app.cd-pro .reacts .vbtn .re{font-size:14px}
.cd-app.cd-pro .cd-share{border:none;border-radius:12px;font-weight:800;font-size:13px;padding:11px 15px;background:var(--red);color:#fff;cursor:pointer;box-shadow:0 9px 20px -12px rgba(252,58,81,.75)}
.cd-app.cd-pro .cd-share-opt{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:6px;margin:0;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:rgba(232,213,183,.035);cursor:pointer}
.cd-app.cd-pro .cd-share-opt:has(input:disabled){opacity:.55;cursor:not-allowed}
.cd-app.cd-pro .cd-share-opt input{accent-color:var(--gold);margin:0}
.cd-app.cd-pro .toggle .switch{width:44px;height:25px;border-radius:99px;background:rgba(232,213,183,.15);position:relative;transition:.2s;display:inline-block}
.cd-app.cd-pro .toggle .switch.on,.cd-app.cd-pro .toggle.on .switch{background:var(--red)}
.cd-app.cd-pro .toggle .switch::after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:#fff;transition:.2s}
.cd-app.cd-pro .toggle.on .switch::after,.cd-app.cd-pro .toggle .switch.on::after{left:22px}
.cd-app.cd-pro .remove{margin-left:auto;background:none;border:none;color:var(--muted);font-size:13px;font-weight:700;text-decoration:underline;cursor:pointer}
.cd-app.cd-pro .remove:hover{color:var(--red)}
.cd-app.cd-pro .d-blk-ic{margin-right:2px}
.cd-app.cd-pro textarea{width:100%;min-height:76px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:var(--ui);font-size:13px;padding:10px 11px;resize:vertical}
.cd-app.cd-pro .cd-cats{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.cd-app.cd-pro .cd-cat-chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:5px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border)}
.cd-app.cd-pro .cd-cat-chip button{background:none;border:none;color:var(--muted);cursor:pointer}
.cd-app.cd-pro .cd-cat-add{display:flex;gap:6px}
.cd-app.cd-pro .cd-cat-add input{flex:1;min-width:0;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:8px 10px;font-family:var(--ui)}
.cd-app.cd-pro .cd-datewrap{display:flex;flex-wrap:wrap;gap:8px}
.cd-app.cd-pro .cd-datewrap input{border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:8px 10px;font-family:var(--ui)}
@media (max-width:560px){
  .cd-app.cd-pro #cd-detail-ov{padding:0;align-items:flex-end}
  .cd-app.cd-pro #cd-detail-ov .modal{max-width:none;max-height:94vh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-radius:24px 24px 0 0}
  .cd-app.cd-pro #cd-detail-ov .detail.cd-info-detail{grid-template-columns:96px minmax(0,1fr);gap:16px;padding:30px 20px 24px}
  .cd-app.cd-pro #cd-detail-ov .detail.cd-info-detail .poster{width:96px}
  .cd-app.cd-pro #cd-detail-ov .d-x{position:fixed;top:calc(env(safe-area-inset-top, 0px) + 12px);right:14px;width:42px;height:42px;background:rgba(6,15,20,.9);box-shadow:0 8px 20px -8px rgba(0,0,0,.85)}
}

/* FIX 3.32.0: efeito de rolar o dado (o CSS antigo mirava .die inexistente e sem transicao) */
.cd-app.cd-pro .dice .cd-die{transition:transform .7s cubic-bezier(.3,1.4,.4,1)}
.cd-app.cd-pro .dice.rolling .cd-die{transform:rotate(720deg) scale(1.2)}
.cd-app.cd-pro .dice.rolling #cd-sorteio{animation:cdpro-dice-bounce .7s cubic-bezier(.22,.9,.3,1.2)}
@keyframes cdpro-dice-bounce{0%{transform:translateY(0) scale(1)}28%{transform:translateY(-13px) scale(1.08)}56%{transform:translateY(0) scale(.96)}78%{transform:translateY(-5px) scale(1.03)}100%{transform:translateY(0) scale(1)}}

/* ================= REFINO MOBILE: navega\u00e7\u00e3o e leitura em uma m\u00e3o ================= */
@media (max-width:560px){
  .cd-app.cd-pro header{padding-top:1px}
  .cd-app.cd-pro .hd{margin:12px 16px 0!important;padding:17px 18px 16px!important;gap:0!important;border:1px solid var(--border);border-radius:30px;background:linear-gradient(180deg,rgba(20,49,63,.8),rgba(10,28,38,.78));box-shadow:0 18px 38px -26px rgba(0,0,0,.95)}
  .cd-app.cd-pro .hd .wordmark{order:0;min-width:0;white-space:nowrap;font-size:25px;line-height:1}
  .cd-app.cd-pro .hd .reel{font-size:26px}
  .cd-app.cd-pro .hd .avatar{margin-left:auto;width:43px;height:43px;font-size:20px}
  .cd-app.cd-pro .hd > .btn.red[data-auth="register"]{display:inline-flex;align-items:center;justify-content:center;order:1;margin-left:auto;flex:none;white-space:nowrap;padding:11px 14px;font-size:13px;border-radius:14px}
  .cd-app.cd-pro .hd .cd-logout{display:none}
  .cd-app.cd-pro .greet-mobile{display:block!important;order:2;flex-basis:100%;margin:21px 0 17px!important;padding:0!important;font-size:15px!important;line-height:1.35;color:var(--muted)}
  .cd-app.cd-pro .greet-mobile b{color:var(--text)}
  .cd-app.cd-pro .hd .search{order:3;width:100%;margin:0!important}
  .cd-app.cd-pro .hd .search input{height:52px;border-radius:17px;font-size:16px;padding-left:17px}
  .cd-app.cd-pro .hd .search svg{width:21px;height:21px;right:16px}
  .cd-app.cd-pro .wrap{padding-left:18px;padding-right:18px}
  .cd-app.cd-pro #cd-view-discover>.greet:not(.greet-mobile){display:none!important}
  .cd-app.cd-pro .types{margin-top:18px!important;gap:9px!important}
  .cd-app.cd-pro .type{min-height:84px;padding:10px 3px 9px!important;border-radius:17px!important;font-size:12px!important}
  .cd-app.cd-pro .type .i{font-size:22px!important}
  .cd-app.cd-pro .hero{margin-top:20px;border-radius:24px}
  .cd-app.cd-pro .hero-in{padding:30px 18px 28px!important;gap:16px!important}
  .cd-app.cd-pro .hero-title{font-size:29px!important;line-height:1.04}
  .cd-app.cd-pro .hero-meta{font-size:13px}
  .cd-app.cd-pro .hero-cta{margin-top:16px;gap:9px}
  .cd-app.cd-pro .hero-cta .btn{padding:11px 14px;font-size:13px}
  .cd-app.cd-pro .dice{margin-top:22px;padding:14px 16px;border-radius:17px;font-size:13px}
  .cd-app.cd-pro .dice #cd-sorteio{padding:11px 15px;font-size:13px;flex:none}
  .cd-app.cd-pro .bnav{display:flex!important;left:16px;right:16px;bottom:calc(12px + env(safe-area-inset-bottom,0px));padding:8px;border-radius:24px}
  .cd-app.cd-pro .bnbtn{min-height:72px;padding:9px 3px 8px;font-size:11px;gap:5px}
  .cd-app.cd-pro .bnbtn .cd-nav-ic{width:24px;height:24px}
  .cd-app.cd-pro .bnbtn.on{background:rgba(252,58,81,.18);box-shadow:inset 0 0 0 1px rgba(252,58,81,.08)}
  .cd-app.cd-pro .bnbtn .cd-book{width:25px;height:25px}
  .cd-app.cd-pro .bnbtn.on .cd-book .cover{animation:cdpro-mobile-book-open .44s cubic-bezier(.5,.05,.2,1);transform:scaleX(.05)}
  .cd-app.cd-pro .bnbtn:active .cd-book .cover{transform:scaleX(.05)}
  .cd-app.cd-pro .bnbtn:active .cd-book .mark{transform:scaleY(1.25)}
  .cd-app.cd-pro .tickets,.cd-app.cd-pro .up-grid{content-visibility:auto;contain-intrinsic-size:1px 420px}
}
@keyframes cdpro-mobile-book-open{0%{transform:scaleX(1)}70%{transform:scaleX(.02)}100%{transform:scaleX(.05)}}

/* Organiza o Destaque e Meu Di\u00e1rio em telas pequenas. */
@media (max-width:560px){
  .cd-app.cd-pro .hero-poster-m{position:relative!important;display:grid!important;place-items:center;overflow:hidden}
  .cd-app.cd-pro .hero-poster-m img{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover}
  .cd-app.cd-pro #cd-view-diary .sec-h{margin-bottom:10px}
  .cd-app.cd-pro #cd-lists{gap:12px!important;padding:5px 2px 14px!important;scroll-snap-type:x mandatory;scroll-padding-left:2px}
  .cd-app.cd-pro #cd-lists .stackcard{width:220px;padding-top:9px;scroll-snap-align:start}
  .cd-app.cd-pro #cd-lists .stackcard{padding-top:0}
  .cd-app.cd-pro #cd-lists .stackcard .back{display:none}
  .cd-app.cd-pro #cd-lists .stackcard .front{height:128px;padding:18px;border-radius:17px;background:linear-gradient(145deg,#254557,#163240);box-shadow:0 12px 22px -17px rgba(0,0,0,.9)}
  .cd-app.cd-pro #cd-lists .stackcard .em{font-size:27px;margin-bottom:3px}
  .cd-app.cd-pro #cd-lists .stackcard .nm{font-size:16px;line-height:1.2}
  .cd-app.cd-pro #cd-lists .stackcard .ct{font-size:12px;margin-top:4px}
  .cd-app.cd-pro .filters{display:flex!important;flex-direction:column;align-items:stretch;gap:12px;margin-top:4px}
  .cd-app.cd-pro .cd-filter-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  .cd-app.cd-pro .cd-filter-label{width:100%;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
  .cd-app.cd-pro .cd-filter-group .chip{padding:8px 13px;font-size:12px}
  .cd-app.cd-pro .cd-sorts{display:grid!important;grid-template-columns:1fr 1fr;gap:9px!important;margin-top:14px!important}
  .cd-app.cd-pro .cd-sorts .sort{width:100%;min-width:0;padding:10px 11px}
  .cd-app.cd-pro .tickets{margin-top:16px!important;gap:12px!important}
}

/* Mobile: hero compacto e cards sem controles sobre a capa. */
@media (max-width:560px){
  .cd-app.cd-pro .hero-in{display:grid!important;grid-template-columns:minmax(0,1fr) 112px;align-items:center;padding:28px 18px 26px!important;gap:14px!important}
  .cd-app.cd-pro .hero-txt{grid-column:1;min-width:0}
  .cd-app.cd-pro .hero-poster-m{grid-column:2;grid-row:1;width:112px!important;align-self:center;justify-self:end;transform:rotate(3deg)!important}
  .cd-app.cd-pro .hero-title{font-size:27px!important;margin:8px 0 7px}
  .cd-app.cd-pro .hero-meta{font-size:13px!important}
  .cd-app.cd-pro .hero-cta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px!important}
  .cd-app.cd-pro .hero-cta .btn{width:100%;min-width:0;padding:10px 7px!important;font-size:12.5px!important;line-height:1.25}
  .cd-app.cd-pro .hero-cta .btn.red{grid-column:1 / -1;padding:12px 8px!important}
  .cd-app.cd-pro .pcard .hover-act{display:none!important}
  .cd-app.cd-pro .pcard .pt{box-shadow:0 10px 22px -14px rgba(0,0,0,.85)}
  .cd-app.cd-pro #cd-disco-rows section{margin-top:30px!important}
  .cd-app.cd-pro #cd-disco-rows .row{padding-bottom:6px!important}
}