/* Million Tube v1.2.17 — identidade oficial unificada. Mesma marca existente em assets/logo-million-horizontal.webp; jamais substituir por mockups. Escopo limitado aos shortcodes Million Tube. */ .mt-site,.mt-portal.mt-premium{--mt-black:#090909;--mt-black-2:#101010;--mt-gold:#d9aa54;--mt-light-gold:#ffe4a0;--mt-border:rgba(219,166,73,.42);--mt-muted:#bab6b0;--mt-panel:rgba(9,9,9,.87);--mt-font:Manrope,"DM Sans",Arial,sans-serif;font-family:var(--mt-font)} .mt-site,.mt-portal.mt-premium{background-color:#090909;color:#f7f2e9} .mt-site button,.mt-portal button{font-family:inherit} .mt-site a:focus-visible,.mt-portal a:focus-visible,.mt-portal button:focus-visible,.mt-portal input:focus-visible{outline:2px solid #ffe4a0;outline-offset:3px} /* Página principal: preservar hero, quiz, cadastro e botão original, harmonizando o acabamento. */ #million-tube-site.mt-site nav.topbar{background:rgba(6,6,6,.94);border-bottom:1px solid var(--mt-border);box-shadow:0 8px 34px rgba(0,0,0,.5)} #million-tube-site.mt-site .hero{background:radial-gradient(circle at 72% 42%,rgba(168,112,32,.17),transparent 37%),linear-gradient(120deg,#070707,#15110b 72%,#080807)} #million-tube-site.mt-site .hero::before{background-image:url('coins-subtle.webp');background-repeat:no-repeat;background-size:cover;background-position:center;position:absolute;inset:0;width:auto;height:auto;border:0;box-shadow:none;opacity:.27;border-radius:0;pointer-events:none} #million-tube-site.mt-site .intro{background:radial-gradient(circle at 0 90%,rgba(164,109,37,.1),transparent 35%),#090909} #million-tube-site.mt-site .access,#million-tube-site.mt-site .feature{border-color:rgba(220,174,88,.35)} #million-tube-site.mt-site .feature{background:linear-gradient(140deg,rgba(36,28,16,.64),rgba(10,10,10,.93))} #million-tube-site.mt-site .cta,#million-tube-site.mt-site .next{box-shadow:0 8px 30px rgba(209,145,52,.14)} #million-tube-site.mt-site .bottomcta{border-color:rgba(231,179,76,.4);background:linear-gradient(125deg,rgba(50,33,13,.48),rgba(8,8,8,.96))} #million-tube-site.mt-site footer{background:#070707;border-top:1px solid rgba(230,172,74,.22)} #million-tube-site.mt-site .brand-full img{max-width:250px;object-fit:contain} @media(max-width:760px){#million-tube-site.mt-site .hero::before{opacity:.11;background-position:100% 100%}#million-tube-site.mt-site .brand-full img{max-width:155px}} /* Painel: fundo cinematográfico com moedas bem mais discretas no desktop. */ .mt-portal.mt-premium{--mt-text:#f5f1e9;position:relative;isolation:isolate;min-height:100vh;padding:0 20px 38px;background:radial-gradient(ellipse at 50% -8%,rgba(124,70,17,.16),transparent 45%),#070707;overflow:hidden} .mt-portal.mt-premium::before{content:"";pointer-events:none;position:absolute;inset:0;z-index:-1;background:url('coins-subtle.webp') center 200px/cover no-repeat;opacity:.40} .mt-portal.mt-premium::after{content:"";pointer-events:none;position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,5,5,.77),transparent 20%,transparent 80%,rgba(5,5,5,.77)),linear-gradient(180deg,transparent 50%,#060606 100%)} .mt-portal.mt-premium .mt-portal-shell{position:relative;max-width:1260px;margin:0 auto} .mt-portal.mt-premium .mt-portal-head{min-height:96px;padding:13px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(227,170,73,.38);gap:16px} .mt-portal.mt-premium .mt-lux-brand img{display:block;width:auto;height:61px;max-width:260px;object-fit:contain} .mt-portal.mt-premium .mt-lux-chip{border:1px solid rgba(232,177,81,.28);padding:9px 14px;border-radius:40px;background:rgba(38,25,7,.5);color:#f3cf86;letter-spacing:.16em;font-size:10px} .mt-portal.mt-premium .mt-room-account{display:flex;justify-content:flex-end;align-items:center;gap:16px;padding:12px 0 0;color:#d2c8b9;font-size:12px} .mt-portal.mt-premium .mt-room-account a{color:#edc77d;text-decoration:underline;text-underline-offset:4px} .mt-portal.mt-premium .mt-room-intro{text-align:center;max-width:850px;margin:33px auto 29px} .mt-portal.mt-premium .mt-kicker{color:#e5b750;font-weight:800;letter-spacing:.3em;font-size:11px} .mt-portal.mt-premium .mt-room-intro h1{font-size:clamp(30px,4.4vw,56px);line-height:1.1;margin:13px 0 14px;letter-spacing:-.05em} .mt-portal.mt-premium .mt-room-intro h1 em{font-style:normal;background:linear-gradient(135deg,#fff4d4 0%,#e6b652 65%,#af7729);background-clip:text;-webkit-background-clip:text;color:transparent} .mt-portal.mt-premium .mt-room-intro p{font-size:clamp(13px,1.2vw,16px);color:#c7c1b9;line-height:1.55;margin:0} .mt-portal.mt-premium .mt-room-stage{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin:0 auto} .mt-portal.mt-premium .mt-room-stage-live{grid-template-columns:minmax(0,1.75fr) minmax(275px,.8fr)} .mt-portal.mt-premium .mt-room-video{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:14px;border:1px solid rgba(236,174,68,.6);box-shadow:0 22px 70px rgba(0,0,0,.64),0 0 24px rgba(199,124,24,.08);background:#060606} .mt-portal.mt-premium .mt-room-video iframe{width:100%;height:100%;position:absolute;inset:0;border:0;display:block} .mt-portal.mt-premium .mt-room-video-cover{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;background:linear-gradient(90deg,#080705 0%,rgba(4,4,4,.12) 48%,rgba(5,5,5,.27) 100%),radial-gradient(ellipse at 50% 100%,rgba(158,88,14,.32),transparent 60%)} .mt-portal.mt-premium .mt-room-cover-art{position:absolute;inset:0 0 0 36%;background-image:linear-gradient(90deg,#080705 0%,transparent 34%),linear-gradient(0deg,rgba(0,0,0,.5),transparent 42%),url('fundador.webp');background-size:cover,cover,cover;background-repeat:no-repeat;background-position:center,center,center 32%;filter:brightness(.65) saturate(.75)} .mt-portal.mt-premium .mt-room-video-label{position:relative;z-index:2;max-width:48%;margin-right:auto;padding:20px 4%;text-align:left;display:grid;gap:15px} .mt-portal.mt-premium .mt-room-video-label strong{color:#fff1d0;font-size:clamp(23px,3.3vw,45px);letter-spacing:-.04em;line-height:1.06} .mt-portal.mt-premium .mt-room-video-label small{color:#d1c0a0;font-size:clamp(10px,1.2vw,14px);line-height:1.6} .mt-portal.mt-premium .mt-room-video-cover::after{content:"MILLION TUBE";position:absolute;bottom:15px;right:19px;color:rgba(255,207,119,.55);font-size:11px;font-weight:800;letter-spacing:.23em} .mt-portal.mt-premium .mt-room-countdown{border:1px solid rgba(224,158,44,.75);border-radius:15px;margin-top:18px;padding:26px 32px 23px;text-align:center;background:linear-gradient(132deg,rgba(30,19,7,.88),rgba(5,5,5,.91)),url('coins-subtle.webp') center/cover;box-shadow:0 16px 50px rgba(0,0,0,.5),inset 0 1px rgba(255,206,115,.1)} .mt-portal.mt-premium .mt-room-countdown h2{font-size:clamp(19px,2.2vw,30px);line-height:1.2;margin:12px 0 7px;color:#fff2d6} .mt-portal.mt-premium .mt-room-countdown p{margin:0;color:#cdbfa9;font-size:13px} .mt-portal.mt-premium .mt-countdown-digits{display:flex;justify-content:center;max-width:820px;margin:21px auto 12px;gap:15px} .mt-portal.mt-premium .mt-count-digit{flex:1;min-width:0;border:1px solid rgba(231,177,74,.73);border-radius:9px;padding:15px 6px 11px;background:linear-gradient(165deg,rgba(66,38,9,.4),rgba(5,5,5,.98));box-shadow:0 0 24px rgba(229,151,37,.08)} .mt-portal.mt-premium .mt-count-digit b{display:block;font-size:clamp(26px,5vw,56px);font-variant-numeric:tabular-nums;line-height:1.05;font-weight:800;color:#ffdda0;text-shadow:0 0 15px rgba(232,147,30,.37)} .mt-portal.mt-premium .mt-count-digit small{font-size:11px;color:#e5b96d;letter-spacing:.06em;font-weight:800} .mt-portal.mt-premium .mt-count-footnote{font-size:11px!important;color:#9f988b!important;margin:9px 0 0!important} .mt-portal.mt-premium .mt-room-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:17px} .mt-portal.mt-premium .mt-room-info-card{display:flex;align-items:flex-start;gap:14px;padding:22px 19px;min-width:0;border-radius:13px;border:1px solid rgba(190,153,93,.3);background:linear-gradient(155deg,rgba(25,25,25,.95),rgba(6,6,6,.97))} .mt-portal.mt-premium .mt-info-icon{flex:0 0 40px;height:40px;border:1px solid rgba(218,158,58,.5);border-radius:10px;display:grid;place-items:center;color:#f1c56b;font-size:22px} .mt-portal.mt-premium .mt-room-info-card strong{display:block;color:#f5efe6;font-size:14px} .mt-portal.mt-premium .mt-room-info-card p{margin:4px 0 0;font-size:12px;line-height:1.55;color:#acadaf} .mt-portal.mt-premium .mt-room-small-link{font-size:12px;font-weight:700;color:#f1c979;display:inline-block;margin-top:8px} .mt-portal.mt-premium .mt-portal-foot{border-top:1px solid rgba(221,159,58,.17);margin-top:44px;padding:25px 10px 5px;display:flex;align-items:center;flex-direction:column;gap:8px;text-align:center} .mt-portal.mt-premium .mt-portal-foot img{height:45px;max-width:200px;object-fit:contain} .mt-portal.mt-premium .mt-portal-foot small{letter-spacing:.17em;font-size:9px;color:#ab925b} .mt-portal.mt-premium .mt-lux-locked{max-width:750px;margin:40px auto} .mt-portal.mt-premium .mt-auth-intro{margin-bottom:-20px} .mt-portal.mt-premium .mt-portal-login{border-color:var(--mt-border);background:rgba(10,10,10,.93);box-shadow:0 20px 70px rgba(0,0,0,.4)} .mt-portal.mt-premium .mt-portal-login input{background:#101010;border-color:#504027} .mt-portal.mt-premium .mt-auth-button{background:linear-gradient(115deg,#fff0bc,#e0ad4e,#b7822a)} .mt-portal.mt-premium .mt-live-tag{font-size:11px;font-weight:800;color:#ffdb96} .mt-portal.mt-premium .mt-room-live-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;color:#bbada0;font-size:12px} .mt-portal.mt-premium .mt-room-chat{border-radius:14px;border:1px solid rgba(209,154,67,.38);background:rgba(9,9,9,.94);display:flex;flex-direction:column;min-height:250px;max-height:calc(100% - 2px);overflow:hidden} .mt-portal.mt-premium .mt-room-chat-title{display:flex;justify-content:space-between;align-items:center;gap:7px;padding:17px;border-bottom:1px solid rgba(217,170,87,.19)} .mt-portal.mt-premium .mt-room-chat-title strong{font-size:15px;color:#f9efdd}.mt-portal.mt-premium .mt-room-chat-title span{font-size:10px;font-weight:800;color:#dcad61} .mt-portal.mt-premium .mt-room-chat-messages{overflow-y:auto;flex:1;padding:13px 15px;min-height:200px;max-height:420px} .mt-portal.mt-premium .mt-chat-entry{border-bottom:1px solid rgba(228,176,92,.09);padding:9px 0;font-size:12px;line-height:1.6;overflow-wrap:anywhere} .mt-portal.mt-premium .mt-chat-entry b{color:#e7bc70;font-weight:800}.mt-portal.mt-premium .mt-chat-entry time{color:#96928b;margin:0 7px;font-size:10px}.mt-portal.mt-premium .mt-chat-entry p{color:#eee6d9;margin:2px 0;font-size:12px;line-height:1.6} .mt-portal.mt-premium .mt-room-chat-form{display:flex;border-top:1px solid rgba(215,170,86,.25);padding:11px;gap:9px}.mt-portal.mt-premium .mt-room-chat-form input{min-width:0;flex:1;background:#141414;color:#fff;border-radius:8px;padding:12px;border:1px solid #474038;font-size:13px}.mt-portal.mt-premium .mt-room-chat-form button{background:#e8b95d;border:0;color:#17110a;border-radius:8px;min-width:44px;font-size:21px;cursor:pointer} .mt-portal.mt-premium .mt-room-chat-status{padding:0 14px 10px;font-size:11px;color:#d9b572}.mt-portal.mt-premium .mt-room-chat-disabled{margin:auto;padding:30px;text-align:center}.mt-portal.mt-premium .mt-room-chat-disabled span{font-size:40px;color:#d8aa5d}.mt-portal.mt-premium .mt-room-chat-disabled strong{display:block;color:#f4dfb8}.mt-portal.mt-premium .mt-room-chat-disabled p{font-size:12px} .mt-portal.mt-premium .mt-room-offer{margin-top:20px;border:1px solid #d8a64f;background:linear-gradient(115deg,rgba(55,34,11,.91),rgba(5,5,5,.96));border-radius:14px;padding:30px;text-align:center}.mt-portal.mt-premium .mt-room-offer[hidden]{display:none!important}.mt-portal.mt-premium .mt-room-offer h2{font-size:clamp(23px,3vw,34px);margin:13px 0 7px}.mt-portal.mt-premium .mt-room-offer p{font-size:14px;margin:0 auto 15px}.mt-portal.mt-premium .mt-room-offer-cta{display:inline-block;padding:16px 26px;border-radius:9px;background:linear-gradient(125deg,#fff0ba,#dea748);font-weight:800;color:#1e160a;font-size:14px} @media(max-width:980px){.mt-portal.mt-premium .mt-room-stage-live{grid-template-columns:1fr}.mt-portal.mt-premium .mt-room-chat-messages{max-height:290px}.mt-portal.mt-premium .mt-room-cover-art{background-position:center,center,center 22%}} @media(max-width:720px){.mt-portal.mt-premium{padding:0 12px 26px}.mt-portal.mt-premium::before{opacity:.55;background-size:auto 100%;background-position:center bottom}.mt-portal.mt-premium .mt-portal-head{min-height:74px}.mt-portal.mt-premium .mt-lux-brand img{height:47px;max-width:170px}.mt-portal.mt-premium .mt-lux-chip{display:none}.mt-portal.mt-premium .mt-room-intro{margin:20px auto 20px}.mt-portal.mt-premium .mt-room-intro h1{font-size:32px;margin:11px 0}.mt-portal.mt-premium .mt-room-video{border-radius:10px}.mt-portal.mt-premium .mt-room-video-label{max-width:60%;padding:14px 5%;gap:9px}.mt-portal.mt-premium .mt-room-video-label strong{font-size:clamp(17px,4.7vw,30px)}.mt-portal.mt-premium .mt-room-video-label small{font-size:10px}.mt-portal.mt-premium .mt-room-video-cover::after{font-size:7px;right:9px;bottom:8px}.mt-portal.mt-premium .mt-room-countdown{padding:20px 11px;margin-top:12px}.mt-portal.mt-premium .mt-room-countdown h2{font-size:22px}.mt-portal.mt-premium .mt-countdown-digits{gap:7px;margin:17px auto 12px}.mt-portal.mt-premium .mt-count-digit{padding:12px 3px 8px;border-radius:7px}.mt-portal.mt-premium .mt-count-digit b{font-size:clamp(25px,7vw,44px)}.mt-portal.mt-premium .mt-count-digit small{font-size:8px;letter-spacing:0}.mt-portal.mt-premium .mt-room-info{grid-template-columns:1fr;gap:9px}.mt-portal.mt-premium .mt-room-info-card{padding:16px}.mt-portal.mt-premium .mt-portal-foot{margin-top:35px}.mt-portal.mt-premium .mt-room-chat-messages{max-height:310px}} @media(max-width:400px){.mt-portal.mt-premium .mt-room-video-label strong{font-size:16px}.mt-portal.mt-premium .mt-room-video-label small{display:none}.mt-portal.mt-premium .mt-room-intro h1{font-size:28px}.mt-portal.mt-premium .mt-count-digit b{font-size:25px}.mt-portal.mt-premium .mt-portal-head{min-height:66px}} /* v1.2.17 — refinamento editorial da sala de espera: foto original em plano aberto. Logo original e todos os recursos de conta, Kiwify, checkout, chat e pitch preservados. */ .mt-portal.mt-premium .mt-room-photo-hero-refined{ position:relative;isolation:isolate;min-height:365px;overflow:hidden; border:1px solid rgba(222,164,67,.44);border-radius:15px; background:radial-gradient(ellipse at 72% 20%,rgba(166,107,37,.12),transparent 44%), linear-gradient(116deg,#0c0c0c 0%,#15100a 59%,#0a0908 100%); box-shadow:0 16px 68px rgba(0,0,0,.4),inset 0 1px 0 rgba(240,182,91,.07); } .mt-portal.mt-premium .mt-room-photo-hero-refined::before{ content:"";position:absolute;inset:0;pointer-events:none;z-index:0; background:linear-gradient(148deg,transparent 47%,rgba(200,129,35,.07) 47.1%,transparent 47.5%), radial-gradient(ellipse at 60% 110%,rgba(144,87,20,.16),transparent 40%); } .mt-portal.mt-premium .mt-room-photo-hero-refined .mt-room-photo-image{ position:absolute;inset:0 0 0 auto;width:44%;pointer-events:none;z-index:0;overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 21%,#000 91%,rgba(0,0,0,.62) 100%); mask-image:linear-gradient(90deg,transparent 0%,#000 21%,#000 91%,rgba(0,0,0,.62) 100%); } .mt-portal.mt-premium .mt-room-photo-hero-refined .mt-room-photo-image img{ position:absolute;right:6%;bottom:-8px;width:auto;max-width:92%;height:110%;object-fit:contain;object-position:center bottom; filter:brightness(.48) contrast(1.15) saturate(.70) sepia(.20); -webkit-mask-image:radial-gradient(ellipse 62% 72% at 51% 40%,#000 32%,rgba(0,0,0,.92) 56%,transparent 100%); mask-image:radial-gradient(ellipse 62% 72% at 51% 40%,#000 32%,rgba(0,0,0,.92) 56%,transparent 100%); } .mt-portal.mt-premium .mt-room-photo-hero-refined .mt-room-photo-image::after{ content:"";position:absolute;inset:0;pointer-events:none; background:linear-gradient(to top,rgba(6,6,6,.82) 0%,transparent 32%), linear-gradient(to right,rgba(9,8,7,.55),transparent 43%); } .mt-portal.mt-premium .mt-room-photo-hero-refined .mt-room-photo-content{ position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start; padding:47px 32px 47px clamp(28px,5vw,66px);min-height:365px;max-width:69%;box-sizing:border-box; } .mt-portal.mt-premium .mt-room-photo-hero-refined .mt-kicker{display:inline-flex;align-items:center;gap:12px;color:#ddb46a;font-size:11px;letter-spacing:.24em} .mt-portal.mt-premium .mt-room-gold-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#e5bc76;box-shadow:0 0 15px rgba(240,167,61,.55)} .mt-portal.mt-premium .mt-room-photo-hero-refined h1{ font-size:clamp(41px,5.1vw,69px);font-weight:800;line-height:1.04;letter-spacing:-.06em;color:#f7f2e9; max-width:680px;margin:22px 0 17px;text-wrap:balance; } .mt-portal.mt-premium .mt-room-photo-hero-refined h1 em{ display:block;font-style:normal;color:#e6b65d; background:linear-gradient(90deg,#fff1bf 0%,#e6b65d 55%,#c88f35 100%); -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent; } .mt-portal.mt-premium .mt-room-photo-hero-refined p{ max-width:460px;font-size:clamp(13px,1.3vw,16px);line-height:1.68;color:#c9c2b6;margin:0; } .mt-portal.mt-premium .mt-room-photo-hero-refined .mt-room-photo-highlights{ display:flex;flex-wrap:wrap;align-items:center;gap:13px;margin-top:28px;color:#d3b883;font-size:10px;letter-spacing:.15em;font-weight:800; } .mt-portal.mt-premium .mt-room-photo-highlights i{display:inline-block;width:3px;height:3px;background:#ac8142;border-radius:50%} .mt-portal.mt-premium .mt-room-photo-signature{ position:absolute;right:20px;bottom:17px;z-index:2;display:flex;flex-direction:column;align-items:flex-end; text-align:right;gap:3px;font-size:9px;letter-spacing:.17em;color:#cfaa6b;opacity:.8; } .mt-portal.mt-premium .mt-room-photo-signature strong{font-size:11px;letter-spacing:.19em;color:#e5c27d} /* O relógio vira o protagonista, mais limpo e com maior hierarquia visual. */ .mt-portal.mt-premium .mt-room-countdown{margin-top:15px;border-color:rgba(216,162,68,.48);border-radius:14px; background:linear-gradient(130deg,rgba(19,14,9,.97),rgba(7,7,7,.97)),url('coins-subtle.webp') center/cover; padding:30px clamp(16px,3.4vw,44px) 24px;box-shadow:0 15px 50px rgba(0,0,0,.32)} .mt-portal.mt-premium .mt-room-countdown h2{font-size:clamp(22px,2.5vw,33px);margin:12px 0 8px;letter-spacing:-.04em} .mt-portal.mt-premium .mt-countdown-digits{max-width:855px;gap:12px;margin:25px auto 14px} .mt-portal.mt-premium .mt-count-digit{padding:17px 5px 13px;background:linear-gradient(170deg,rgba(52,32,12,.4),rgba(5,5,5,.97));border-color:rgba(230,177,89,.55)} .mt-portal.mt-premium .mt-room-info-card{background:linear-gradient(150deg,rgba(18,18,18,.98),rgba(8,8,8,.98));border-color:rgba(199,154,86,.25)} @media(max-width:920px){ .mt-portal.mt-premium .mt-room-photo-hero-refined{min-height:335px} .mt-portal.mt-premium .mt-room-photo-hero-refined .mt-room-photo-content{min-height:335px;max-width:70%;padding:36px 24px} .mt-portal.mt-premium .mt-room-photo-hero-refined h1{font-size:clamp(37px,5.4vw,55px)} .mt-portal.mt-premium .mt-room-photo-hero-refined .mt-room-photo-image{width:45%} } @media(max-width:720px){ .mt-portal.mt-premium .mt-room-photo-hero-refined{min-height:310px;border-radius:12px} .mt-portal.mt-premium .mt-room-photo-hero-refined .mt-room-photo-content{min-height:310px;padding:24px 17px 24px 20px;max-width:64%} .mt-portal.mt-premium .mt-room-photo-hero-refined .mt-room-photo-image{width:56%; -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 25%,#000 100%); mask-image:linear-gradient(90deg,transparent 0%,#000 25%,#000 100%)} .mt-portal.mt-premium .mt-room-photo-hero-refined .mt-room-photo-image img{right:-1%;max-width:100%;height:100%;filter:brightness(.48) contrast(1.15) saturate(.68) sepia(.2); -webkit-mask-image:radial-gradient(ellipse 62% 73% at 52% 36%,#000 28%,rgba(0,0,0,.89) 54%,transparent 100%); mask-image:radial-gradient(ellipse 62% 73% at 52% 36%,#000 28%,rgba(0,0,0,.89) 54%,transparent 100%)} .mt-portal.mt-premium .mt-room-photo-hero-refined .mt-room-photo-image::after{background:linear-gradient(0deg,rgba(5,5,5,.86),transparent 40%),linear-gradient(90deg,rgba(8,8,8,.4),transparent 55%)} .mt-portal.mt-premium .mt-room-photo-hero-refined .mt-kicker{font-size:8px;letter-spacing:.11em;gap:6px} .mt-portal.mt-premium .mt-room-gold-dot{width:5px;height:5px} .mt-portal.mt-premium .mt-room-photo-hero-refined h1{font-size:clamp(28px,7.6vw,40px);margin:14px 0 12px;line-height:1.04} .mt-portal.mt-premium .mt-room-photo-hero-refined p{max-width:230px;font-size:11px;line-height:1.5;color:#d2c9bb} .mt-portal.mt-premium .mt-room-photo-hero-refined .mt-room-photo-highlights{font-size:8px;gap:5px;margin-top:18px;letter-spacing:.08em} .mt-portal.mt-premium .mt-room-photo-hero-refined .mt-room-photo-highlights i{width:2px;height:2px} .mt-portal.mt-premium .mt-room-photo-signature{right:9px;bottom:10px;font-size:7px} .mt-portal.mt-premium .mt-room-photo-signature strong{font-size:8px} .mt-portal.mt-premium .mt-room-countdown{margin-top:12px;padding:22px 10px 17px} .mt-portal.mt-premium .mt-room-countdown h2{font-size:21px} .mt-portal.mt-premium .mt-countdown-digits{margin-top:18px;gap:6px} .mt-portal.mt-premium .mt-count-digit{padding:12px 2px 9px} .mt-portal.mt-premium .mt-count-digit b{font-size:clamp(24px,7vw,36px)} } @media(max-width:380px){ .mt-portal.mt-premium .mt-room-photo-hero-refined h1{font-size:27px} .mt-portal.mt-premium .mt-room-photo-hero-refined .mt-room-photo-content{padding-left:13px;max-width:65%} .mt-portal.mt-premium .mt-room-photo-hero-refined .mt-room-photo-highlights{gap:3px;font-size:7px} } /* Bandeja de imagem preparada a partir da foto original, com enquadramento distante, sem cortes agressivos. */ .mt-portal.mt-premium .mt-room-photo-hero-refined .mt-room-photo-image{inset:0;width:100%;-webkit-mask-image:none;mask-image:none} .mt-portal.mt-premium .mt-room-photo-hero-refined .mt-room-photo-image picture{position:absolute;inset:0;display:block} .mt-portal.mt-premium .mt-room-photo-hero-refined .mt-room-photo-image img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;filter:none;-webkit-mask-image:none;mask-image:none} .mt-portal.mt-premium .mt-room-photo-hero-refined .mt-room-photo-image::after{background:linear-gradient(90deg,#080808 0%,rgba(10,9,8,.85) 18%,rgba(10,9,8,.45) 49%,transparent 73%)} @media(max-width:720px){ .mt-portal.mt-premium .mt-room-photo-hero-refined .mt-room-photo-image{width:100%} .mt-portal.mt-premium .mt-room-photo-hero-refined .mt-room-photo-image img{width:100%;height:100%;object-position:center;filter:none;-webkit-mask-image:none;mask-image:none} .mt-portal.mt-premium .mt-room-photo-hero-refined .mt-room-photo-image::after{background:linear-gradient(90deg,rgba(6,6,6,.90),rgba(8,8,8,.62) 42%,transparent 80%),linear-gradient(0deg,rgba(7,7,7,.7),transparent 29%)} } /* Composição do relógio: formato editorial horizontal no PC, empilhado e legível no celular. */ @media(min-width:921px){ .mt-portal.mt-premium .mt-room-countdown{ display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.45fr);column-gap:38px; align-items:center;text-align:left;padding:28px 34px; } .mt-portal.mt-premium .mt-room-countdown-top{max-width:360px} .mt-portal.mt-premium .mt-room-countdown-top h2{font-size:clamp(24px,2.2vw,30px);line-height:1.16;margin:15px 0 9px} .mt-portal.mt-premium .mt-countdown-digits{width:100%;max-width:none;margin:0;gap:10px} .mt-portal.mt-premium .mt-count-footnote{grid-column:2;text-align:center;margin-top:9px!important} .mt-portal.mt-premium .mt-count-digit{padding:19px 7px 15px;border-radius:10px} } .mt-portal.mt-premium .mt-room-photo-hero-refined{box-shadow:0 18px 55px rgba(0,0,0,.38),inset 0 1px 0 rgba(229,186,107,.08)} .mt-portal.mt-premium .mt-room-photo-hero-refined::after{content:"";position:absolute;left:4.5%;right:4.5%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#cd973f 44%,transparent);opacity:.65} .mt-portal.mt-premium .mt-portal-head{border-bottom:1px solid rgba(228,172,75,.25)} @media(min-width:721px){ .mt-portal.mt-premium .mt-room-account{position:absolute;top:39px;right:238px;z-index:5;padding:0;white-space:nowrap} } @media(max-width:720px){ .mt-portal.mt-premium .mt-room-countdown{text-align:center} .mt-portal.mt-premium .mt-room-photo-hero-refined::after{left:6%;right:6%} } @media(min-width:921px){ .mt-portal.mt-premium .mt-countdown-digits{text-align:center} .mt-portal.mt-premium .mt-count-digit{text-align:center} } /* ================================================================ * Million Tube v1.2.18 — sala de espera com player e chat reservado. * Apenas visual na pré-estreia; não simula audiência, mensagens ou playback. * As APIs de Kiwify, autenticação, presença e chat não foram alteradas. * ================================================================ */ .mt-portal.mt-premium .mt-room-stage-waiting{ display:grid;grid-template-columns:minmax(0,1.93fr) minmax(285px,.78fr); align-items:stretch;column-gap:16px;row-gap:13px;margin-top:24px } .mt-portal.mt-premium .mt-room-stage-waiting .mt-room-player-group{display:flex;flex-direction:column;min-width:0} .mt-portal.mt-premium .mt-room-preview-player{ position:relative;overflow:hidden;border:1px solid rgba(224,169,83,.63);border-radius:14px; background:#080808;box-shadow:0 18px 58px rgba(0,0,0,.58),0 0 22px rgba(179,114,29,.08) } .mt-portal.mt-premium .mt-room-preview-screen{ position:relative;isolation:isolate;aspect-ratio:16 / 9;overflow:hidden; background:radial-gradient(ellipse at 71% 36%,rgba(158,97,29,.26),transparent 54%),linear-gradient(110deg,#050505,#17100a 80%) } .mt-portal.mt-premium .mt-room-preview-screen::before{ content:"";position:absolute;inset:0;z-index:1;pointer-events:none; background:linear-gradient(90deg,rgba(4,4,4,.99) 0%,rgba(4,4,4,.94) 21%,rgba(4,4,4,.60) 47%,rgba(4,4,4,.06) 80%),linear-gradient(0deg,rgba(3,3,3,.43),transparent 34%); } .mt-portal.mt-premium .mt-room-preview-portrait{position:absolute;inset:0 0 0 auto;width:56%;z-index:0;overflow:hidden;pointer-events:none; -webkit-mask-image:linear-gradient(90deg,transparent,black 20%);mask-image:linear-gradient(90deg,transparent,black 20%)} .mt-portal.mt-premium .mt-room-preview-portrait img{ position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 27%; filter:brightness(.79) contrast(1.05) saturate(.87) } .mt-portal.mt-premium .mt-room-preview-badge{ position:absolute;z-index:3;top:19px;right:17px;border-radius:22px;padding:8px 12px; background:rgba(0,0,0,.77);color:#e8c580;border:1px solid rgba(231,185,94,.47); font-size:10px;font-weight:800;letter-spacing:.08em;white-space:nowrap } .mt-portal.mt-premium .mt-room-preview-badge span{color:#f0c071;font-size:9px;margin-right:4px} .mt-portal.mt-premium .mt-room-preview-copy{ position:absolute;z-index:2;top:50%;left:clamp(16px,3vw,32px);transform:translateY(-50%); width:54%;pointer-events:none;text-align:left } .mt-portal.mt-premium .mt-room-preview-copy .mt-kicker{font-size:10px;letter-spacing:.22em;color:#edbf70} .mt-portal.mt-premium .mt-room-preview-copy h1{font-size:clamp(27px,3.2vw,48px);line-height:1.07;margin:17px 0 11px;letter-spacing:-.055em;color:#f9f5ed} .mt-portal.mt-premium .mt-room-preview-copy h1 em{display:block;font-style:normal;background:linear-gradient(90deg,#fff0bf,#e5b65d 70%,#cd943b);background-clip:text;-webkit-background-clip:text;color:transparent} .mt-portal.mt-premium .mt-room-preview-copy p{font-size:clamp(11px,1vw,14px);line-height:1.58;color:#dbd0be;max-width:335px;margin:0} .mt-portal.mt-premium .mt-room-preview-play{ position:absolute;z-index:4;left:59%;top:52%;transform:translate(-50%,-50%);display:grid;place-items:center; width:78px;height:78px;border-radius:50%;border:2px solid rgba(255,215,132,.85); background:rgba(12,9,6,.73);box-shadow:0 0 0 7px rgba(0,0,0,.20),0 0 35px rgba(199,136,42,.26); color:#ffe6aa;font-size:27px;text-indent:4px;pointer-events:none } .mt-portal.mt-premium .mt-room-preview-controls{ position:relative;display:flex;align-items:center;gap:13px;padding:13px 19px 12px; min-height:48px;background:linear-gradient(#12100d,#060606);border-top:1px solid rgba(229,172,71,.18); font-size:12px;color:#d8d0c4;user-select:none } .mt-portal.mt-premium .mt-room-preview-play-small{font-size:19px;color:#efd09a;line-height:1} .mt-portal.mt-premium .mt-room-preview-clock{white-space:nowrap;color:#c9c1b8;font-size:11px;font-variant-numeric:tabular-nums} .mt-portal.mt-premium .mt-room-preview-track{display:block;height:4px;border-radius:4px;background:#413a31;flex:1;min-width:0;overflow:hidden} .mt-portal.mt-premium .mt-room-preview-track i{display:block;height:100%;width:0%;background:#e5b65e} .mt-portal.mt-premium .mt-room-preview-speaker{font-size:15px;color:#dfc391;white-space:nowrap} .mt-portal.mt-premium .mt-room-preview-full{font-size:22px;color:#dfc391;line-height:1} .mt-portal.mt-premium .mt-room-stage-waiting .mt-room-countdown{ margin-top:14px;display:block;text-align:center;min-width:0;padding:25px 19px 19px; background:linear-gradient(130deg,rgba(25,17,8,.96),rgba(6,6,6,.97)),url('coins-subtle.webp') center/cover } .mt-portal.mt-premium .mt-room-stage-waiting .mt-room-countdown-top{max-width:none} .mt-portal.mt-premium .mt-room-stage-waiting .mt-room-countdown h2{font-size:clamp(19px,2vw,27px);margin:10px 0 7px} .mt-portal.mt-premium .mt-room-stage-waiting .mt-countdown-digits{display:flex;max-width:none;margin:17px auto 10px;gap:10px;text-align:center} .mt-portal.mt-premium .mt-room-stage-waiting .mt-count-digit{flex:1;min-width:0;padding:11px 5px 10px;text-align:center} .mt-portal.mt-premium .mt-room-stage-waiting .mt-count-digit b{font-size:clamp(27px,3.3vw,43px)} .mt-portal.mt-premium .mt-room-stage-waiting .mt-count-footnote{grid-column:auto;text-align:center;font-size:10px!important;margin-top:8px!important} .mt-portal.mt-premium .mt-room-chat-preview{ min-height:100%;max-height:none;background:linear-gradient(160deg,rgba(18,16,13,.98),rgba(7,7,7,.98)); border:1px solid rgba(220,170,92,.44) } .mt-portal.mt-premium .mt-room-chat-preview .mt-room-chat-title{padding:17px 16px;background:rgba(17,14,10,.58)} .mt-portal.mt-premium .mt-room-chat-preview .mt-room-chat-title strong{display:inline-flex;align-items:center;gap:8px;font-size:13px} .mt-portal.mt-premium .mt-chat-status-dot{width:7px;height:7px;background:#d5a857;border-radius:50%;display:inline-block;box-shadow:0 0 7px rgba(209,153,56,.30)} .mt-portal.mt-premium .mt-room-chat-preview .mt-room-chat-title span{color:#dfbd7d;font-size:9px;white-space:nowrap} .mt-portal.mt-premium .mt-room-chat-coming{margin:auto 0;text-align:center;padding:26px 24px;display:flex;flex-direction:column;align-items:center;gap:12px} .mt-portal.mt-premium .mt-chat-coming-icon{font-size:32px;color:#e5b766;display:grid;place-items:center;border:1px solid rgba(216,163,72,.36);background:rgba(198,142,46,.08);border-radius:15px;width:64px;height:64px} .mt-portal.mt-premium .mt-room-chat-coming strong{color:#f4e9d6;font-size:15px;line-height:1.4} .mt-portal.mt-premium .mt-room-chat-coming p{color:#aca59b;font-size:12px;line-height:1.6;margin:0} .mt-portal.mt-premium .mt-chat-coming-label{color:#bb9a67;font-size:10px;letter-spacing:.08em;margin-top:9px} .mt-portal.mt-premium .mt-room-chat-input-preview{margin-top:auto;border-top:1px solid rgba(215,170,86,.19);padding:12px 11px; display:flex;align-items:center;justify-content:space-between;gap:8px;color:#7e7871;font-size:11px} .mt-portal.mt-premium .mt-room-chat-input-preview span:first-child{background:#131211;border:1px solid rgba(143,120,87,.21);padding:12px 10px;flex:1;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .mt-portal.mt-premium .mt-room-chat-input-preview span:last-child{font-size:18px;color:#92805e;padding-right:4px} /* Mesma geometria da sala de transmissão; o chat real ocupa a coluna lateral. */ .mt-portal.mt-premium .mt-room-stage-live{grid-template-columns:minmax(0,1.93fr) minmax(285px,.78fr);margin-top:24px} .mt-portal.mt-premium .mt-room-stage-live .mt-room-video{border-radius:14px} .mt-portal.mt-premium .mt-room-stage-live .mt-room-chat{min-height:280px} /* Em tablet/celular, manter a sequência vídeo → contagem → chat. */ @media(max-width:980px){ .mt-portal.mt-premium .mt-room-stage-waiting,.mt-portal.mt-premium .mt-room-stage-live{grid-template-columns:minmax(0,1fr);gap:12px} .mt-portal.mt-premium .mt-room-chat-preview{min-height:166px} .mt-portal.mt-premium .mt-room-chat-coming{padding:19px 16px 17px;gap:8px} .mt-portal.mt-premium .mt-chat-coming-icon{width:40px;height:40px;font-size:22px} .mt-portal.mt-premium .mt-chat-coming-label{display:none} } @media(max-width:720px){ .mt-portal.mt-premium .mt-room-stage-waiting,.mt-portal.mt-premium .mt-room-stage-live{margin-top:19px} .mt-portal.mt-premium .mt-room-preview-player{border-radius:11px} .mt-portal.mt-premium .mt-room-preview-screen{aspect-ratio:16/10} .mt-portal.mt-premium .mt-room-preview-portrait{width:58%} .mt-portal.mt-premium .mt-room-preview-portrait img{object-position:center 23%} .mt-portal.mt-premium .mt-room-preview-screen::before{background:linear-gradient(90deg,rgba(4,4,4,.99),rgba(4,4,4,.92) 23%,rgba(4,4,4,.49) 53%,rgba(4,4,4,.10) 84%),linear-gradient(0deg,rgba(0,0,0,.30),transparent 55%)} .mt-portal.mt-premium .mt-room-preview-badge{top:9px;right:8px;padding:5px 7px;font-size:7px;letter-spacing:0} .mt-portal.mt-premium .mt-room-preview-copy{left:14px;width:55%;top:54%} .mt-portal.mt-premium .mt-room-preview-copy .mt-kicker{font-size:8px;letter-spacing:.12em} .mt-portal.mt-premium .mt-room-preview-copy h1{font-size:clamp(19px,6vw,30px);margin:8px 0 6px;line-height:1.09} .mt-portal.mt-premium .mt-room-preview-copy p{font-size:9px;line-height:1.4;max-width:180px} .mt-portal.mt-premium .mt-room-preview-play{width:49px;height:49px;font-size:21px;left:65%;top:57%;border-width:1.5px;box-shadow:0 0 0 4px rgba(0,0,0,.12)} .mt-portal.mt-premium .mt-room-preview-controls{padding:9px 12px;min-height:39px;gap:8px} .mt-portal.mt-premium .mt-room-preview-clock{font-size:10px} .mt-portal.mt-premium .mt-room-preview-full{font-size:19px} .mt-portal.mt-premium .mt-room-stage-waiting .mt-room-countdown{padding:18px 11px;margin-top:11px} .mt-portal.mt-premium .mt-room-stage-waiting .mt-countdown-digits{gap:6px;margin:14px auto 8px} .mt-portal.mt-premium .mt-room-stage-waiting .mt-count-digit{padding:9px 2px 8px} .mt-portal.mt-premium .mt-room-stage-waiting .mt-count-digit b{font-size:clamp(25px,7vw,35px)} .mt-portal.mt-premium .mt-room-chat-preview .mt-room-chat-title{padding:13px 12px} .mt-portal.mt-premium .mt-room-chat-coming{padding:16px 16px 12px} .mt-portal.mt-premium .mt-room-chat-coming p{max-width:310px} .mt-portal.mt-premium .mt-room-chat-input-preview{padding:8px 10px} } @media(max-width:365px){ .mt-portal.mt-premium .mt-room-preview-copy{left:10px;width:58%} .mt-portal.mt-premium .mt-room-preview-copy h1{font-size:19px} .mt-portal.mt-premium .mt-room-preview-copy p{font-size:8px} .mt-portal.mt-premium .mt-room-preview-play{left:67%;width:42px;height:42px;font-size:17px} .mt-portal.mt-premium .mt-room-preview-badge{font-size:6px} } /* Cabeçalho compacto na transmissão: player acima da dobra. */ .mt-portal.mt-premium .mt-room-live-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin:23px 0 0;padding:0 3px} .mt-portal.mt-premium .mt-room-live-heading h1{font-size:clamp(20px,2.1vw,28px);letter-spacing:-.04em;margin:0;line-height:1.2} .mt-portal.mt-premium .mt-room-live-heading h1 em{font-style:normal;color:#dfae59} .mt-portal.mt-premium .mt-room-live-heading + .mt-room-stage-live{margin-top:14px} @media(max-width:720px){ .mt-portal.mt-premium .mt-room-live-heading{margin:16px 0 0;align-items:flex-start;flex-direction:column;gap:4px} .mt-portal.mt-premium .mt-room-live-heading h1{font-size:19px} .mt-portal.mt-premium .mt-room-live-heading .mt-kicker{font-size:9px;letter-spacing:.16em} .mt-portal.mt-premium .mt-room-live-heading + .mt-room-stage-live{margin-top:10px} } /* v1.2.19 — ensaio privado: usa exatamente o espaço visual do chat da sala. */ .mt-portal.mt-premium .mt-room-chat-test{min-height:310px;max-height:none} .mt-portal.mt-premium .mt-room-chat-test .mt-room-chat-messages{min-height:175px;max-height:310px} .mt-portal.mt-premium .mt-chat-test-note{margin:0!important;padding:10px 14px!important;font-size:11px!important;line-height:1.5!important;color:#e8d0a3!important;background:rgba(190,126,36,.09);border-bottom:1px solid rgba(216,162,68,.18)} .mt-portal.mt-premium .mt-room-chat-test .mt-room-chat-title>span{color:#f0bd62!important} @media(max-width:720px){ .mt-portal.mt-premium .mt-room-chat-test{min-height:300px} .mt-portal.mt-premium .mt-room-chat-test .mt-room-chat-messages{min-height:170px;max-height:260px} .mt-portal.mt-premium .mt-chat-test-note{padding:9px 12px!important} } /* v1.2.25 - presenca autentica junto ao chat, preservando layout da sala */ .mt-portal.mt-premium .mt-chat-presence-indicator{display:flex;align-items:center;gap:6px;padding:9px 16px;color:#c6b9a4;font-size:11px;background:rgba(25,21,16,.58);border-bottom:1px solid rgba(217,170,87,.12)} .mt-portal.mt-premium .mt-chat-presence-indicator b{color:#f3d599;font-weight:800;font-variant-numeric:tabular-nums} .mt-portal.mt-premium .mt-online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#63b98b;box-shadow:0 0 0 3px rgba(99,185,139,.1)} .mt-portal.mt-premium .mt-chat-presence-demo{padding:6px 16px;background:rgba(217,170,87,.08);color:#d9ad6b;font-size:10px;letter-spacing:.01em} .mt-portal.mt-premium .mt-chat-presence-demo b{font-variant-numeric:tabular-nums} /* v1.2.27: contador demonstrativo publico explicitamente identificado */ .mt-portal.mt-premium .mt-presence-demonstrative .mt-online-dot{background:#d6a84a;box-shadow:0 0 0 3px rgba(214,168,74,.12)} .mt-portal.mt-premium .mt-presence-demonstrative{color:#d8bf90} .mt-portal.mt-premium .mt-viewers-demo{color:#d8bf90} /* v1.2.28 — estado visual do chat: verde aberto; amarelo fechado */ .mt-portal.mt-premium .mt-room-chat-title strong{display:inline-flex;align-items:center;gap:8px} .mt-portal.mt-premium .mt-chat-status-dot.mt-chat-status-open{background:#61c98d;box-shadow:0 0 8px rgba(97,201,141,.52)} /* O contador demonstrativo utiliza o mesmo verde, com rótulo de simulação. */ .mt-portal.mt-premium .mt-presence-demonstrative .mt-online-dot{background:#63b98b;box-shadow:0 0 0 3px rgba(99,185,139,.12)} .mt-portal.mt-premium .mt-demo-disclosure{font-weight:500;font-size:10px;color:#b7a993} /* ===================================================================== * Million Tube v1.3.8 — novo grid do PAINEL ANTES DA MASTERCLASS. * Desktop: [video | chat] / [contagem | plataforma em breve]. * A aula ao vivo, o pitch, os eventos e o chat ficam intactos. * ===================================================================== */ .mt-portal.mt-premium .mt-room-stage-waiting{ grid-template-areas:"mtplayer mtchat" "mtclock mtportal"; grid-template-columns:minmax(0,1.93fr) minmax(285px,.78fr); gap:16px; align-items:stretch; } .mt-portal.mt-premium .mt-room-stage-waiting > .mt-room-player-group{grid-area:mtplayer;min-width:0} .mt-portal.mt-premium .mt-room-stage-waiting > .mt-room-chat{grid-area:mtchat;min-width:0;align-self:stretch;min-height:0;max-height:none;height:100%} .mt-portal.mt-premium .mt-room-stage-waiting > .mt-room-countdown{grid-area:mtclock;min-width:0;min-height:312px;margin:0!important;display:flex;flex-direction:column;justify-content:center} .mt-portal.mt-premium .mt-room-stage-waiting > .mt-room-platform-teaser{grid-area:mtportal;min-width:0} .mt-portal.mt-premium .mt-room-stage-waiting .mt-room-countdown-top{max-width:none!important} .mt-portal.mt-premium .mt-room-stage-waiting .mt-countdown-digits{width:100%} /* Permite rolar mensagens longas sem aumentar a altura do chat alem do player. */ .mt-portal.mt-premium .mt-room-stage-waiting > .mt-room-chat-test .mt-room-chat-messages{min-height:0;max-height:none;flex:1;overflow-y:auto} .mt-portal.mt-premium .mt-room-stage-waiting > .mt-room-chat-test{min-height:0} .mt-portal.mt-premium .mt-room-platform-teaser{ position:relative;isolation:isolate;display:flex;flex-direction:column;overflow:hidden; min-height:312px;border-radius:16px;border:1px solid #d99f40; background:radial-gradient(ellipse at 90% 85%,rgba(251,160,42,.33),transparent 48%), linear-gradient(143deg,#130e09 0%,#090807 50%,#251506 100%); box-shadow:0 0 0 1px rgba(255,192,86,.15),0 14px 42px rgba(0,0,0,.57),inset 0 0 25px rgba(220,129,30,.13); } .mt-portal.mt-premium .mt-room-platform-teaser::before{ content:"";position:absolute;inset:-34% -65%;z-index:-1;pointer-events:none; background:linear-gradient(105deg,transparent 34%,rgba(255,190,83,.02) 41%,rgba(255,184,68,.30) 48%,rgba(255,213,131,.06) 51%,transparent 56%); transform:rotate(-16deg);filter:blur(7px); } .mt-portal.mt-premium .mt-room-platform-teaser::after{ content:"";position:absolute;inset:0;z-index:-1;pointer-events:none; border-radius:inherit;box-shadow:inset 0 0 24px rgba(251,159,44,.19),inset 0 2px 0 rgba(255,228,161,.12); } .mt-portal.mt-premium .mt-platform-teaser-content{ display:flex;flex-direction:column;align-items:center;text-align:center; justify-content:center;flex:1;padding:20px 18px 18px;gap:7px; } .mt-portal.mt-premium .mt-platform-eyebrow{ color:#f3c26e;font-size:8px;line-height:1.4;font-weight:850;letter-spacing:.16em; } .mt-portal.mt-premium .mt-room-platform-teaser h2{ color:#f6eddf;font-size:clamp(22px,2.1vw,29px);letter-spacing:-.045em; line-height:1.08;margin:3px 0 0!important;font-weight:800; } .mt-portal.mt-premium .mt-room-platform-teaser h2 em{ font-style:normal;display:block;color:#f5c778; text-shadow:0 0 20px rgba(226,140,30,.2); } .mt-portal.mt-premium .mt-room-platform-teaser p{ font-size:11px;line-height:1.4;color:#c9b8a0;margin:0!important;max-width:290px; } /* Mockup de um painel ficticio, SEM expor funcionalidades ainda nao lancadas. */ .mt-portal.mt-premium .mt-platform-device{ position:relative;width:min(100%,230px);margin:6px auto 3px; transform:perspective(550px) rotateY(-8deg) rotateX(4deg); filter:drop-shadow(0 8px 17px rgba(206,107,11,.28)); } .mt-portal.mt-premium .mt-platform-device-screen{ position:relative;overflow:hidden;height:108px;border:3px solid #ad8244;border-bottom-width:5px; border-radius:9px 9px 3px 3px;background:#0b0d0f; box-shadow:0 0 15px rgba(255,174,43,.28),inset 0 0 21px rgba(214,141,37,.08) } .mt-portal.mt-premium .mt-platform-screen-top{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border-bottom:1px solid #4b3723;color:#e6c586} .mt-portal.mt-premium .mt-platform-screen-top b{font-size:8px;letter-spacing:.05em;white-space:nowrap} .mt-portal.mt-premium .mt-platform-screen-top b i{font-style:normal;background:#c78b32;color:#160f07;border-radius:2px;padding:1px 2px} .mt-portal.mt-premium .mt-platform-screen-top > span{font-size:8px;color:#846f55} .mt-portal.mt-premium .mt-platform-screen-ui{display:flex;gap:8px;padding:7px 8px;filter:blur(2.1px);opacity:.65} .mt-portal.mt-premium .mt-platform-screen-sidebar{display:grid;gap:6px;width:45px;padding-top:3px} .mt-portal.mt-premium .mt-platform-screen-sidebar i{height:5px;border-radius:4px;background:#4c3c2a} .mt-portal.mt-premium .mt-platform-screen-sidebar i:first-child{background:#b18a4d} .mt-portal.mt-premium .mt-platform-screen-tiles{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:6px} .mt-portal.mt-premium .mt-platform-screen-tiles i{height:25px;border:1px solid rgba(224,170,83,.25);border-radius:4px;background:linear-gradient(145deg,#30281e,#131313)} .mt-portal.mt-premium .mt-platform-screen-lock{ position:absolute;left:50%;top:51%;transform:translate(-50%,-50%); display:grid;place-items:center;width:55px;height:55px;color:#ffdc97; border:1px solid #e3a94e;border-radius:50%;background:rgba(28,17,7,.93); box-shadow:0 0 0 7px rgba(214,148,42,.09),0 0 24px rgba(240,166,53,.51) } .mt-portal.mt-premium .mt-platform-screen-coming{ position:absolute;left:50%;bottom:6px;transform:translateX(-50%); padding:3px 12px;border-radius:7px;border:1px solid #d9a456; white-space:nowrap;color:#ffdfa2;background:rgba(24,14,5,.9); font-size:9px;letter-spacing:.07em;font-weight:800; } .mt-portal.mt-premium .mt-platform-device-base{ display:block;height:7px;width:113%;margin-left:-6.5%;border-radius:2px 2px 50% 50%; border:1px solid #9b7c59;background:linear-gradient(#c3b7a1,#2b2928 67%,#0c0c0c); box-shadow:0 4px 13px rgba(218,138,29,.33) } .mt-portal.mt-premium .mt-platform-locked-cta{ display:flex;align-items:center;justify-content:center;gap:7px;width:100%;max-width:310px; padding:11px 8px;margin:4px auto 0;border-radius:10px; color:#1d1205;font-size:11px;font-weight:900;letter-spacing:.015em; background:linear-gradient(115deg,#ffe2a3,#d49b42 64%,#f4c57d); box-shadow:0 6px 18px rgba(233,153,38,.19);cursor:not-allowed;user-select:none; } .mt-portal.mt-premium .mt-platform-locked-cta span{font-size:15px;line-height:1} .mt-portal.mt-premium .mt-platform-locked-cta small{ font-size:8px;font-weight:900;line-height:1.4;padding:4px 6px; color:#452708;background:rgba(67,36,5,.12);border-radius:6px;white-space:nowrap } @media (max-width:980px){ .mt-portal.mt-premium .mt-room-stage-waiting{ grid-template-columns:minmax(0,1fr);grid-template-areas:"mtplayer" "mtclock" "mtchat" "mtportal"; gap:12px; } .mt-portal.mt-premium .mt-room-stage-waiting > .mt-room-countdown{min-height:0;margin:0!important} .mt-portal.mt-premium .mt-room-stage-waiting > .mt-room-chat{height:auto;min-height:166px;max-height:none} .mt-portal.mt-premium .mt-room-stage-waiting > .mt-room-chat-test{min-height:300px} .mt-portal.mt-premium .mt-room-platform-teaser{min-height:325px} .mt-portal.mt-premium .mt-platform-device{width:220px} } @media (max-width:480px){ .mt-portal.mt-premium .mt-room-platform-teaser h2{font-size:27px} .mt-portal.mt-premium .mt-platform-teaser-content{padding:23px 13px 20px} .mt-portal.mt-premium .mt-platform-locked-cta{max-width:310px} .mt-portal.mt-premium .mt-platform-device-screen{height:111px} } @media (prefers-reduced-motion:reduce){ .mt-portal.mt-premium .mt-room-platform-teaser *{animation:none!important;transition:none!important} } /* v1.3.9: apenas o administrador pode abrir a prévia da plataforma no teaser. */ .mt-portal.mt-premium a.mt-platform-locked-cta{cursor:pointer;text-decoration:none;transition:filter .18s,transform .18s} .mt-portal.mt-premium a.mt-platform-locked-cta:hover{filter:brightness(1.12);transform:translateY(-1px)} .mt-portal.mt-premium a.mt-platform-locked-cta:focus-visible{outline:2px solid #ffd87d;outline-offset:3px}