/* Extraido de themes/huayra/sections/calendario_v2.php */

        /* Destaque de data em kartodromo diferente do habitual (ex: Arena Itu)
           pra ninguem ir pro lugar errado. */
        .etapa-dia.kart-diferente {
          background: linear-gradient(160deg, #ff8c1a 0%, #e85d04 100%) !important;
          border: 2px solid rgba(255,255,255,.45) !important;
          box-shadow: 0 0 0 2px #e85d04, 0 4px 14px rgba(232,93,4,.5) !important;
        }
        .etapa-dia.kart-diferente:hover { filter: brightness(1.07); }
        .cal-kart-flag {
          display: block; margin-top: 3px;
          font-size: .46rem; font-weight: 800; letter-spacing: .2px; line-height: 1.05;
          color: #fff; background: rgba(0,0,0,.30); border-radius: 5px;
          padding: 2px 3px; text-align: center;
          /* quebra linha pra caber na largura do quadrado da data (nao vaza) */
          white-space: normal; max-width: 100%; word-break: break-word;
        }
        /* Titulo leve separando Turno 1 / Turno 2 dentro de cada campeonato */
        .cal-turno-titulo {
          width: 100%; margin: 12px 0 7px; display: flex; align-items: center; gap: 8px;
          font-size: .7rem; font-weight: 700; letter-spacing: 1.5px;
          text-transform: uppercase; color: #9aa7b8;
        }
        .cal-turno-titulo::before, .cal-turno-titulo::after {
          content: ""; flex: 1; height: 1px; background: #e3e9f0;
        }
        .cal-turno-titulo:first-child { margin-top: 0; }
      

/* Situacao da etapa no canto do quadrado da data */
#calSlider .etapa-dia { position: relative; }
.cal-status {
  display: inline-flex; align-items: center; justify-content: center;
  width: 17px; height: 17px; border-radius: 50%;
  font-size: 10px; line-height: 1; color: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.35);
}
#calSlider .etapa-dia .cal-status { position: absolute; right: -5px; bottom: -5px; z-index: 2; }
.cal-status-resultado { background: #16a34a; }
.cal-status-realizada { background: #f59e0b; }
.cal-status-agendada  { background: #64748b; }
.cal-legenda {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 18px;
  margin: -6px 0 18px; font-size: .78rem; color: #cbd5e1;
}
.cal-legenda > span { display: inline-flex; align-items: center; gap: 6px; }

/* o tema pinta todo span do quadrado com a cor do mes: o selo tem cor propria.
   Fundo branco + icone colorido: contrasta no azul (Copa) e no verde (Fast Night) */
#calSlider .etapa-dia span.cal-status,
.cal-legenda span.cal-status {
  display: inline-flex !important; align-items: center; justify-content: center;
  width: 20px; height: 20px; padding: 0; margin: 0;
  background: #fff !important; border: 1px solid rgba(15,23,42,.12);
  font-size: 11px !important; font-weight: normal; letter-spacing: 0; line-height: 1 !important;
}
#calSlider .etapa-dia span.cal-status i,
.cal-legenda span.cal-status i { display: block; font-size: 11px !important; line-height: 1 !important; }
/* bootstrap-icons desce o glifo (vertical-align -.125em) pra alinhar com texto: no selo centraliza */
#calSlider .etapa-dia span.cal-status i::before,
.cal-legenda span.cal-status i::before { display: block; vertical-align: 0 !important; }
#calSlider .etapa-dia span.cal-status-resultado i, .cal-legenda span.cal-status-resultado i { color: #16a34a !important; }
#calSlider .etapa-dia span.cal-status-realizada i, .cal-legenda span.cal-status-realizada i { color: #ea580c !important; }
#calSlider .etapa-dia span.cal-status-agendada i,  .cal-legenda span.cal-status-agendada i  { color: #475569 !important; }
.cal-legenda, .cal-legenda > span { color: #e2e8f0 !important; font-weight: 600; }