div#container
{
   width: 1317px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #595959;
   background-image: url('images/background2.jpg');
   background-attachment: fixed;
   background-position: center top;
   background-repeat: no-repeat;
   background-size: 100% 100%;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
#main_header
{
   background-color: transparent;
   background-image: url('images/cabecalho_site4.png');
   background-repeat: no-repeat;
   background-position: left top;
   background-size: 100% 100%;
   border-radius: 0px;
   box-sizing: border-box;
}
#b_calendario
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image2
{
   vertical-align: top;
}
#Image2
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Shape1
{
   border-width: 0;
   vertical-align: top;
}
#TabMenu1
{
   text-align: left;
   float: left;
   margin: 0;
   width: 100%;
   font-family: Calibri;
   font-weight: bold;
   font-size: 16px;
   font-style: normal;
   list-style-type: none;
   padding: 14px 0 4px 10px;
   overflow: hidden;
}
#TabMenu1 li
{
   float: left;
}
#TabMenu1 li a.active, #TabMenu1 li a:hover.active
{
   position: relative;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   z-index: 2;
}
#TabMenu1 li a
{
   padding: 5px 14px 7px 14px;
   margin-right: 3px;
   text-decoration: none;
   border-bottom: none;
   position: relative;
   top: 0;
   transition: 200ms all linear;
}
#TabMenu1 li a:hover
{
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   top: -3px;
}
#TabMenu1
{
}
#TabMenu1 li a.active, #TabMenu1 li a:hover.active
{
   background-color: #070A18;
   color: #46FF00;
}
#TabMenu1 li a
{
   border: 0px solid #C5C5C5;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   background-color: rgba(246,246,246,0.00);
   color: #FFFFFF;
}
#TabMenu1 li a:hover
{
   background-color: #070A18;
   color: #46FF00;
}
#wb_Icon1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#wb_Icon1 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#Icon1
{
   height: 29px;
   width: 42px;
}
#Icon1 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 29px;
   line-height: 29px;
   vertical-align: middle;
   width: 28px;
}
#wb_Icon1:hover #Icon1 i
{
   color: #FF4200;
}
#wb_Icon2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#wb_Icon2 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#Icon2
{
   height: 30px;
   width: 42px;
}
#Icon2 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 30px;
   line-height: 30px;
   vertical-align: middle;
   width: 29px;
}
#wb_Icon2:hover #Icon2 i
{
   color: #46FF00;
}
#wb_Icon3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#wb_Icon3 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#Icon3
{
   height: 31px;
   width: 39px;
}
.Icon3
{
   position: relative;
   left: 0;
   top: 0;
   display: inline-block;
   font-family: "Material Icons";
   font-style: normal;
   font-weight: normal;
   line-height: 1;
}
.Icon3:before
{
   content: "\e0be";
}
#Icon3 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 31px;
   line-height: 31px;
   vertical-align: middle;
   width: 30px;
}
#wb_Icon3:hover #Icon3 i
{
   color: #FFC000;
}
#wb_Image1
{
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Icon4
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#wb_Icon4 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#Icon4
{
   height: 29px;
   width: 42px;
}
#Icon4 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 29px;
   line-height: 29px;
   vertical-align: middle;
   width: 28px;
}
#wb_Icon4:hover #Icon4 i
{
   color: #00CCFF;
}
#Shape1
{
   border-width: 0;
   vertical-align: top;
}
#wb_Image3
{
   vertical-align: top;
}
#Image3
{
   border: 0px solid #000000;
   border-radius: 20px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#btn_acessar_resultados
{
   border: 0px solid #000000;
   border-radius: 0px;
   margin: 0;
}
#btn_acessar_resultados a
{
   display: block;
   position: relative;
   height: 100%;
   width: 100%;
}
#btn_acessar_resultados a img
{
   position: absolute;
   z-index: 1;
   border-width: 0;
}
#btn_acessar_resultados span
{
   display: block;
   height: 100%;
   width: 100%;
   position: absolute;
   z-index: 2;
}
#btn_acessar_resultados .hover
{
   visibility: hidden;
}
#btn_acessar_resultados:hover .hover
{
   visibility: visible;
}
#btn_acessar_resultados:hover span
{
   visibility: hidden;
}
#btn_acessar_resultados img
{
   border-width: 0;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#btn_acessar_resultados:hover
{
   box-shadow: ;
   transition: box-shadow 500ms linear 0ms;
}
/* ✅ Isolamento total */
#mc-wrapper{ display:flex; justify-content:center; width:100%; }

#mc-wrapper .mc-container{
  width:100%;
  max-width:1400px;
  margin:0 auto;
  box-sizing:border-box;
  color:#fff;
  padding:14px;
  font-family: Arial, sans-serif;
}

/* ✅ evita “colar” no conteúdo seguinte do site (container) */
#mc-wrapper #mc-content{
  padding-bottom:22px;     /* respiro interno */
  margin-bottom:22px;      /* respiro externo (se o próximo bloco vier colado) */
}

#mc-wrapper .mc-topo-right{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  margin-bottom:48px;
}

#mc-wrapper .mc-mes-wrapper{
  display:flex;
  align-items:center;
  gap:8px;
  background:rgba(0,0,0,0.35);
  padding:8px 14px;
  border-radius:10px;
  position:relative;
  margin-left:auto;
}

#mc-wrapper .mc-mes-wrapper label{
  font-size:13px;
  font-weight:700;
  color:#f97316;
}

#mc-wrapper #mc-mes{
  appearance:none;
  background:#020617;
  color:#ffffff;
  border:2px solid #f97316;
  border-radius:8px;
  padding:6px 34px 6px 10px;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
}

#mc-wrapper .mc-mes-wrapper::after{
  content:"▾";
  position:absolute;
  right:12px;
  pointer-events:none;
  color:#f97316;
  font-size:14px;
}

/* ✅ MAIS ESPAÇO ENTRE LINHAS (vertical) */
#mc-wrapper .mc-grid{
  display:grid;
  grid-template-columns: repeat(5, minmax(160px, 1fr));
  column-gap:12px;         /* espaço horizontal */
  row-gap:18px;            /* espaço vertical (linha de baixo não cola) */
  justify-content:center;
  align-items:stretch;
  padding-bottom:10px;     /* pequeno respiro antes da paginação */
}

#mc-wrapper .mc-card{
  background: linear-gradient(135deg, #0b2a4a, #143a63);
  border-radius:14px;
  padding:14px 12px;
  text-align:center;

  display:flex;
  flex-direction:column;
  height:100%;

  /* ✅ garante “separação” visual caso o fundo do site seja parecido */
  box-shadow: 0 6px 14px rgba(0,0,0,0.18);
}

/* HOJE: fundo degradê verde */
#mc-wrapper .mc-card.hoje-card{
  background: linear-gradient(135deg, #00ff6a, #00cc55);
  box-shadow: 0 0 12px rgba(0,255,106,0.6);
}

#mc-wrapper .mc-dia{
  width:34px;
  height:34px;
  background:#f97316;
  color:#020617;
  border-radius:50%;
  margin:0 auto 10px;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
}

#mc-wrapper .mc-info strong{
  display:block;
  font-size:13px;
  line-height:1.3;
  margin-bottom:6px;
}

#mc-wrapper .mc-info span + span{
  margin-top:2px;
}

#mc-wrapper .mc-info span{
  display:block;
  font-size:11px;
  color:#cbd5f5;
  margin-bottom:4px;
}

#mc-wrapper .mc-info{
  max-width: 95%;
  margin: 0 auto;

  display:flex;
  flex-direction:column;
  flex:1;
}

#mc-wrapper .mc-btn-inscricao{
  margin-top:auto;      /* empurra para o final */
  align-self:center;    /* centraliza */
  margin-bottom:2px;    /* ajuste fino opcional */
}

#mc-wrapper .mc-vazio{
  grid-column: span 6;
  text-align:center;
  font-size:13px;
  color:#94a3b8;
}

#mc-wrapper .mc-btn-inscricao{
  display:inline-block;
  margin-top:10px;
  padding:6px 12px;
  font-size:11px;
  font-weight:700;
  border-radius:8px;
  color:#020617;
  background:#00FF00;

  text-decoration:none;
  transition:0.2s ease;
}

#mc-wrapper .mc-btn-inscricao:hover{ background:#00C000; }

/* HOJE: botão azul, clicável */
#mc-wrapper .mc-btn-inscricao.hoje{
  background:#2563eb;
  color:#fff;
}
#mc-wrapper .mc-btn-inscricao.hoje:hover{
  filter: brightness(0.9);
}

#mc-wrapper .mc-card.hoje-card .mc-info strong{
  color:#ffffff;
}
#mc-wrapper .mc-card.hoje-card .mc-info span{
  color:#f0fff6;
}
#mc-wrapper .mc-card.hoje-card{
  text-shadow: 0 1px 2px rgba(0,0,0,0.35);
}

/* REALIZADO: cinza e inativo */
#mc-wrapper .mc-btn-inscricao.realizado{
  background:#888;
  color:#fff;
  pointer-events:none;
  cursor:default;
}

/* Card realizado (mantém seu padrão) */
#mc-wrapper .mc-card.realizado-card{
  background: linear-gradient(135deg, #667, #444);
  color:#ddd;
}

/* ✅ PAGINAÇÃO COM ESPAÇO REAL */
#mc-wrapper .mc-paginacao{
  margin-top:20px;
  margin-bottom:14px;   /* respiro antes do bloco de páginas */
  padding-top:10px;     /* separa do grid mesmo quando o último card é alto */
  display:flex;
  justify-content:center;
  align-items:center;
  gap:16px;
}

/* ✅ se você usar números de páginas (mc-pages), evita colar no que vem depois */
#mc-wrapper .mc-pages{
  margin-top:18px;
  margin-bottom:18px;  /* respiro final do componente */
}

#mc-wrapper .mc-paginacao button{
  padding:6px 14px;
  background:#f97316;
  color:#020617;
  font-weight:700;
  border:none;
  border-radius:8px;
  cursor:pointer;
  font-size:12px;
}

#mc-wrapper .mc-paginacao button:disabled{
  opacity:0.4;
  cursor:default;
}

#mc-wrapper #mc-page-info{ font-size:12px; color:#cbd5f5; }

@media (max-width:1100px){
  #mc-wrapper .mc-grid{ grid-template-columns: repeat(4, minmax(160px, 1fr)); }
}
@media (max-width:768px){
  #mc-wrapper .mc-grid{ grid-template-columns: repeat(2, minmax(160px, 1fr)); }
}
/* ===== FOOTER ISOLADO FSAT ===== */
.fsat-footer-wrapper {
  width: 100%;
  margin: 0;
  overflow: hidden;
  line-height: 0;
  display:flex;
  justify-content:center;
  align-items:botton;
}
.fsat-footer-image {
  max-width: 1200px;
  width:100%;
  height: auto;
  display: block;
  object-fit: cover;
}