/* Base independente do Media Kit — extraída da identidade visual DELTA */
:root{--frame:1800px}
.frame{width:calc(100% - 64px);max-width:1800px;margin-left:auto;margin-right:auto}
.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;border-bottom:1px solid rgba(40,150,230,.24)}
.nav-wrap{height:70px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font:800 17px Rajdhani,Inter,sans-serif}
.site-logo-img{width:34px;height:34px;object-fit:contain;border-radius:50%}
.btn{min-height:40px;padding:0 18px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:10px;font-weight:900;transition:.2s ease}
.btn-primary{background:linear-gradient(180deg,#2bbcff,#087df3);border:1px solid #55c8ff;color:#fff;box-shadow:0 8px 24px rgba(0,129,255,.18)}
.btn-outline{background:rgba(2,13,25,.68);border:1px solid #4aaeff;color:#fff}
.cursor-glow{position:fixed;left:-160px;top:-160px;width:320px;height:320px;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,rgba(0,132,255,.07),transparent 68%)}
@media(max-width:1099px){.frame{width:calc(100% - 36px)}}
@media(max-width:620px){.frame{width:calc(100% - 24px)}}


:root{
  --mk-blue:#119cff;
  --mk-blue2:#006cff;
  --mk-bg:#020812;
  --mk-panel:#051221;
  --mk-line:rgba(55,151,230,.24);
  --mk-text:#f5f8fd;
  --mk-muted:#9aaabe;
}
*{box-sizing:border-box}
html{scroll-padding-top:90px}
body.mk-body{margin:0;background:var(--mk-bg);color:var(--mk-text);font-family:Inter,Arial,sans-serif}
.mk-body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;
  background:
    radial-gradient(circle at 70% 10%,rgba(0,116,255,.10),transparent 28%),
    radial-gradient(circle at 18% 42%,rgba(0,158,255,.05),transparent 25%),
    #020812;
}
.mk-header{background:rgba(1,7,15,.76)!important;backdrop-filter:blur(18px)}
.mk-nav{display:flex;gap:24px;align-items:center}
.mk-nav a{color:#c9d7e6;text-decoration:none;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.mk-nav a:hover{color:#fff}

.mk-hero{position:relative;overflow:hidden;border-bottom:1px solid rgba(14,142,255,.34);min-height:690px;display:flex;align-items:center}
.mk-hero::before{
  content:"";position:absolute;inset:0;z-index:-2;
  background:
    linear-gradient(90deg,rgba(1,7,16,.95) 0%,rgba(1,7,16,.82) 34%,rgba(1,7,16,.60) 64%,rgba(1,7,16,.90) 100%),
    url("/midiakit/assets/hero-gamer-bg.webp") center/cover no-repeat;
  filter:saturate(.72) brightness(.68);
}
.mk-grid{position:absolute;inset:0;z-index:-1;opacity:.48;background-image:linear-gradient(rgba(30,118,190,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(30,118,190,.08) 1px,transparent 1px);background-size:52px 52px}
.mk-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(520px,.96fr);gap:72px;align-items:center;padding-top:90px;padding-bottom:54px}
.mk-eyebrow{display:inline-block;font:800 10px/1 Rajdhani,Inter,sans-serif;letter-spacing:.18em;color:#4dbbff;text-transform:uppercase;margin-bottom:14px}
.mk-hero-copy h1{font:900 clamp(54px,6.3vw,112px)/.82 Rajdhani,Inter,sans-serif;letter-spacing:-.045em;margin:0 0 22px;background:linear-gradient(180deg,#45c4ff 0%,#0786ff 72%,#0065e7 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.mk-hero-copy>p{max-width:660px;font-size:16px;line-height:1.7;color:#c7d3df}
.mk-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.mk-live-status{margin-top:24px;display:flex;align-items:center;gap:8px;font-size:10px;color:#8fa0b3;text-transform:uppercase}
.mk-live-status strong{margin-left:8px;padding:5px 8px;border:1px solid rgba(45,175,255,.32);border-radius:999px;color:#65c9ff}
.mk-live-dot{width:7px;height:7px;border-radius:50%;background:#2aff91;box-shadow:0 0 12px rgba(42,255,145,.7);animation:mkPulse 1.8s infinite}
@keyframes mkPulse{50%{opacity:.35}}

.mk-hero-visual{position:relative;min-height:510px}
.mk-photo-shell{position:absolute;inset:10px 84px 0 0;border-radius:36px;padding:12px;border:1px solid rgba(29,155,255,.28);background:rgba(3,15,29,.6);box-shadow:0 35px 90px rgba(0,0,0,.4)}
.mk-photo-shell img{width:100%;height:100%;object-fit:cover;border-radius:27px;display:block}
.mk-community-card{position:absolute;right:0;top:104px;width:166px;padding:22px 18px;border:1px solid rgba(38,155,255,.46);border-radius:14px;background:rgba(1,12,25,.92);box-shadow:0 20px 60px rgba(0,0,0,.3)}
.mk-community-card small,.mk-community-card span{display:block;font-size:9px;font-weight:800;color:#b8c6d6}
.mk-community-card strong{display:block;font:900 38px/1 Rajdhani;color:#19a8ff;margin:8px 0}

.mk-summary,.mk-social-section,.mk-cases,.mk-offers{padding-top:74px;padding-bottom:30px}
.mk-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:26px}
.mk-section-head h2{margin:0;font:800 clamp(28px,3vw,48px)/1 Rajdhani,Inter,sans-serif;text-transform:uppercase}
.mk-section-head p{max-width:650px;color:#8fa0b3;font-size:12px;line-height:1.6;margin:8px 0 0}
.mk-refresh{display:flex;align-items:center;gap:12px;color:#8292a5;font-size:10px}
.mk-refresh button,.mk-scroll-controls button{border:1px solid rgba(67,171,255,.4);background:#051523;color:#d9efff;border-radius:9px;height:38px;padding:0 13px;font-weight:800;cursor:pointer}
.mk-refresh button:hover,.mk-scroll-controls button:hover{border-color:#36b3ff;background:#09223a}

.mk-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.mk-summary-card{min-height:132px;padding:21px;border:1px solid var(--mk-line);border-radius:16px;background:linear-gradient(145deg,rgba(8,27,45,.88),rgba(2,11,21,.92));position:relative;overflow:hidden}
.mk-summary-card::after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-36px;top:-36px;background:rgba(0,146,255,.07);filter:blur(5px)}
.mk-summary-card i{font-style:normal;color:#29b2ff;font-size:20px}
.mk-summary-card strong{display:block;margin-top:20px;font:900 30px/1 Rajdhani;color:#fff}
.mk-summary-card span{display:block;margin-top:8px;color:#7f91a5;font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.06em}

.mk-social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.mk-social-card{border:1px solid var(--mk-line);border-radius:16px;background:#04101d;padding:18px;min-height:188px;position:relative}
.mk-social-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mk-platform{display:flex;align-items:center;gap:10px}
.mk-platform-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#091c2e;border:1px solid rgba(77,181,255,.26);font:900 12px Rajdhani}
.mk-platform b{font-size:12px}.mk-platform small{display:block;color:#74879b;font-size:9px;margin-top:2px}
.mk-auto-badge{font-size:8px;padding:5px 7px;border-radius:999px;border:1px solid rgba(45,237,159,.28);color:#58eeb1;background:rgba(26,152,102,.08)}
.mk-manual-badge{border-color:rgba(255,194,71,.28);color:#ffc85b;background:rgba(180,114,0,.08)}
.mk-social-main{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}
.mk-social-main div{border-top:1px solid rgba(255,255,255,.06);padding-top:10px}
.mk-social-main small{display:block;color:#718398;font-size:8px;text-transform:uppercase;font-weight:800}
.mk-social-main strong{display:block;font:800 22px Rajdhani;color:#f4f9ff;margin-top:4px}
.mk-social-card>a{display:inline-flex;margin-top:16px;color:#4dbdff;text-decoration:none;font-size:9px;font-weight:800}

.mk-audience{margin-top:58px;border-top:1px solid rgba(18,129,211,.18);border-bottom:1px solid rgba(18,129,211,.18);background:linear-gradient(110deg,rgba(6,25,43,.72),rgba(1,8,16,.92));padding:70px 0}
.mk-audience-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}
.mk-audience-copy h2{font:800 clamp(32px,4vw,58px)/1 Rajdhani;margin:0 0 16px;text-transform:uppercase}
.mk-audience-copy p{color:#94a4b6;line-height:1.7;font-size:13px}
.mk-audience-bars{display:grid;gap:20px}
.mk-audience-item{display:grid;grid-template-columns:150px 1fr 48px;gap:16px;align-items:center}
.mk-audience-item b{font-size:11px}.mk-audience-item small{display:block;color:#72859a;font-size:9px;margin-top:3px}
.mk-bar{height:6px;border-radius:999px;background:#0c2132;overflow:hidden}.mk-bar span{display:block;height:100%;background:linear-gradient(90deg,#007cff,#42c6ff);border-radius:inherit}
.mk-audience-percent{font:800 17px Rajdhani;color:#39b9ff;text-align:right}

.mk-case-viewport{overflow:hidden}
.mk-cases-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 0 18px;scrollbar-width:thin;scrollbar-color:#5d6b77 #e9eef1}
.mk-case-card{flex:0 0 315px;scroll-snap-align:start;border:1px solid rgba(90,166,222,.25);border-radius:16px;background:#050d16;overflow:hidden;display:flex;flex-direction:column}
.mk-case-media{height:260px;position:relative;background:#06111e;flex:none}
.mk-case-media>img.mk-case-bg{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.86)}
.mk-case-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(2,7,13,.90) 100%)}
.mk-case-media-video::after{display:none}
.mk-case-media-video{isolation:isolate;background:#020810}
.mk-case-embed{
  position:absolute;
  z-index:1;
  top:-58px;
  left:50%;
  width:calc(100% + 36px);
  height:430px;
  border:0;
  display:block;
  background:#020810;
  transform:translateX(-50%);
}
.mk-case-fallback{
  position:absolute;
  z-index:0;
  inset:0;
  display:flex;
  align-items:flex-end;
  gap:12px;
  padding:18px;
  background-position:center;
  background-size:cover;
}
.mk-case-fallback-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,7,14,.12),rgba(1,8,16,.94))}
.mk-case-fallback>img{position:relative;z-index:1;width:48px;height:48px;border-radius:12px;padding:8px;background:#fff;object-fit:contain}
.mk-case-fallback>div{position:relative;z-index:1;display:grid;gap:3px}
.mk-case-fallback b{color:#fff;font:800 15px/1 Rajdhani,Inter,sans-serif;text-transform:uppercase}
.mk-case-fallback small{color:#52bfff;font-size:8px;font-weight:900;letter-spacing:.08em}
.mk-case-video-unavailable .mk-case-embed{display:none}
.mk-case-video-unavailable .mk-case-fallback{z-index:2}
.mk-case-logo{position:absolute;z-index:2;left:16px;bottom:15px;width:48px;height:48px;border-radius:50%;padding:8px;background:#fff;border:2px solid rgba(255,255,255,.8);object-fit:contain}
.mk-case-play{position:absolute;z-index:2;right:18px;bottom:18px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#0c9dff;color:#fff;font-size:15px;box-shadow:0 0 26px rgba(0,144,255,.34)}
.mk-case-content{padding:16px;flex:1 1 auto;display:flex;flex-direction:column;min-width:0}
.mk-case-content small{color:#41baff;text-transform:uppercase;font-size:8px;font-weight:900;letter-spacing:.08em}
.mk-case-content h3{font:800 17px Rajdhani;margin:6px 0;color:#fff}
.mk-case-content p{font-size:10px;color:#8292a4;line-height:1.55;min-height:47px;word-wrap:break-word}
.mk-case-content a{min-height:34px;padding:0 16px;margin-top:auto;display:flex;align-items:center;justify-content:center;border-radius:9px;border:1px solid rgba(17,156,255,.35);background:rgba(3,15,27,.55);backdrop-filter:blur(6px);color:#c9e9ff;text-decoration:none;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}
.mk-case-content a:hover{background:rgba(17,156,255,.14);border-color:rgba(17,156,255,.72);color:#fff;box-shadow:0 0 18px rgba(0,132,255,.22)}
.mk-case-content a:active{transform:scale(.97)}

.mk-partners{margin-top:68px;padding:68px 0;background:#01060d;border-top:1px solid rgba(24,133,216,.16);border-bottom:1px solid rgba(24,133,216,.16)}
.mk-partners-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:22px}
.mk-partner-item{text-align:center;min-width:0}
.mk-partner-logo{width:88px;height:88px;border-radius:50%;margin:auto;background:#f8fafc;display:grid;place-items:center;border:1px solid rgba(80,171,232,.28);overflow:hidden;padding:15px}
.mk-partner-logo img{width:100%;height:100%;object-fit:contain}
.mk-partner-item b{display:block;font:700 10px Rajdhani;margin-top:8px;color:#d9e2ec}

.mk-offers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.mk-offer-card{border:1px solid var(--mk-line);border-radius:16px;padding:24px;background:linear-gradient(145deg,#06182a,#03101d);min-height:180px}
.mk-offer-card i{font-style:normal;font-size:22px;color:#28b1ff}
.mk-offer-card h3{font:800 18px Rajdhani;margin:32px 0 8px}.mk-offer-card p{font-size:10px;line-height:1.6;color:#8293a6}

.mk-contact{margin-top:70px;padding:58px 0;border-top:1px solid rgba(25,145,229,.25);background:radial-gradient(circle at 72% 50%,rgba(0,134,255,.18),transparent 25%),linear-gradient(90deg,#03101c,#020914)}
.mk-contact-inner{display:flex;align-items:stretch;justify-content:space-between;gap:48px}
.mk-contact h2{font:900 clamp(32px,4.4vw,66px)/.95 Rajdhani;margin:0;text-transform:uppercase;max-width:900px}
.mk-contact p{color:#899bad;font-size:12px;max-width:700px;line-height:1.6}
.mk-contact .btn{white-space:nowrap}

.mk-contact-form{flex:1 1 auto;max-width:640px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-content:start}
.mk-field{display:flex;flex-direction:column;gap:7px;margin:0}
.mk-field-full{grid-column:1/-1}
.mk-field span{font-size:8.5px;font-weight:900;letter-spacing:.12em;color:#718ba2}
.mk-field input,.mk-field select,.mk-field textarea{
  width:100%;border:1px solid rgba(64,178,255,.32);border-radius:10px;background:rgba(2,14,26,.8);
  color:#eef9ff;font:600 12px/1.5 Inter,sans-serif;padding:11px 13px;outline:none;transition:border-color .2s ease,box-shadow .2s ease
}
.mk-field input::placeholder,.mk-field textarea::placeholder{color:#5b738b}
.mk-field input:focus,.mk-field select:focus,.mk-field textarea:focus{border-color:#2bb0ff;box-shadow:0 0 0 3px rgba(0,132,255,.16)}
.mk-field textarea{resize:vertical;min-height:108px}
.mk-field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#55c2ff 50%),linear-gradient(135deg,#55c2ff 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat;cursor:pointer}
.mk-field select option{background:#071c2d;color:#eef9ff}
.mk-form-bottom{grid-column:1/-1;display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:4px}
.mk-form-status{font-size:10px;font-weight:800;letter-spacing:.05em;color:#899bad;max-width:340px;line-height:1.5}
.mk-form-status.is-ok{color:#2aff91}
.mk-form-status.is-error{color:#ff6b6b}
.mk-form-status.is-warn{color:#ffd166}
.mk-form-status.is-warn{color:#ffc857}
.mk-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}

.mk-footer{padding:22px 0;border-top:1px solid rgba(25,133,215,.18);background:#01060c}
.mk-footer-inner{display:flex;align-items:center;justify-content:space-between;color:#718297;font-size:9px;text-transform:uppercase}
.mk-footer a{color:#9bb0c5;text-decoration:none;font-weight:800}

@media(max-width:1200px){
  .mk-hero-inner{grid-template-columns:1fr 1fr;gap:34px}
  .mk-summary-grid,.mk-social-grid,.mk-offers-grid{grid-template-columns:repeat(2,1fr)}
  .mk-partners-grid{grid-template-columns:repeat(5,1fr)}
  .mk-contact-inner{gap:36px}
}
@media(max-width:900px){
  .mk-nav{display:none}
  .mk-hero{min-height:auto}
  .mk-hero-inner{grid-template-columns:1fr;padding-top:125px}
  .mk-hero-visual{min-height:500px}
  .mk-audience-inner{grid-template-columns:1fr;gap:42px}
  .mk-partners-grid{grid-template-columns:repeat(4,1fr)}
  .mk-contact-inner{align-items:flex-start;flex-direction:column}
  .mk-contact-form{max-width:100%}
}
@media(max-width:620px){
  .mk-header .btn-top{display:none}
  .mk-hero-inner{padding-top:105px}
  .mk-hero-copy h1{font-size:58px}
  .mk-hero-visual{min-height:390px}
  .mk-photo-shell{inset:0 40px 0 0;border-radius:24px}
  .mk-community-card{top:70px;width:124px;padding:15px 12px}
  .mk-community-card strong{font-size:28px}
  .mk-summary-grid,.mk-social-grid,.mk-offers-grid{grid-template-columns:1fr}
  .mk-section-head{align-items:flex-start;flex-direction:column}
  .mk-audience-item{grid-template-columns:105px 1fr 38px;gap:9px}
  .mk-case-card{flex-basis:82vw}
  .mk-partners-grid{grid-template-columns:repeat(3,1fr);gap:16px}
  .mk-partner-logo{width:72px;height:72px}
  .mk-footer-inner{gap:14px;flex-wrap:wrap}
  .mk-contact-form{grid-template-columns:1fr;gap:12px}
  .mk-form-bottom{flex-direction:column;align-items:stretch}
  .mk-form-status{max-width:none}
  .mk-contact .btn{width:100%}
}


/* =========================================================
   V8.2 — ORDEM DO MEDIA KIT BASEADA NA REFERÊNCIA
   Hero > números > cases > parceiros > redes > audiência >
   formatos > contato
   ========================================================= */
.mk-summary{padding-bottom:42px}
.mk-cases{padding-top:58px}
.mk-partners{margin-top:38px}
.mk-social-section{padding-top:72px}
.mk-audience{margin-top:44px}
#cases,#parceiros,#redes,#audiencia{scroll-margin-top:92px}


/* V8.3 — Nova foto do Media Kit enviada pelo DELTA */
.mk-photo-shell img{
  object-position:center 32% !important;
}
@media(max-width:620px){
  .mk-photo-shell img{
    object-position:center 28% !important;
  }
}


/* =========================================================
   V8.4 — HERO DO MEDIA KIT
   MEDIA KIT azul / DELTA branco + foto vertical bem enquadrada
   ========================================================= */
.mk-hero-inner{
  grid-template-columns:minmax(0,.92fr) minmax(430px,.72fr) !important;
  gap:72px !important;
}
.mk-main-title{
  margin:0 0 22px !important;
  line-height:.82 !important;
}
.mk-main-title #mkTitle{
  display:block !important;
  font:900 clamp(58px,6vw,104px)/.82 Rajdhani,Inter,sans-serif !important;
  letter-spacing:-.045em !important;
  background:linear-gradient(180deg,#45c4ff 0%,#0786ff 72%,#0065e7 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}
.mk-main-title #mkBrandTitle{
  display:block !important;
  margin-top:12px !important;
  font:900 clamp(43px,4.7vw,78px)/.84 Rajdhani,Inter,sans-serif !important;
  letter-spacing:-.035em !important;
  color:#f6f9ff !important;
  background:none !important;
  -webkit-text-fill-color:#f6f9ff !important;
}

/* A foto enviada é vertical. Em vez de esticar/cortar demais,
   a moldura acompanha melhor a proporção original. */
.mk-hero-visual{
  min-height:570px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.mk-photo-shell{
  position:absolute !important;
  width:min(430px,78%) !important;
  height:540px !important;
  inset:auto 90px auto auto !important;
  border-radius:30px !important;
  padding:10px !important;
}
.mk-photo-shell img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 36% !important;
  border-radius:22px !important;
}
.mk-community-card{
  right:0 !important;
  top:150px !important;
}

@media(max-width:1200px){
  .mk-hero-inner{
    grid-template-columns:minmax(0,1fr) minmax(390px,.8fr) !important;
    gap:38px !important;
  }
  .mk-photo-shell{
    width:min(390px,80%) !important;
    height:510px !important;
    right:64px !important;
  }
}

@media(max-width:900px){
  .mk-hero-inner{grid-template-columns:1fr !important}
  .mk-hero-visual{min-height:580px !important}
  .mk-photo-shell{
    width:min(430px,82%) !important;
    height:540px !important;
    right:50% !important;
    transform:translateX(50%) !important;
  }
  .mk-community-card{right:5% !important}
}

@media(max-width:620px){
  .mk-main-title #mkTitle{font-size:58px !important}
  .mk-main-title #mkBrandTitle{font-size:43px !important;margin-top:9px !important}
  .mk-hero-visual{min-height:500px !important}
  .mk-photo-shell{
    width:82% !important;
    height:470px !important;
    right:50% !important;
    transform:translateX(50%) !important;
  }
  .mk-community-card{top:95px !important;right:1% !important}
}


/* =========================================================
   V8.6 — CASES + PARCEIROS EM ROLAGEM
   + luz sequencial nas logos dos parceiros
   ========================================================= */

/* CASES: continua em rolagem horizontal, agora mais suave e com snap */
.mk-case-viewport{
  overflow:hidden !important;
}
.mk-cases-track{
  display:flex !important;
  gap:14px !important;
  overflow-x:auto !important;
  scroll-behavior:smooth !important;
  scroll-snap-type:x mandatory !important;
  scrollbar-width:thin !important;
  padding:2px 0 18px !important;
}
.mk-case-card{
  scroll-snap-align:start !important;
}

/* PARCEIROS: deixa de ser grade fixa e vira carrossel horizontal */
.mk-partners-viewport{
  position:relative;
  overflow:hidden;
}
.mk-partners-grid{
  display:flex !important;
  grid-template-columns:none !important;
  gap:20px !important;
  overflow-x:auto !important;
  scroll-behavior:smooth !important;
  scroll-snap-type:x mandatory !important;
  scrollbar-width:thin !important;
  padding:6px 2px 20px !important;
}
.mk-partner-item{
  flex:0 0 128px !important;
  scroll-snap-align:start !important;
  min-width:128px !important;
  position:relative !important;
}
.mk-partner-logo{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease !important;
}

/* Faixa de luz que passa em UMA logo por vez */
.mk-partner-logo::before{
  content:"" !important;
  position:absolute !important;
  z-index:3 !important;
  top:-20% !important;
  left:-85% !important;
  width:38% !important;
  height:145% !important;
  opacity:0;
  pointer-events:none !important;
  transform:skewX(-18deg);
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(255,255,255,.08) 20%,
    rgba(255,255,255,.95) 49%,
    rgba(91,201,255,.72) 65%,
    transparent 100%
  ) !important;
  filter:blur(.4px);
}

/* Glow sincronizado da logo ativa */
.mk-partner-item.is-lit .mk-partner-logo{
  transform:translateY(-3px) scale(1.035) !important;
  border-color:rgba(86,198,255,.95) !important;
  box-shadow:
    0 0 8px rgba(100,214,255,.62),
    0 0 22px rgba(0,145,255,.34) !important;
}
.mk-partner-item.is-lit .mk-partner-logo::before{
  animation:mkPartnerSweep .78s ease-out 1 !important;
}

@keyframes mkPartnerSweep{
  0%{left:-85%;opacity:0}
  12%{opacity:.95}
  78%{opacity:.92}
  100%{left:145%;opacity:0}
}

@media(max-width:620px){
  .mk-partner-item{
    flex-basis:104px !important;
    min-width:104px !important;
  }
  .mk-partners-grid{
    gap:14px !important;
  }
}


/* =========================================================
   V8.7 — CORREÇÃO
   CASES & PARCERIAS = rolagem automática
   BRAND PARTNERS = grade fixa + luz pulando de logo em logo
   ========================================================= */

/* BRAND PARTNERS volta a ser grade fixa, sem rolagem */
.mk-partners-viewport{
  overflow:visible !important;
}
.mk-partners-grid{
  display:grid !important;
  grid-template-columns:repeat(7,1fr) !important;
  gap:22px !important;
  overflow:visible !important;
  scroll-snap-type:none !important;
  scrollbar-width:auto !important;
  padding:0 !important;
}
.mk-partner-item{
  flex:none !important;
  min-width:0 !important;
  width:auto !important;
  scroll-snap-align:none !important;
}

/* Mantém a luz sequencial */
.mk-partner-logo{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
}
.mk-partner-logo::before{
  content:"" !important;
  position:absolute !important;
  z-index:3 !important;
  top:-20% !important;
  left:-85% !important;
  width:38% !important;
  height:145% !important;
  opacity:0;
  pointer-events:none !important;
  transform:skewX(-18deg);
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(255,255,255,.08) 20%,
    rgba(255,255,255,.95) 49%,
    rgba(91,201,255,.72) 65%,
    transparent 100%
  ) !important;
  filter:blur(.4px);
}
.mk-partner-item.is-lit .mk-partner-logo{
  transform:translateY(-3px) scale(1.035) !important;
  border-color:rgba(86,198,255,.95) !important;
  box-shadow:
    0 0 8px rgba(100,214,255,.62),
    0 0 22px rgba(0,145,255,.34) !important;
}
.mk-partner-item.is-lit .mk-partner-logo::before{
  animation:mkPartnerSweep .78s ease-out 1 !important;
}

@media(max-width:1200px){
  .mk-partners-grid{
    grid-template-columns:repeat(5,1fr) !important;
  }
}
@media(max-width:900px){
  .mk-partners-grid{
    grid-template-columns:repeat(4,1fr) !important;
  }
}
@media(max-width:620px){
  .mk-partners-grid{
    grid-template-columns:repeat(3,1fr) !important;
    gap:16px !important;
  }
}


/* =========================================================
   V8.8 — CASES & PARCERIAS COM LOOP INFINITO REAL
   Movimento contínuo como a galeria da Home.
   ========================================================= */

.mk-case-viewport{
  overflow:hidden !important;
  position:relative !important;
}

.mk-cases-track{
  display:flex !important;
  gap:14px !important;
  overflow-x:auto !important;
  scroll-behavior:auto !important;
  scroll-snap-type:none !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
  padding:2px 0 18px !important;
}

.mk-cases-track::-webkit-scrollbar{
  display:none !important;
}

.mk-case-card{
  flex:0 0 315px !important;
  scroll-snap-align:none !important;
}

/* Fade leve nas laterais para dar sensação de continuidade */
.mk-case-viewport::before,
.mk-case-viewport::after{
  content:"";
  position:absolute;
  top:0;
  bottom:18px;
  width:54px;
  z-index:4;
  pointer-events:none;
}

.mk-case-viewport::before{
  left:0;
  background:linear-gradient(90deg,#020812,rgba(2,8,18,0));
}

.mk-case-viewport::after{
  right:0;
  background:linear-gradient(270deg,#020812,rgba(2,8,18,0));
}

@media(max-width:620px){
  .mk-case-card{
    flex-basis:82vw !important;
  }
  .mk-case-viewport::before,
  .mk-case-viewport::after{
    width:28px;
  }
}


/* =========================================================
   V8.9 — CASES COM MOVIMENTO AUTOMÁTICO CONTÍNUO REAL
   O trilho inteiro se move sozinho, sem clique e sem scroll manual.
   ========================================================= */

.mk-case-viewport{
  overflow:hidden !important;
  position:relative !important;
}

.mk-cases-track{
  display:flex !important;
  width:max-content !important;
  gap:14px !important;
  overflow:visible !important;
  padding:2px 0 18px !important;
  scrollbar-width:none !important;
  scroll-snap-type:none !important;
  will-change:transform !important;
  transform:translate3d(0,0,0);
}

.mk-cases-track.is-auto-running{
  animation:mkCasesInfiniteMove var(--mk-loop-duration,32s) linear infinite !important;
}

.mk-case-viewport:hover .mk-cases-track.is-auto-running{
  animation-play-state:paused !important;
}

@keyframes mkCasesInfiniteMove{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(calc(-1 * var(--mk-loop-distance,1000px)),0,0)}
}

/* Esconde scrollbar residual */
.mk-cases-track::-webkit-scrollbar{
  display:none !important;
}

/* Cards mantêm largura fixa no desktop */
.mk-case-card{
  flex:0 0 315px !important;
}

@media(max-width:620px){
  .mk-case-card{
    flex:0 0 82vw !important;
  }
}


/* =========================================================
   V9.0 — MÉTRICAS DETALHADAS / CONTROLES DO ADMIN
   ========================================================= */
.mk-live-detail{padding-top:72px;padding-bottom:32px}
.mk-platform-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.mk-platform-tabs button{
  min-height:34px;padding:0 12px;border-radius:9px;
  border:1px solid rgba(77,174,244,.25);
  background:#061421;color:#93a5b8;font-size:9px;font-weight:900;cursor:pointer
}
.mk-platform-tabs button.is-active{
  background:#f7f9fc;color:#07101a;border-color:#fff
}
.mk-live-meta{
  display:flex;align-items:center;gap:9px;margin:-10px 0 22px;
  color:#7d8ea0;font-size:9px;text-transform:uppercase
}
.mk-live-meta strong{
  color:#5fc8ff;border:1px solid rgba(52,173,255,.25);
  padding:5px 8px;border-radius:999px
}
.mk-live-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.mk-live-stat{
  min-height:105px;border:1px solid rgba(69,154,219,.16);
  border-radius:12px;background:#0a1016;padding:16px 18px
}
.mk-live-stat small{display:block;font-size:8px;color:#9cadbd;font-weight:900;text-transform:uppercase}
.mk-live-stat strong{display:block;margin-top:10px;font:900 27px/1 Rajdhani;color:#fff}
.mk-live-stat em{display:block;margin-top:7px;font-style:normal;font-size:8px;color:#4cbcff}
.mk-live-audience{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.mk-live-panel{border:1px solid rgba(69,154,219,.14);border-radius:12px;background:#0a1016;padding:18px;min-height:180px}
.mk-live-panel[hidden]{display:none!important}
.mk-live-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.mk-live-panel-head b{font-size:9px;letter-spacing:.08em}
.mk-live-panel-head span{color:#8fa1b4}
.mk-donut-wrap{display:flex;align-items:center;justify-content:center;gap:28px}
.mk-donut{
  width:120px;height:120px;border-radius:50%;
  background:conic-gradient(#f5f7fa 0 var(--male,50%),#707983 var(--male,50%) 100%);
  position:relative
}
.mk-donut::after{content:"";position:absolute;inset:29px;border-radius:50%;background:#0a1016}
.mk-legend{font-size:10px}.mk-legend div{display:flex;gap:9px;align-items:center;margin:6px 0}.mk-legend i{width:8px;height:8px;border-radius:50%;background:#f5f7fa}.mk-legend div:last-child i{background:#707983}
.mk-bar-row{display:grid;grid-template-columns:90px 1fr 48px;gap:10px;align-items:center;margin:10px 0}
.mk-bar-row span{font-size:9px;color:#cbd5df}.mk-bar-row b{font-size:9px;text-align:right}
.mk-mini-bar{height:6px;background:#252b31;border-radius:999px;overflow:hidden}.mk-mini-bar i{display:block;height:100%;background:#f4f6f8}
.mk-empty-data{color:#718294;font-size:10px;line-height:1.6;padding:12px 0}
@media(max-width:900px){
  .mk-live-summary{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .mk-live-summary,.mk-live-audience{grid-template-columns:1fr}
  .mk-platform-tabs{justify-content:flex-start}
}


/* =========================================================
   V9.1 — HOVER ZOOM NOS CASES
   Ao passar o mouse:
   - o carrossel já pausa;
   - o card em foco aproxima levemente;
   - imagem ganha zoom sutil;
   - borda/glow azul reforçam o destaque.
   ========================================================= */

.mk-case-card{
  position:relative !important;
  z-index:1;
  transition:
    transform .28s cubic-bezier(.2,.8,.2,1),
    border-color .28s ease,
    box-shadow .28s ease !important;
  transform-origin:center center !important;
}

.mk-case-card:hover{
  transform:scale(1.035) translateY(-4px) !important;
  z-index:8 !important;
  border-color:rgba(78,190,255,.72) !important;
  box-shadow:
    0 12px 34px rgba(0,0,0,.34),
    0 0 0 1px rgba(56,171,255,.20),
    0 0 24px rgba(0,132,255,.16) !important;
}

/* A foto também aproxima um pouco dentro do card */
.mk-case-media{
  overflow:hidden !important;
}

.mk-case-media > img.mk-case-bg{
  transition:
    transform .38s cubic-bezier(.2,.8,.2,1),
    filter .30s ease !important;
}

.mk-case-card:hover .mk-case-media > img.mk-case-bg{
  transform:scale(1.055) !important;
  filter:saturate(.96) brightness(1.03) !important;
}

/* Botão play reage de leve junto */
.mk-case-play{
  transition:
    transform .28s ease,
    box-shadow .28s ease !important;
}

.mk-case-card:hover .mk-case-play{
  transform:scale(1.08) !important;
  box-shadow:0 0 30px rgba(0,157,255,.52) !important;
}

/* Evita corte do card ampliado nas bordas verticais */
.mk-case-viewport{
  padding-top:10px !important;
  padding-bottom:10px !important;
}

/* No touch/mobile não força zoom de hover */
@media(hover:none){
  .mk-case-card:hover{
    transform:none !important;
    box-shadow:none !important;
  }
  .mk-case-card:hover .mk-case-media > img.mk-case-bg{
    transform:none !important;
  }
}


/* =========================================================
   V10.0 — ANALYTICS AO VIVO, DESIGN DELTA
   ========================================================= */
.mk-analytics{padding-top:72px;padding-bottom:36px}
.mk-analytics-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.mk-platform-tabs,.mk-period-tabs{display:flex;gap:7px;flex-wrap:wrap}
.mk-platform-tabs button,.mk-period-tabs button{
  min-height:34px;padding:0 12px;border-radius:9px;
  border:1px solid rgba(73,170,240,.25);background:#061523;
  color:#8fa2b6;font-size:9px;font-weight:900;cursor:pointer
}
.mk-platform-tabs button.is-active,.mk-period-tabs button.is-active{
  color:#fff;border-color:#2aafff;background:rgba(0,131,245,.17);
  box-shadow:0 0 16px rgba(0,137,255,.10)
}
.mk-sync-row{display:flex;align-items:center;gap:9px;margin:-8px 0 22px;color:#8092a5;font-size:9px;text-transform:uppercase}
.mk-sync-row strong{padding:5px 8px;border:1px solid rgba(53,181,255,.26);border-radius:999px;color:#55c5ff}
.mk-analytics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.mk-analytics-card{
  min-height:108px;padding:17px 18px;border:1px solid rgba(68,154,220,.17);
  border-radius:13px;background:linear-gradient(145deg,#0a1119,#071019)
}
.mk-analytics-card small{display:block;color:#98a9ba;font-size:8px;font-weight:900;text-transform:uppercase}
.mk-analytics-card strong{display:block;margin-top:10px;font:900 28px/1 Rajdhani;color:#f7fbff}
.mk-analytics-card span{display:block;margin-top:7px;color:#4ebeff;font-size:8px;text-transform:uppercase}
.mk-analytics-audience{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.mk-data-panel{min-height:190px;padding:18px;border:1px solid rgba(68,154,220,.14);border-radius:13px;background:#0a1016}
.mk-data-panel[hidden]{display:none!important}
.mk-data-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
.mk-data-head b{font-size:9px;letter-spacing:.08em}.mk-data-head span{color:#8799aa}
.mk-analytics-empty{font-size:10px;color:#718396;line-height:1.6;padding:10px 0}
.mk-data-row{display:grid;grid-template-columns:95px 1fr 48px;gap:10px;align-items:center;margin:10px 0}
.mk-data-row label{font-size:9px;color:#c5d0da}.mk-data-row b{text-align:right;font-size:9px}
.mk-data-bar{height:6px;border-radius:999px;background:#262d34;overflow:hidden}.mk-data-bar i{display:block;height:100%;background:#f7f8fa}
.mk-gender{display:flex;align-items:center;justify-content:center;gap:28px}
.mk-gender-chart{width:122px;height:122px;border-radius:50%;background:conic-gradient(#f4f7fa 0 var(--male,50%),#6f7881 var(--male,50%) 100%);position:relative}
.mk-gender-chart::after{content:"";position:absolute;inset:29px;border-radius:50%;background:#0a1016}
.mk-gender-legend{font-size:10px}.mk-gender-legend div{margin:7px 0}.mk-gender-legend b{margin-left:8px}
@media(max-width:1050px){.mk-analytics-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.mk-analytics-grid,.mk-analytics-audience{grid-template-columns:1fr}.mk-analytics-tools{justify-content:flex-start}.mk-data-row{grid-template-columns:78px 1fr 40px}}


/* V10.1 — Controle total pelo Admin */
[hidden]{display:none!important}
.mk-analytics-card strong + span{
  line-height:1.4;
}


/* =========================================================
   V12 — APRESENTAÇÃO PÚBLICA + PARCEIROS EM LOOP CONTÍNUO
   ========================================================= */

/* Terceiro CTA entre parceria e retorno ao site */
.btn-story{
  background:rgba(5,21,35,.88);
  border:1px solid rgba(62,185,255,.72);
  color:#eaf7ff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 8px 24px rgba(0,129,255,.08)
}
.btn-story:hover{
  background:#0a2a43;
  border-color:#62caff;
  box-shadow:0 0 24px rgba(42,177,255,.18)
}

/* Parceiros com a mesma ideia de rolagem contínua da Home */
.mk-partners-viewport{
  position:relative !important;
  overflow:hidden !important;
  width:100% !important;
  padding:7px 0 12px !important;
}
.mk-partners-grid{
  display:flex !important;
  grid-template-columns:none !important;
  width:max-content !important;
  gap:0 !important;
  overflow:visible !important;
  scroll-snap-type:none !important;
  scrollbar-width:none !important;
  padding:0 !important;
  will-change:transform !important;
  transform:translate3d(0,0,0);
}
.mk-partners-grid.is-auto-running{
  animation:mkPartnersInfiniteMove var(--mk-partner-loop-duration,34s) linear infinite !important;
}
.mk-partners-viewport:hover .mk-partners-grid.is-auto-running{
  animation-play-state:paused !important;
}
@keyframes mkPartnersInfiniteMove{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(calc(-1 * var(--mk-partner-loop-distance,1000px)),0,0)}
}
.mk-partner-item{
  flex:0 0 150px !important;
  min-width:150px !important;
  width:150px !important;
  padding:0 12px !important;
  text-decoration:none !important;
  scroll-snap-align:none !important;
  box-sizing:border-box !important;
}
.mk-partners-viewport::before,
.mk-partners-viewport::after{
  content:"";
  position:absolute;
  z-index:8;
  top:0;
  bottom:0;
  width:64px;
  pointer-events:none;
}
.mk-partners-viewport::before{left:0;background:linear-gradient(90deg,#01060d,rgba(1,6,13,0))}
.mk-partners-viewport::after{right:0;background:linear-gradient(270deg,#01060d,rgba(1,6,13,0))}

/* Não mostra origem técnica do número ao visitante. */
.mk-live-stat em,
.mk-analytics-card > span:empty{display:none !important}

@media(max-width:620px){
  .mk-actions{display:grid !important;grid-template-columns:1fr !important;width:100%}
  .mk-actions .btn{width:100%;justify-content:center}
  .mk-partner-item{flex-basis:118px !important;min-width:118px !important;width:118px !important;padding:0 8px !important}
  .mk-partners-viewport::before,.mk-partners-viewport::after{width:28px}
}


/* =========================================================
   V14 — MÉTRICAS POR NICHO
   ========================================================= */
.mk-analytics-niches{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.mk-analytics-niche{
  min-width:0;
  padding:22px;
  border:1px solid rgba(68,154,220,.20);
  border-radius:18px;
  background:
    radial-gradient(circle at 90% 0%,rgba(0,145,255,.09),transparent 34%),
    linear-gradient(145deg,#07111b,#050c13);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.mk-niche-head{padding-bottom:16px;border-bottom:1px solid rgba(84,161,219,.13)}
.mk-niche-kicker{display:block;color:#45bbff;font-size:8px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.mk-niche-head h3{margin:7px 0 4px;font:900 25px/1.05 Rajdhani,Inter,sans-serif;color:#f6fbff}
.mk-niche-head p{margin:0;color:#8295a8;font-size:10px;line-height:1.55}
.mk-niche-platform-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0 13px}
.mk-niche-platform-tabs button{
  min-height:32px;padding:0 10px;border-radius:9px;
  border:1px solid rgba(73,170,240,.22);background:#061523;
  color:#8fa2b6;font-size:8px;font-weight:900;cursor:pointer
}
.mk-niche-platform-tabs button.is-active{
  color:#fff;border-color:#2aafff;background:rgba(0,131,245,.18);
  box-shadow:0 0 16px rgba(0,137,255,.10)
}
.mk-niche-source-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}
.mk-niche-source-meta>div{min-width:0}.mk-niche-source-meta b{display:block;color:#eef8ff;font-size:10px}
.mk-niche-source-meta span{display:block;margin-top:2px;color:#6f8498;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-niche-source-meta a{flex:0 0 auto;color:#4cc0ff;font-size:8px;font-weight:900;text-decoration:none}
.mk-niche-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mk-niche-metrics .mk-analytics-card{min-height:94px;padding:14px 15px}
.mk-niche-metrics .mk-analytics-card strong{font-size:25px}
.mk-niche-audience{grid-template-columns:1fr;margin-top:12px}
.mk-niche-audience .mk-data-panel{min-height:auto}
.mk-niche-empty{min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;color:#8295a8}
.mk-niche-empty strong{color:#eef8ff;font:800 19px/1 Rajdhani,Inter,sans-serif}.mk-niche-empty span{font-size:9px}
@media(max-width:900px){
  .mk-analytics-niches{grid-template-columns:1fr}
}
@media(max-width:560px){
  .mk-analytics-niche{padding:17px}
  .mk-niche-metrics{grid-template-columns:1fr}
  .mk-niche-source-meta{align-items:flex-start}
}


/* V15 — contatos diretos e interface pública limpa */
.mk-live-status,
.mk-refresh{display:none !important}
.mk-sync-row[hidden],
.mk-live-meta[hidden]{display:none !important}

.mk-contact-copy{flex:1;min-width:0}
.mk-contact-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px;max-width:820px}
.mk-contact-channel{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;padding:14px 15px;border:1px solid rgba(61,177,255,.28);border-radius:12px;background:rgba(3,18,31,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.mk-contact-channel>div{min-width:0}
.mk-contact-channel small{display:block;margin-bottom:5px;color:#718ba2;font-size:8px;font-weight:900;letter-spacing:.12em}
.mk-contact-channel a{display:block;overflow:hidden;text-overflow:ellipsis;color:#eef9ff;font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap}
.mk-contact-channel a:hover{color:#49bdff}
.mk-copy-email{flex:0 0 auto;border:1px solid rgba(54,180,255,.48);border-radius:8px;background:#071c2d;color:#55c2ff;padding:9px 11px;font:900 8px/1 Inter,sans-serif;letter-spacing:.06em;cursor:pointer;transition:.2s ease}
.mk-copy-email:hover{transform:translateY(-1px);border-color:#55c2ff;background:#0a263d;color:#fff}

@media(max-width:900px){
  .mk-contact-channels{grid-template-columns:1fr;width:min(100%,620px)}
}
@media(max-width:560px){
  .mk-contact-channel{align-items:flex-start;flex-direction:column}
  .mk-contact-channel a{white-space:normal;word-break:break-all}
  .mk-copy-email{width:100%;padding:11px 12px}
}