@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.fade-in {
  animation: fadeIn 1.5s ease-in;
}

@keyframes blink {
  0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0.3; }
}

.blink-blue {
  color: #0d6efd !important;
  animation: blink 4s infinite;
}

.white-space-normal {
  white-space: normal !important;
}

.mmc-ranking-datetime {
  font-size: 1.3rem;
  font-weight: 700;
}

.mmc-last-update-line {
  font-size: 1rem;
}

.mmc-update-text {
  font-style: italic;
}

.mmc-row-regional-team td {
  background-color: #fff3cd !important;
}

.flag-team {
  height: 20px;
  width: 30px;
  display: inline-block;
}

.flag-team-highlight {
  box-shadow: 2px 2px 3px 0 #222222ff;
}

.flag-team-muted {
  border: 2px solid #888888ff;
  opacity: 0.3;
}

.mmc-filters-card,
.mmc-filters-card-body {
  background-color: #e3f0ff;
}

.mmc-filters-card-header {
  cursor: pointer;
}

#tablaClasificacionSector tbody tr:hover,
#tablaClasificacionManga tbody tr:hover {
  background-color: #ffe082 !important;
  transition: background 0.2s;
}

@media (max-width: 767px) {
  #tablaClasificacionSector,
  #tablaClasificacionManga {
    font-size: 0.8rem !important;
  }

  #tablaClasificacionSector th,
  #tablaClasificacionSector td,
  #tablaClasificacionManga th,
  #tablaClasificacionManga td {
    padding: 5px 2px !important;
  }

  .col-fish,
  .col-count {
    display: none !important;
  }

  .col-team {
    width: 35px !important;
    min-width: 32px !important;
    max-width: 38px !important;
    padding: 2px !important;
  }

  .col-rank {
    width: 35px !important;
    min-width: 30px !important;
    max-width: 40px !important;
  }

  .col-bib {
    width: 45px !important;
    min-width: 40px !important;
    max-width: 50px !important;
  }

  .col-competitor {
    min-width: 80px !important;
    max-width: none !important;
  }

  .col-peg {
    width: 55px !important;
    min-width: 50px !important;
    max-width: 60px !important;
  }

  .col-points {
    width: 50px !important;
    min-width: 45px !important;
  }

  .btn-dorsal {
    min-height: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 4px 6px !important;
  }

  .mmc-ranking-datetime {
    font-size: 1rem !important;
  }

  #tablaClasificacionSector tbody tr,
  #tablaClasificacionManga tbody tr {
    border-bottom: 1px solid #dee2e6 !important;
  }

  #tablaClasificacionSector tbody tr:active,
  #tablaClasificacionManga tbody tr:active {
    background-color: rgba(0, 123, 255, 0.1) !important;
  }
}

@media (max-width: 480px) {
  #tablaClasificacionSector,
  #tablaClasificacionManga {
    font-size: 0.75rem !important;
  }

  .col-rank {
    width: 30px !important;
    min-width: 28px !important;
  }

  .col-bib {
    width: 40px !important;
    min-width: 38px !important;
  }

  .col-peg {
    width: 50px !important;
    min-width: 48px !important;
  }

  .col-points {
    width: 45px !important;
    min-width: 42px !important;
  }
}