/* RICK PLAY / CINEMA EDITION 11 — componente próprio, sem dependência de imagens artificiais */
:root{--v11-bg:#08080b;--v11-panel:#121116;--v11-panel-2:#19171f;--v11-stroke:rgba(255,255,255,.095);--v11-mute:#a6a1b0;--v11-light:#faf9fe;--v11-purple:#a975fa;--v11-deep:#6b36ce}
html{scroll-behavior:smooth}
body.client-page{background:var(--v11-bg);color:var(--v11-light);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}
body.client-page .logo-word{letter-spacing:-.065em;font-weight:900}
body.client-page svg[data-lucide],body.client-page [data-lucide] svg{stroke-width:1.8}
body.client-page a:focus-visible,body.client-page button:focus-visible,body.client-page input:focus-visible{outline:2px solid #c5a3ff;outline-offset:3px}
/* Header compacto, desktop e celular */
body.client-page .site-topbar{position:sticky;top:0;z-index:40;background:rgba(9,9,13,.93);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
body.client-page .topbar-inner{min-height:72px;gap:25px}
body.client-page .logo-link{flex-shrink:0}
body.client-page .topnav{margin-right:auto}
body.client-page .topbar-end{gap:9px;min-width:0}
body.client-page .v9-profile-nav{display:inline-flex;align-items:center;gap:7px;color:#e4deeb;background:none;border:1px solid transparent;border-radius:9px;padding:10px 11px;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap}
body.client-page .v9-profile-nav:hover{background:#24202d;border-color:#50405c}
body.client-page .v9-profile-nav svg,body.client-page .logout-link svg{height:17px;width:17px}
body.client-page .topbar-end .header-plan{padding:7px 10px;background:#1b1422;border-radius:100px;border:1px solid #3b2b49;font-size:11px;white-space:nowrap}
body.client-page .username-label{max-width:120px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#aaa4b4;font-size:11px}
body.client-page .logout-link{display:flex;align-items:center;gap:7px;color:#dcd2e7;text-decoration:none;background:#211a29;padding:9px 12px;border-radius:9px;font-size:12px;font-weight:700}
body.client-page .logout-link:hover{background:#35263f}
body.client-page .logout-link svg{stroke:currentColor}
/* Layout específico de gestão */
.v11-shell,.v11-shell.v10-shell{background:#08080b;min-height:100vh;color:#f8f6fc}
.v11-container{width:min(1250px,calc(100% - 72px));padding-top:0;padding-bottom:52px}
.v11-page-nav{height:80px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--v11-stroke)}
.v11-brandmark{text-decoration:none;display:inline-flex;align-items:center}.v11-brandmark .logo{transform:scale(.88);transform-origin:left center}
.v11-page-links{display:flex;align-items:center;gap:8px}.v11-page-links>a{display:inline-flex;align-items:center;gap:9px;padding:11px 14px;text-decoration:none;color:#c8c3d0;font-size:12px;font-weight:700;border-radius:10px;transition:background .15s,color .15s}
.v11-page-links>a svg{height:17px;width:17px}.v11-page-links>a:hover{background:#201b29;color:#fff}.v11-page-links>a.v11-signout{border:1px solid var(--v11-stroke);margin-left:12px}
.v11-account-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;justify-content:space-between;gap:28px;align-items:end;padding:68px 56px 57px;margin:28px 0 22px;min-height:350px;border-radius:22px;border:1px solid #362849;background:radial-gradient(ellipse 60% 100% at 100% 0%,#462369ab 0%,transparent 75%),radial-gradient(ellipse 30% 60% at 54% 130%,#6933a538,transparent 90%),#15111b}
.v11-account-hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,#100e16de 2%,transparent 90%);z-index:-1}
.v11-account-hero:after{content:'';position:absolute;width:360px;height:360px;border:1px solid #a67bce22;border-radius:50%;top:-175px;right:4%;box-shadow:0 0 0 70px #a67bce0a,0 0 0 150px #a67bce08;z-index:-1}
.v11-overline{font-size:10px;letter-spacing:.18em;color:#c5a5ee;font-weight:900;display:inline-flex;align-items:center;gap:11px}
.v11-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#bc90fc;box-shadow:0 0 0 5px #bc90fc25}
.v11-hero-main{max-width:680px}.v11-hero-main h1{margin:19px 0 17px;font-family:Outfit,sans-serif;font-size:clamp(46px,5.6vw,78px);line-height:.99;letter-spacing:-.07em;font-weight:850;color:#fff}
.v11-hero-main h1 em{font-style:normal;color:#c9a9ff}.v11-hero-main p{color:#b8adbf;font-size:14px;line-height:1.75;max-width:510px;margin:0}
.v11-hero-side{min-width:220px;width:235px;align-self:end;background:#ffffff09;padding:22px;border-radius:15px;border:1px solid #ffffff1c;backdrop-filter:blur(8px)}
.v11-hero-icon{display:grid;place-items:center;color:#d7baff;background:#a774ed22;border:1px solid #c1a1f24a;border-radius:11px;width:44px;height:44px;margin-bottom:14px}.v11-hero-icon svg{height:22px;width:22px}
.v11-hero-side strong{display:block;color:#f9f4ff;font-size:13px}.v11-hero-side p{color:#b3a7bd;font-size:11px;line-height:1.7;margin:8px 0 0}
.v11-summary{display:grid;grid-template-columns:1.4fr 1fr 1fr .8fr;gap:12px;margin-bottom:14px}
.v11-summary-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:157px;padding:21px 23px;border:1px solid var(--v11-stroke);border-radius:15px;background:#151318}
.v11-summary-heading{display:flex;align-items:center;gap:9px;font-size:9px;font-weight:800;letter-spacing:.11em;color:#9990a5;margin-bottom:22px}
.v11-summary-heading svg{width:15px;height:15px;color:#b894ea}
.v11-summary-card>strong{display:block;font:700 24px/1.2 Outfit,sans-serif;color:#faf7ff;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.035em}
.v11-summary-card>strong.v11-email{font-size:17px;letter-spacing:-.02em}.v11-summary-card>strong small{font-size:13px;color:#8b8292}.v11-summary-meta{font-size:11px;color:#9991a3;margin-top:9px;line-height:1.3}
.v11-plan-bar{display:flex;align-items:center;justify-content:space-between;gap:28px;background:#1b1428;border:1px solid #594071;border-radius:15px;padding:24px 29px;margin:0 0 54px}
.v11-plan-bar>div{display:flex;align-items:center;gap:16px;min-width:0}.v11-plan-bar>div>svg{width:35px;height:35px;flex-shrink:0;stroke:#b991ed;stroke-width:1.5}.v11-plan-bar>div>span{display:grid;gap:7px}
.v11-plan-bar strong{color:#fff;font-size:14px}.v11-plan-bar small{color:#b7adc3;font-size:12px;line-height:1.55}
.v11-primary{border:1px solid #a97bf2;background:#9560e6;color:#fff;box-shadow:0 8px 25px #7646c724;text-decoration:none;font:800 12px/1.3 'DM Sans',sans-serif;padding:14px 19px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;transition:background .16s,transform .16s;white-space:nowrap}
.v11-primary:hover{background:#aa7bf4;transform:translateY(-1px)}.v11-primary svg{height:16px;width:16px}.v11-full{width:100%}
.v11-section-title{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 23px}.v11-section-title h2{font:800 31px/1.15 Outfit,sans-serif;letter-spacing:-.045em;color:#fff;margin:7px 0}
.v11-section-title p{color:#a9a1ae;font-size:12px;margin:8px 0}.v11-sec-badge{display:flex;gap:8px;align-items:center;border:1px solid #44334e;background:#18131e;color:#c9add9;padding:10px 13px;border-radius:100px;white-space:nowrap;font-size:11px}.v11-sec-badge svg{width:14px;height:14px}
.v11-access-panel{display:grid;grid-template-columns:65px minmax(0,1fr) 340px;gap:22px;align-items:center;background:#131117;border:1px solid var(--v11-stroke);padding:34px;margin-top:0;border-radius:17px}
.v11-gate-icon{width:64px;height:64px;border-radius:15px;background:#332146;display:grid;place-items:center;color:#d8b9fe;border:1px solid #6a518b}.v11-gate-icon svg{height:26px;width:26px}
.v11-gate-copy h2{margin:10px 0 9px;font:780 26px Outfit,sans-serif;letter-spacing:-.035em;color:#fff}.v11-gate-copy p{font-size:12px;line-height:1.75;color:#b6aebb;margin:0 0 8px;max-width:450px}
.v11-gate-copy .v11-muted{color:#81798b;font-size:11px}.v11-gate-form{background:#1c1821;padding:23px;border:1px solid #3c3142;border-radius:13px;gap:13px}
.v11-gate-form label{font-size:11px}.v11-gate-form .v11-primary{width:100%;margin-top:3px}
.v11-editor-panel{background:#121116;border:1px solid var(--v11-stroke);border-radius:16px;padding:25px;margin-top:0}
.v11-editor-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 20px}.v11-editor-heading h2{margin:6px 0 0;font:800 24px Outfit,sans-serif}.v11-editor-heading .v10-ghost{margin:0}
.v11-edit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.v11-profile-edit{min-width:0;border:1px solid #332c3c;border-radius:14px;background:#1b1820;padding:20px;display:flex;flex-direction:column;gap:18px;transition:border-color .2s}
.v11-profile-edit:hover{border-color:#665073}.v11-profile-edit .v10-form{gap:12px}
.v11-profile-edit .v10-form input:not([type=checkbox]){background:#100f15;border-color:#4a4050;min-height:43px;font-size:12px}
.v11-profile-edit-head{display:flex;gap:12px;align-items:center;min-width:0}.v11-profile-edit-head>.v10-avatar{height:58px;width:58px;flex-shrink:0;border-radius:11px}
.v11-profile-edit-head>div{min-width:0;flex:1;display:grid;gap:8px}.v11-profile-edit-head strong{font-size:15px;line-height:1.2;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v11-corner-icon{height:17px;width:17px;color:#b6a2c7}
.v11-live-indicator{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;color:#aaa5b3;font-size:10px;font-weight:700;line-height:1.4}
.v11-live-indicator:before{content:'';width:7px;height:7px;border-radius:50%;background:#696573;flex-shrink:0}
.v11-live-indicator.is-watching{color:#8bdab5}.v11-live-indicator.is-watching:before{background:#4ee0a0;box-shadow:0 0 0 3px #4ee0a020}
.v11-add-profile{border-style:dashed;border-color:#5c4470;background:#18121f}.v11-pin-change{display:grid;grid-template-columns:minmax(200px,1fr) minmax(380px,2fr);gap:22px;align-items:end;border:1px solid var(--v11-stroke);background:#141118;padding:25px;border-radius:15px}
.v11-pin-change h2{font:800 24px Outfit,sans-serif;margin:8px 0}.v11-pin-change p{font-size:12px;color:#aba1b6;line-height:1.55}
.v11-pin-form{display:grid;grid-template-columns:1fr 1fr auto;gap:11px;align-items:end}.v11-pin-form label{min-width:0}.v11-pin-form .v11-primary{min-height:43px}
.v11-account-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:45px 0 0;padding-top:25px;border-top:1px solid var(--v11-stroke);color:#8d8692;font-size:11px}
.v11-account-footer a{display:inline-flex;align-items:center;gap:8px;color:#d4c4e4;text-decoration:none}.v11-account-footer a svg{width:14px;height:14px}
/* Tela de escolha: cartões retangulares amplos; status atualizado sem recarregar */
body.v11-shell.v10-shell .v10-container.v10-select{max-width:1170px;padding-top:0}
body.v11-shell.v10-shell .v10-select .v10-top{height:79px;padding:0;border-bottom:1px solid var(--v11-stroke)}
.v10-select .v10-title{padding:66px 0 37px}.v10-select .v10-title h1{font-size:clamp(40px,5vw,62px);letter-spacing:-.055em}
.v10-select .v10-title p{color:#b4aab8;font-size:14px}
.v11-profile-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;max-width:1080px}
.v11-profile-grid .v10-pick{padding:12px;background:#141118;border:1px solid #332d3b;border-radius:13px;box-shadow:none;transition:transform .18s,border-color .18s,background .18s}
.v11-profile-grid .v10-pick:hover,.v11-profile-grid .v10-pick:focus-within{border-color:#b18aee;transform:translateY(-4px);background:#21172b}
.v11-profile-grid .v10-pick-top{gap:8px}.v11-profile-grid .v10-pick strong{margin-top:8px;font-size:15px;white-space:normal;line-height:1.25}
.v11-profile-grid .v10-pick .v10-avatar{max-height:174px;aspect-ratio:1;border-radius:9px}
.v11-profile-grid .v11-live-indicator{font-size:10px;margin:1px auto 3px;justify-content:center}
.v11-profile-grid .v10-pick small{font-size:10px}
.v11-profile-grid .v10-pin-entry{font-size:10px;color:#a9a1b6}
.v11-profile-grid .v10-new-pick{border:1px dashed #76568d;justify-content:center;align-items:center}
.v10-select .v10-owner-cta{max-width:1080px;background:#15111c;border:1px solid #493858;border-radius:13px;padding:23px}
.v10-select .v10-owner-cta>div>svg{color:#ae86ef}.v10-select .v10-owner-cta strong{font-size:14px}
.v10-select .v10-owner-cta .v10-ghost{background:#2c2040;color:#e7d4ff;border-color:#6b508b}
/* Player: a vaga não é ocupada quando a pessoa apenas abre a página */
.v11-player-frame{position:relative;overflow:hidden;background:#08080b}
.v11-play-start{position:absolute;z-index:4;inset:55px 0 0 0;background:linear-gradient(135deg,#0b0915c9,#1b122dd9);backdrop-filter:blur(4px);color:#fff;display:flex;justify-content:center;align-items:center;gap:20px;text-align:left;border:0;cursor:pointer;transition:opacity .16s}
.v11-play-start .v11-play-icon{width:79px;height:79px;border-radius:100px;display:grid;place-items:center;background:#9660e9;border:1px solid #cca8ff;box-shadow:0 18px 80px #8a55d780}
.v11-play-start .v11-play-icon svg{height:31px;width:31px;fill:#fff;stroke:#fff}
.v11-play-start strong{display:block;font:800 clamp(18px,2vw,26px) Outfit,sans-serif;letter-spacing:-.03em}.v11-play-start small{display:block;color:#cebfdd;font-size:12px;margin-top:9px}
.v11-play-start:hover .v11-play-icon{background:#ab80f2}.v11-play-start.is-hidden{display:none}.v11-play-start:disabled{cursor:wait;opacity:.72}
/* Ajustes de catálogo sem alterar seus produtos ou CSS do admin */
body.client-page .premium-choice,body.client-page .movie-card{transition:transform .2s,box-shadow .2s,filter .2s}
body.client-page .premium-choice:hover,body.client-page .movie-card:hover{transform:translateY(-4px);filter:brightness(1.06)}
body.client-page .premium-landing{padding-top:24px}
body.client-page .landing-hero{border-radius:18px;overflow:hidden}
/* Responsividade real, sem menus transbordando */
@media(max-width:1150px){.v11-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.v11-summary-card{min-height:140px}.v11-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v11-pin-change{grid-template-columns:1fr}.v11-pin-form{grid-template-columns:1fr 1fr auto}.v11-access-panel{grid-template-columns:50px 1fr 300px;gap:16px}.v11-gate-icon{width:50px;height:50px}}
@media(max-width:860px){.v11-container{width:calc(100% - 38px)}.v11-account-hero{padding:45px 35px;min-height:300px}.v11-hero-side{display:none}.v11-access-panel{grid-template-columns:58px 1fr}.v11-gate-form{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.v11-gate-form .v11-primary{grid-column:1/-1}.v11-profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v11-profile-grid .v10-pick .v10-avatar{max-height:none}.v11-plan-bar{flex-direction:column;align-items:stretch}.v11-plan-bar .v11-primary{width:100%}body.client-page .topbar-end .header-plan,body.client-page .username-label{display:none}}
@media(max-width:640px){.v11-container{width:calc(100% - 28px);padding-bottom:24px}.v11-page-nav{height:64px;gap:8px}.v11-page-links{gap:1px}.v11-page-links>a{font-size:10px;padding:9px 7px;gap:5px}.v11-page-links>a.v11-signout{margin-left:1px}.v11-page-links svg{height:15px!important;width:15px!important}.v11-page-links .v11-signout span{display:none}.v11-brandmark .logo{transform:scale(.69);max-width:135px}.v11-account-hero{margin:17px 0 11px;padding:39px 22px;min-height:295px;border-radius:13px}.v11-hero-main h1{font-size:clamp(42px,11vw,55px);line-height:1.02}.v11-hero-main p{font-size:12px;line-height:1.7}.v11-summary{gap:8px}.v11-summary-card{min-height:130px;padding:16px;border-radius:11px}.v11-summary-heading{font-size:9px;margin-bottom:17px;letter-spacing:.06em}.v11-summary-card>strong{font-size:20px}.v11-summary-card>strong.v11-email{font-size:13px}.v11-summary-meta{font-size:10px}.v11-plan-bar{margin:12px 0 38px;padding:18px;gap:15px;border-radius:12px}.v11-plan-bar>div{gap:11px}.v11-plan-bar>div>svg{width:27px;height:27px}.v11-section-title{margin-bottom:14px;align-items:flex-start}.v11-section-title h2{font-size:26px}.v11-section-title p{font-size:11px}.v11-sec-badge{display:none}.v11-access-panel{grid-template-columns:1fr;padding:19px;gap:14px}.v11-gate-icon{width:52px;height:52px}.v11-gate-copy h2{font-size:22px}.v11-gate-form{grid-column:auto;grid-template-columns:1fr;padding:17px}.v11-gate-form .v11-primary{grid-column:auto}.v11-editor-panel{padding:16px}.v11-edit-grid{grid-template-columns:1fr;gap:11px}.v11-editor-heading h2{font-size:21px}.v11-profile-edit{padding:16px}.v11-pin-change{padding:18px}.v11-pin-form{grid-template-columns:1fr}.v11-account-footer{align-items:flex-start;flex-direction:column;gap:12px;margin-top:30px}.v10-select .v10-title{padding:48px 0 24px}.v10-select .v10-title h1{font-size:41px}.v10-select .v10-title p{font-size:12px}.v11-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.v11-profile-grid .v10-pick{padding:9px}.v11-profile-grid .v10-pick strong{font-size:13px}.v11-profile-grid .v10-pick .v10-avatar{max-height:none}.v11-profile-grid .v11-live-indicator{font-size:9px}.v11-profile-grid .v10-pin-entry input{font-size:12px;padding:9px}.v10-select .v10-owner-cta{padding:16px}.v11-play-start{flex-direction:column;text-align:center;gap:11px;inset:46px 0 0}.v11-play-start .v11-play-icon{height:58px;width:58px}.v11-play-start small{font-size:10px;padding:0 12px}body.client-page .topbar-inner{min-height:58px;gap:7px;padding-left:13px;padding-right:13px}body.client-page .topbar-inner>.logo-link{transform:scale(.77);transform-origin:left center;margin-right:auto;max-width:122px}body.client-page .topnav{display:none}body.client-page .topbar-end{gap:3px}body.client-page .v9-profile-nav{padding:8px 7px;font-size:0;gap:0}body.client-page .v9-profile-nav svg{height:19px;width:19px}body.client-page .mini-avatar{display:none}body.client-page .logout-link{padding:8px;font-size:0}body.client-page .logout-link svg{height:17px;width:17px}body.client-page .premium-landing{padding:12px 0 35px}body.client-page .landing-hero{min-height:350px;border-radius:12px}}
@media(prefers-reduced-motion:reduce){.v11-profile-grid .v10-pick,.v11-primary,body.client-page .premium-choice,body.client-page .movie-card{transition:none!important}}
/* Mensagens de erro de reprodução precisam ficar acima do botão inicial. */
.v11-player-frame .player-message{z-index:9;top:23%;padding:12px 16px;border:1px solid #b48be6;border-radius:11px;background:#271a35;color:#fff;pointer-events:none;box-shadow:0 16px 36px #000b}
