/* MAJOR CACHOEIRENSE - PUBLIC PORTAL V2 */

:root{
 --mc-bg:#050914;
 --mc-panel:#0c1423;
 --mc-panel2:#101b2e;
 --mc-line:rgba(76,151,255,.23);
 --mc-text:#f5f8ff;
 --mc-muted:#8492aa;
 --mc-blue:#4da3ff;
 --mc-red:#ff3154;
}

html{
 scroll-behavior:smooth;
}

body.mc-public-v2{
 background:
  radial-gradient(circle at 50% -120px,
   rgba(39,113,255,.16),
   transparent 480px),
  var(--mc-bg) !important;
 color:var(--mc-text);
}

/* HERO */

body.mc-public-v2 .hero{
 min-height:185px !important;
 margin-top:18px;
 padding:30px 34px !important;
 border:1px solid var(--mc-line) !important;
 border-radius:18px !important;
 overflow:hidden;
 box-shadow:0 18px 45px rgba(0,0,0,.28);
}

body.mc-public-v2 .hero h1{
 font-size:clamp(32px,4vw,52px) !important;
 line-height:1 !important;
 letter-spacing:-1.5px;
}

body.mc-public-v2 .hero p{
 max-width:570px;
 color:#99a6ba !important;
}

body.mc-public-v2 #updated{
 display:inline-block;
 margin-top:12px;
 padding:5px 10px;
 border-radius:999px;
 border:1px solid rgba(77,163,255,.17);
 color:#7788a4;
}

/* LIDER */

body.mc-public-v2 #leaderCard{
 border:1px solid rgba(77,163,255,.32) !important;
 border-radius:15px !important;
 background:
  linear-gradient(145deg,
   rgba(17,37,69,.96),
   rgba(7,15,29,.98)) !important;
}

/* METRICAS */

body.mc-public-v2 .metrics{
 display:grid !important;
 grid-template-columns:
  minmax(210px,1.45fr)
  repeat(5,minmax(90px,1fr)) !important;
 gap:10px !important;
 margin-top:14px !important;
}

body.mc-public-v2 .metrics > *{
 min-width:0;
 border:1px solid var(--mc-line) !important;
 border-radius:13px !important;
 background:
  linear-gradient(145deg,
   rgba(15,26,45,.97),
   rgba(7,13,25,.98)) !important;
}

body.mc-public-v2 .metrics > div:not(.youtube-metric-box){
 min-height:82px;
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:center;
 text-align:center;
}

body.mc-public-v2 .metrics strong{
 font-size:27px !important;
 line-height:1 !important;
}

body.mc-public-v2 .metrics span{
 margin-top:7px;
 font-size:10px !important;
 font-weight:800;
 letter-spacing:.8px;
 color:#76849c;
}

body.mc-public-v2 #mTeams{
 display:block !important;
}

/* TRANSMISSAO */

body.mc-public-v2 .youtube-metric-box{
 overflow:hidden;
}

body.mc-public-v2 .youtube-metric-link{
 min-height:82px !important;
 border-radius:13px !important;
 border:1px solid rgba(255,49,84,.42) !important;
 background:
  radial-gradient(circle at 0 50%,
   rgba(255,40,75,.25),
   transparent 62%),
  #0c0e16 !important;
}

body.mc-public-v2 .youtube-metric-text small{
 color:#ff7087 !important;
}

/* PAINEIS */

body.mc-public-v2 .panel{
 border:1px solid var(--mc-line) !important;
 border-radius:16px !important;
 background:
  linear-gradient(150deg,
   rgba(14,23,40,.99),
   rgba(7,12,23,.99)) !important;
 box-shadow:0 14px 32px rgba(0,0,0,.20) !important;
 overflow:hidden;
}

body.mc-public-v2 .panel h2{
 font-size:13px !important;
 font-weight:900 !important;
 letter-spacing:.6px;
}


/* GRID CENTRAL */

body.mc-public-v2 .mc-v2-dashboard{
 display:grid;
 grid-template-columns:
  minmax(0,1fr)
  minmax(380px,1.3fr)
  minmax(0,1fr);
 gap:14px;
 align-items:start;
 margin-top:14px;
}

body.mc-public-v2 .mc-v2-results{
 grid-column:1;
 grid-row:1;
}

body.mc-public-v2 .mc-v2-ranking{
 grid-column:2;
 grid-row:1;
}

body.mc-public-v2 .mc-v2-upcoming{
 grid-column:3;
 grid-row:1;
}

body.mc-public-v2 .mc-v2-maps{
 grid-column:1 / -1;
 grid-row:2;
}

/* RESULTADOS / PROXIMAS */

body.mc-public-v2 #recent,
body.mc-public-v2 #upcoming{
 max-height:520px;
 overflow:auto;
 scrollbar-width:thin;
 scrollbar-color:#29496e transparent;
}

/* MAPAS */

body.mc-public-v2 #maps{
 display:grid !important;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:10px;
}

/* ACESSOS GRANDES */

body.mc-public-v2 .mc-v2-actions{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:12px;
 margin:16px 0;
}

body.mc-public-v2 .mc-v2-action{
 min-height:112px;
 display:flex;
 align-items:center;
 gap:14px;
 padding:18px 19px;
 border-radius:15px;
 border:1px solid var(--mc-line);
 text-decoration:none !important;
 background:
  radial-gradient(circle at 0 50%,
   rgba(53,126,255,.14),
   transparent 65%),
  linear-gradient(145deg,
   #0e192b,
   #080e1a);
 transition:.18s ease;
}

body.mc-public-v2 .mc-v2-action:hover{
 transform:translateY(-3px);
 border-color:rgba(80,162,255,.58);
}

body.mc-public-v2 .mc-v2-action-icon{
 width:50px;
 height:50px;
 flex:0 0 50px;
 display:grid;
 place-items:center;
 border-radius:13px;
 font-size:21px;
 border:1px solid rgba(82,159,255,.25);
 background:rgba(55,132,255,.12);
}

body.mc-public-v2 .mc-v2-action strong{
 display:block;
 color:#fff;
 font-size:13px;
 font-weight:900;
 letter-spacing:.5px;
}

body.mc-public-v2 .mc-v2-action small{
 display:block;
 margin-top:5px;
 color:#7e8ca4;
 font-size:11px;
 line-height:1.4;
}

body.mc-public-v2 .mc-v2-action-arrow{
 margin-left:auto;
 color:var(--mc-blue);
 font-size:20px;
}

/*
 Links antigos ficam no DOM para manter
 official_matches_link.js funcionando.
*/
body.mc-public-v2 .mc-v2-old-action{
 position:absolute !important;
 width:1px !important;
 height:1px !important;
 overflow:hidden !important;
 clip-path:inset(50%) !important;
 white-space:nowrap !important;
}

/* RATING */

body.mc-public-v2 #ratingList{
 gap:10px !important;
}

/* TIMES */

body.mc-public-v2 #teams{
 display:grid !important;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:11px !important;
}

body.mc-public-v2 #teams > *{
 border-radius:13px !important;
 border:1px solid rgba(77,145,235,.18) !important;
 background:
  linear-gradient(145deg,
   #0e192b,
   #080e19) !important;
}

/* RESPONSIVO */

@media(max-width:1150px){

 body.mc-public-v2 .metrics{
  grid-template-columns:repeat(3,1fr) !important;
 }

 body.mc-public-v2 .youtube-metric-box{
  grid-column:span 2;
 }

 body.mc-public-v2 .mc-v2-dashboard{
  grid-template-columns:1fr 1fr;
 }

 body.mc-public-v2 .mc-v2-results,
 body.mc-public-v2 .mc-v2-ranking,
 body.mc-public-v2 .mc-v2-upcoming,
 body.mc-public-v2 .mc-v2-maps{
  grid-column:auto;
  grid-row:auto;
 }

 body.mc-public-v2 #maps{
  grid-template-columns:1fr;
 }
}

@media(max-width:760px){

 body.mc-public-v2 .hero{
  min-height:auto !important;
  padding:22px 18px !important;
 }

 body.mc-public-v2 .metrics{
  grid-template-columns:1fr 1fr !important;
 }

 body.mc-public-v2 .youtube-metric-box{
  grid-column:1 / -1;
 }

 body.mc-public-v2 .mc-v2-dashboard{
  display:block;
 }

 body.mc-public-v2 .mc-v2-dashboard > *{
  margin-bottom:12px;
 }

 body.mc-public-v2 .mc-v2-actions{
  grid-template-columns:1fr;
 }

 body.mc-public-v2 #teams{
  grid-template-columns:1fr;
 }

 body.mc-public-v2 #recent,
 body.mc-public-v2 #upcoming{
  max-height:none;
 }
}



/* ==========================================
   V2 SAFE LAYOUT FIX
   Preserva estrutura original do site
   ========================================== */

/*
Nunca utilizar o grid estrutural experimental.
*/
body.mc-public-v2 .mc-v2-dashboard{
 display:contents !important;
}

/*
Resultados e proximas partidas usam
a largura original do public.css.
*/
body.mc-public-v2 .mc-v2-results,
body.mc-public-v2 .mc-v2-ranking,
body.mc-public-v2 .mc-v2-upcoming,
body.mc-public-v2 .mc-v2-maps{
 grid-column:auto !important;
 grid-row:auto !important;
 width:auto !important;
 min-width:0;
}

/*
O HERO volta a usar o background/imagem
definido pelo public.css original.
*/
body.mc-public-v2 .hero{
 background-color:transparent;
}

/*
mTeams continua oculto como no site original.
Ele existe para compatibilidade do JS.
*/
body.mc-public-v2 #mTeams{
 display:none !important;
}

/*
Nao esconder nenhum dos tres botoes
originais do RATING.
*/
body.mc-public-v2 .mc-v2-old-action{
 position:static !important;
 width:auto !important;
 height:auto !important;
 overflow:visible !important;
 clip-path:none !important;
 white-space:normal !important;
}

/*
Os containers originais controlam
Resultados / Classificacao / Proximas / Mapas.
*/
body.mc-public-v2 #recent,
body.mc-public-v2 #upcoming{
 width:100%;
 min-width:0;
}

/*
Escudos e imagens nunca devem ser cortados.
*/
body.mc-public-v2 img{
 max-width:100%;
}

/*
Mantem os logos dos times no tamanho
determinado pelos componentes originais.
*/
body.mc-public-v2 .team img,
body.mc-public-v2 .team-logo,
body.mc-public-v2 .leader-logo{
 object-fit:contain;
}



/* ========================================
   MAPAS MAIS JOGADOS - VISUAL V2
   ======================================== */

body.mc-public-v2 #maps.mc-map-grid-v2{
 display:grid !important;
 grid-template-columns:
  repeat(3,minmax(0,1fr)) !important;
 gap:12px !important;
 padding:14px !important;
}

body.mc-public-v2 .mc-map-card-v2{
 min-height:106px;

 display:flex;
 align-items:center;

 overflow:hidden;

 border-radius:13px;
 border:1px solid rgba(70,145,235,.23);

 background:
  linear-gradient(
   135deg,
   rgba(15,28,49,.98),
   rgba(7,14,26,.98)
  );

 transition:
  transform .18s ease,
  border-color .18s ease,
  box-shadow .18s ease;
}

body.mc-public-v2 .mc-map-card-v2:hover{
 transform:translateY(-2px);

 border-color:
  rgba(74,163,255,.55);

 box-shadow:
  0 10px 24px
  rgba(0,0,0,.27);
}

body.mc-public-v2 .mc-map-thumb-v2{
 position:relative;

 width:105px;
 align-self:stretch;

 flex:0 0 105px;

 overflow:hidden;

 background:
  linear-gradient(
   145deg,
   #111c2e,
   #09101c
  );
}

body.mc-public-v2 .mc-map-thumb-v2 img{
 width:100% !important;
 height:100% !important;

 max-width:none !important;

 object-fit:cover !important;

 filter:
  saturate(.85)
  contrast(1.06)
  brightness(.82);

 transition:
  transform .25s ease,
  filter .25s ease;
}

body.mc-public-v2
.mc-map-card-v2:hover
.mc-map-thumb-v2 img{
 transform:scale(1.05);

 filter:
  saturate(1)
  contrast(1.08)
  brightness(.95);
}

body.mc-public-v2
.mc-map-thumb-v2::after{
 content:"";

 position:absolute;
 inset:0;

 background:
  linear-gradient(
   90deg,
   transparent 45%,
   rgba(7,14,26,.95)
  );
}

body.mc-public-v2
.mc-map-thumb-v2.no-image::before{
 content:"MAP";

 position:absolute;
 inset:0;

 display:grid;
 place-items:center;

 color:#36506f;

 font-size:11px;
 font-weight:900;
 letter-spacing:1px;
}

body.mc-public-v2 .mc-map-info-v2{
 flex:1;

 min-width:0;

 padding:13px 14px 12px 10px;
}

body.mc-public-v2 .mc-map-top-v2{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:8px;
}

body.mc-public-v2
.mc-map-top-v2 strong{
 color:#fff;

 font-size:12px;
 font-weight:900;
 letter-spacing:.7px;
}

body.mc-public-v2
.mc-map-top-v2 span{
 color:#8795ac;

 font-size:9px;
 font-weight:800;
 white-space:nowrap;
}

body.mc-public-v2 .mc-map-percent-v2{
 margin-top:10px;

 color:#4da3ff;

 font-size:22px;
 line-height:1;
 font-weight:900;
}

body.mc-public-v2 .mc-map-bar-v2{
 height:5px;

 margin-top:9px;

 overflow:hidden;

 border-radius:999px;

 background:#15283d;
}

body.mc-public-v2 .mc-map-bar-v2 i{
 display:block;

 height:100%;

 border-radius:999px;

 background:
  linear-gradient(
   90deg,
   #1687ff,
   #54b2ff
  );
}

@media(max-width:900px){

 body.mc-public-v2
 #maps.mc-map-grid-v2{
  grid-template-columns:
   repeat(2,minmax(0,1fr)) !important;
 }

}

@media(max-width:560px){

 body.mc-public-v2
 #maps.mc-map-grid-v2{
  grid-template-columns:1fr !important;
 }

}


/* MC_MAPS_COMPACT_START */
body.mc-public-v2 #maps.mc-map-grid-v2{
 display:grid !important;
 grid-template-columns:repeat(3,minmax(0,1fr)) !important;
 gap:10px !important;
 padding:10px !important;
}

body.mc-public-v2 .mc-map-card-v2{
 min-height:84px !important;
 border-radius:12px !important;
}

body.mc-public-v2 .mc-map-thumb-v2{
 width:88px !important;
 min-width:88px !important;
 max-width:88px !important;
 padding:8px !important;
}

body.mc-public-v2 .mc-map-thumb-v2 img{
 width:68px !important;
 height:68px !important;
 max-width:68px !important;
 max-height:68px !important;
 object-fit:contain !important;
}

body.mc-public-v2 .mc-map-meta-v2{
 padding:10px 10px 10px 2px !important;
 gap:6px !important;
}

body.mc-public-v2 .mc-map-name-v2{
 font-size:13px !important;
 line-height:1.05 !important;
 letter-spacing:.4px !important;
 margin:0 !important;
}

body.mc-public-v2 .mc-map-stats-v2{
 font-size:11px !important;
 gap:6px !important;
}

body.mc-public-v2 .mc-map-count-v2{
 font-size:20px !important;
 line-height:1 !important;
}

body.mc-public-v2 .mc-map-pct-v2{
 font-size:11px !important;
 opacity:.9 !important;
}

body.mc-public-v2 .mc-map-bar-v2{
 height:5px !important;
 border-radius:999px !important;
}

@media (max-width: 1100px){
 body.mc-public-v2 #maps.mc-map-grid-v2{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
 }
}

@media (max-width: 640px){
 body.mc-public-v2 #maps.mc-map-grid-v2{
  grid-template-columns:1fr !important;
 }

 body.mc-public-v2 .mc-map-thumb-v2{
  width:76px !important;
  min-width:76px !important;
  max-width:76px !important;
 }

 body.mc-public-v2 .mc-map-thumb-v2 img{
  width:58px !important;
  height:58px !important;
  max-width:58px !important;
  max-height:58px !important;
 }
}
/* MC_MAPS_COMPACT_END */


/* MC_MAPS_SMALLER_START */

body.mc-public-v2 #maps.mc-map-grid-v2{
 gap:8px !important;
 padding:8px !important;
}

body.mc-public-v2 .mc-map-card-v2{
 min-height:70px !important;
 border-radius:10px !important;
}

body.mc-public-v2 .mc-map-thumb-v2{
 width:72px !important;
 min-width:72px !important;
 max-width:72px !important;
 padding:6px !important;
}

body.mc-public-v2 .mc-map-thumb-v2 img{
 width:54px !important;
 height:54px !important;
 max-width:54px !important;
 max-height:54px !important;
 object-fit:contain !important;
}

body.mc-public-v2 .mc-map-info-v2,
body.mc-public-v2 .mc-map-meta-v2{
 padding:8px 8px 8px 2px !important;
}

body.mc-public-v2 .mc-map-top-v2{
 gap:5px !important;
}

body.mc-public-v2 .mc-map-top-v2 strong,
body.mc-public-v2 .mc-map-name-v2{
 font-size:11px !important;
 line-height:1 !important;
 letter-spacing:.25px !important;
}

body.mc-public-v2 .mc-map-top-v2 span{
 font-size:8px !important;
}

body.mc-public-v2 .mc-map-percent-v2,
body.mc-public-v2 .mc-map-count-v2{
 margin-top:6px !important;
 font-size:17px !important;
 line-height:1 !important;
}

body.mc-public-v2 .mc-map-pct-v2{
 font-size:10px !important;
}

body.mc-public-v2 .mc-map-bar-v2{
 height:4px !important;
 margin-top:6px !important;
}

/* MC_MAPS_SMALLER_END */