@charset "UTF-8";
/*
File Name: 		custom.css
Description:  You can add your custom CSS here and it will overwrite template styles
*/
/**
 * Widget System Styles
 * Base styles for the generalized widget system
 */
.widget-container {
  position: relative;
  background: #fff;
  border-radius: var(--border-radius, 8px);
  margin-bottom: 30px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.widget-container.widget-loading {
  opacity: 0.7;
  pointer-events: none;
}
.widget-container.widget-error {
  border: 2px solid var(--color-danger, #dc3545);
}

.widget-header {
  padding: 20px;
  border-bottom: 1px solid #e8ecef;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.widget-header--has-actions {
  padding-right: 15px;
}

.widget-title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--color-dark, #2c3e50);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.widget-title .widget-icon {
  margin-right: 10px;
  color: var(--color-primary, #667eea);
}

.widget-title-text {
  line-height: 1.2;
}

.widget-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.widget-action-btn {
  background: transparent;
  border: none;
  padding: 5px;
  cursor: pointer;
  color: #6c757d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.widget-action-btn:focus {
  outline: none;
}

.widget-content {
  padding: 20px;
}
.widget-content.collapse:not(.show) {
  display: none;
}
.widget-content.collapse.show {
  display: block;
}

.widget-footer {
  padding: 15px 20px;
  border-top: 1px solid #e8ecef;
  background: #f8f9fa;
  border-radius: 0 0 var(--border-radius, 8px) var(--border-radius, 8px);
}

.widget-loading-state,
.widget-error-state,
.widget-empty-state {
  padding: 40px 20px;
  text-align: center;
}

.widget-spinner {
  margin-bottom: 20px;
}

.widget-loading-message {
  color: #6c757d;
  margin: 0;
}

.widget-error-icon,
.widget-empty-icon {
  margin-bottom: 20px;
}

.widget-error-title {
  color: var(--color-danger, #dc3545);
  margin-bottom: 10px;
}

.widget-error-message,
.widget-empty-message {
  color: #6c757d;
  margin-bottom: 20px;
}

.widget-retry-btn {
  margin-top: 15px;
}

.stat-card {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 250, 252, 0.92) 50%, rgba(241, 245, 249, 0.9) 100%);
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  height: 100%;
  min-height: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.stat-card:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.06);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.06);
}
.stat-card.champion-card {
  background: linear-gradient(135deg, rgba(255, 193, 7, 0.88) 0%, rgba(255, 215, 0, 0.82) 35%, rgba(255, 235, 59, 0.78) 70%, rgba(255, 248, 225, 0.75) 100%);
  border: 2px solid rgba(255, 193, 7, 0.6);
  -webkit-box-shadow: 0 4px 16px rgba(255, 193, 7, 0.25), 0 2px 8px rgba(255, 215, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2);
          box-shadow: 0 4px 16px rgba(255, 193, 7, 0.25), 0 2px 8px rgba(255, 215, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px);
  position: relative;
  overflow: hidden;
}
.stat-card.champion-card[data-champion-bg]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.15;
  z-index: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.stat-card.champion-card[data-champion-bg=chelsea]::before {
  background-image: url("/assets/img/soccer/backgrounds/chelsea-stadium.jpg");
}
.stat-card.champion-card[data-champion-bg=real-madrid]::before {
  background-image: url("/assets/img/soccer/backgrounds/real-madrid-stadium.jpg");
}
.stat-card.champion-card[data-champion-bg=manchester-city]::before {
  background-image: url("/assets/img/soccer/backgrounds/manchester-city-stadium.jpg");
}
.stat-card.champion-card[data-champion-bg=bayern-munchen]::before {
  background-image: url("/assets/img/soccer/backgrounds/bayern-stadium.jpg");
}
.stat-card.champion-card[data-champion-bg=inter]::before {
  background-image: url("/assets/img/soccer/backgrounds/inter-stadium.jpg");
}
.stat-card.champion-card[data-champion-bg=atletico-de-madrid]::before {
  background-image: url("/assets/img/soccer/backgrounds/atletico-stadium.jpg");
}
.stat-card.champion-card[data-champion-bg]:not([data-champion-bg=""])::before {
  background-image: url("/assets/img/soccer/backgrounds/default.jpg");
}
.stat-card.champion-card > * {
  position: relative;
  z-index: 1;
}
.stat-card.champion-card:hover::before {
  opacity: 0.25;
}

.stat-label {
  font-family: "Montserrat", sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  color: #6c757d;
  font-weight: 700;
  margin-top: 10px;
  letter-spacing: 0.5px;
}

.stat-value {
  font-family: "Montserrat", sans-serif;
  font-size: 28px;
  font-weight: 800;
  color: #31404b;
  margin-top: 5px;
  line-height: 1.2;
}
.stat-value-small {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.stat-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 48px;
}
.stat-icon img {
  width: 48px;
  height: 48px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.stat-icon iconify-icon {
  display: block;
}
.stat-icon-image {
  width: 48px;
  height: 48px;
}
.stat-icon-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.stat-trend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 600;
}
.stat-trend-up {
  color: var(--color-success, #28a745);
}
.stat-trend-down {
  color: var(--color-danger, #dc3545);
}

.stat-subtitle {
  font-size: 12px;
  color: #6c757d;
  margin-top: 5px;
}

.stat-custom-content {
  margin-top: 10px;
}

.widget-selector {
  margin-bottom: 15px;
}

.widget-selector-label {
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--color-dark, #2c3e50);
}

.widget-selector-control {
  max-width: 100%;
  font-weight: 500;
  padding: 12px 15px;
  border-radius: 8px;
  border: 2px solid #e8ecef;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}
.widget-selector-control:focus {
  border-color: var(--color-primary, #667eea);
  -webkit-box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.1);
          box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.1);
}

.widget-selector-help {
  font-size: 14px;
  color: #6c757d;
}

.widget-info-section {
  margin-bottom: 20px;
}

.widget-info-title {
  color: var(--color-dark, #2c3e50);
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.widget-info-list.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.widget-info-description p {
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 0;
}

.widget-info-alert {
  background: linear-gradient(135deg, #e3f2fd, #f5f9ff);
  border: 2px solid #2196f3;
  border-radius: 10px;
  padding: 20px;
}
.widget-info-alert .alert-heading {
  color: #1976d2;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.widget-info-alert ul {
  list-style: none;
  padding-left: 0;
}
.widget-info-alert ul li {
  padding: 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.widget-action-button {
  font-weight: 600;
  border-radius: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
}
.widget-action-button iconify-icon {
  vertical-align: middle;
}

.widget-action-button-text {
  display: inline-block;
}

.instruction-number {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  background: linear-gradient(135deg, var(--color-primary, #667eea), var(--color-primary-darken, #5a67d8));
  color: white;
  border-radius: 50%;
  font-weight: bold;
  font-size: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.section-header {
  border-bottom: 2px solid #e8ecef;
  padding-bottom: 15px;
  margin-bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.section-header .section-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--color-dark, #2c3e50);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.section-header .section-title iconify-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 10px;
}
.section-header .section-actions .badge {
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 20px;
}
.section-header .section-icon-mobile {
  display: none;
}

.section-header-grid {
  display: grid !important;
  grid-template-columns: 1fr auto;
  grid-template-areas: "title actions";
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.section-header-grid .section-title {
  grid-area: title;
}
.section-header-grid .section-actions {
  grid-area: actions;
  justify-self: end;
}
.section-header-grid .section-icon-mobile {
  display: none !important;
}

.tournament-statistics {
  border: 1px solid #e8ecef;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.95) 100%);
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04);
}
.tournament-statistics .champion-shield-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 64px;
  height: 64px;
  margin: 0 auto;
}
.tournament-statistics .champion-shield-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 8px;
}
.tournament-statistics .champion-display {
  text-align: center;
}
.tournament-statistics .champion-display .team-name {
  font-weight: 600;
  color: var(--color-dark, #2c3e50);
}

.mb-5 {
  margin-bottom: 4rem !important;
  position: relative;
}
.mb-5::after {
  content: "";
  position: absolute;
  bottom: -2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 60px;
  height: 4px;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#667eea), to(transparent));
  background: linear-gradient(90deg, transparent, #667eea, transparent);
  border-radius: 2px;
}

@media (max-width: 768px) {
  .widget-container {
    margin-bottom: 20px;
  }
  .widget-header {
    padding: 15px;
  }
  .widget-title {
    font-size: 16px;
  }
  .widget-content {
    padding: 15px;
  }
  .stat-card {
    min-height: 150px;
    padding: 15px;
  }
  .stat-value {
    font-size: 28px;
  }
  .stat-value-small {
    font-size: 16px;
  }
  .section-header-grid {
    grid-template-columns: auto 1fr !important;
    grid-template-rows: auto auto !important;
    grid-template-areas: "title title" "icon actions" !important;
    gap: 15px !important;
  }
  .section-header-grid .section-title {
    grid-area: title !important;
    justify-self: center !important;
    text-align: center !important;
    width: 100% !important;
    font-size: 20px !important;
  }
  .section-header-grid .section-title .section-title-icon {
    display: none !important;
  }
  .section-header-grid .section-title .section-title-text {
    display: inline-block !important;
  }
  .section-header-grid .section-icon-mobile {
    display: block !important;
    grid-area: icon !important;
    align-self: center !important;
  }
  .section-header-grid .section-icon-mobile iconify-icon {
    width: 30px !important;
    height: 30px !important;
  }
  .section-header-grid .section-actions {
    grid-area: actions !important;
    justify-self: end !important;
    align-self: center !important;
  }
  .section-header:not(.section-header-grid) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    gap: 15px;
  }
  .section-header:not(.section-header-grid) .section-title {
    font-size: 20px;
  }
  .mb-5 {
    margin-bottom: 3rem !important;
  }
  .mb-5::after {
    bottom: -1.5rem;
    width: 40px;
    height: 3px;
  }
  .tournament-statistics {
    border-radius: 8px;
  }
  .tournament-statistics .champion-shield-wrapper {
    width: 48px;
    height: 48px;
  }
}
/**
 * Wallet Widget Specific Styles
 * Styles specific to the wallet widget implementation
 */
.wallet-widget .widget-content {
  padding: 0;
}
.wallet-widget .card__content {
  padding: 25px;
}

.statistics-section {
  position: relative;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 12px;
  padding: 30px;
  margin-bottom: 30px;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.statistics-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: var(--champion-bg-url, none);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  z-index: 0;
  pointer-events: none;
  -webkit-filter: blur(1px);
          filter: blur(1px);
}
.statistics-section.has-champion-bg::before {
  opacity: 0.08;
}
.statistics-section > * {
  position: relative;
  z-index: 1;
}
.statistics-section h5 {
  color: white;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 25px;
}

.champion-display {
  min-height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.champion-display .team-name {
  font-size: 16px;
  font-weight: bold;
  color: #2c3e50;
  text-shadow: 1px 1px 2px rgba(255, 215, 0, 0.3);
  text-align: center;
}

.champion-shield-wrapper {
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.champion-shield-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.2));
          filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.2));
}

.competition-selector {
  background: linear-gradient(135deg, #f8f9fa, #fff);
  padding: 25px;
  border-radius: 10px;
  border-left: 5px solid var(--color-primary, #667eea);
  margin-bottom: 25px;
}
.competition-selector .form-control {
  max-width: 100%;
  font-weight: 500;
  padding: 12px 15px;
  border-radius: 8px;
  border: 2px solid #e8ecef;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}
.competition-selector .form-control:focus {
  border-color: var(--color-primary, #667eea);
  -webkit-box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.1);
          box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.1);
}
.competition-selector .form-label {
  color: var(--color-dark, #2c3e50);
  margin-bottom: 12px;
  font-weight: 600;
}

.wallet-buttons {
  padding: 30px 20px;
  background: #fff;
  border-radius: 10px;
}
.wallet-buttons h5 {
  color: var(--color-dark, #2c3e50);
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wallet-icon-wrapper {
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wallet-platform-icon {
  height: 50px;
  width: auto;
  -webkit-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
          filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.wallet-option {
  padding: 25px;
  border: 2px solid #e8ecef;
  border-radius: 12px;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
  min-height: 220px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
}
.wallet-option:hover .wallet-platform-icon {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.wallet-btn-apple,
.wallet-btn-google {
  min-width: 220px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-weight: 600;
  padding: 14px 28px;
  border-radius: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-transform: none;
  letter-spacing: 0.5px;
}

.wallet-btn-apple {
  background: linear-gradient(135deg, #000, #222);
  border: none;
  color: #fff;
}
.wallet-btn-apple:hover {
  background: linear-gradient(135deg, #222, #444);
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
          box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
  color: #fff;
}

.wallet-btn-google {
  background: linear-gradient(135deg, #4285f4, #3367d6);
  border: none;
  color: #fff;
}
.wallet-btn-google:hover {
  background: linear-gradient(135deg, #3367d6, #2851a3);
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 6px 20px rgba(66, 133, 244, 0.4);
          box-shadow: 0 6px 20px rgba(66, 133, 244, 0.4);
  color: #fff;
}

.wallet-description {
  padding: 25px;
  background: linear-gradient(135deg, #f8f9fa, #fff);
  border-radius: 10px;
  border-left: 5px solid var(--color-primary, #667eea);
}
.wallet-description h5 {
  color: var(--color-dark, #2c3e50);
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wallet-description p {
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 0;
}

.wallet-instructions {
  padding: 25px;
  background: linear-gradient(135deg, #f8f9fa, #fff);
  border-radius: 10px;
}
.wallet-instructions h5 {
  color: var(--color-dark, #2c3e50);
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wallet-instructions ol li span:not(.instruction-number) {
  color: var(--color-dark, #2c3e50);
  font-size: 15px;
  line-height: 1.5;
}

.wallet-widget .alert.alert-info {
  background: linear-gradient(135deg, #e3f2fd, #f5f9ff);
  border: 2px solid #2196f3;
  border-radius: 10px;
  padding: 20px;
}
.wallet-widget .alert.alert-info .alert-heading {
  color: #1976d2;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wallet-widget .alert.alert-info ul {
  list-style: none;
  padding-left: 0;
}
.wallet-widget .alert.alert-info ul li {
  padding: 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wallet-widget .widget-player {
  margin-bottom: 30px;
}
.wallet-widget .player-showcase-card {
  padding: 20px 15px;
}
.wallet-widget .player-details-section {
  padding: 20px 15px;
}

.wallet-widget iconify-icon {
  vertical-align: middle;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

@media (max-width: 768px) {
  .wallet-widget .statistics-section {
    padding: 20px;
  }
  .wallet-widget .wallet-option {
    margin-bottom: 15px;
    min-height: 200px;
  }
  .wallet-widget .wallet-btn-apple,
  .wallet-widget .wallet-btn-google {
    min-width: 200px;
    padding: 12px 20px;
  }
  .wallet-widget .competition-selector,
  .wallet-widget .wallet-description,
  .wallet-widget .wallet-instructions {
    padding: 20px;
  }
}
/* Player Card Widget Styles for La Porra HomePage */
.widget-container.player-card {
  background: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.widget-container.player-card:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
}

.player-card {
  position: relative;
}
.player-card--featured .player-card__photo {
  height: 200px;
}
.player-card--featured .player-card__number {
  font-size: 48px;
  width: 60px;
  height: 60px;
}
.player-card--compact .player-card__photo {
  height: 150px;
}
.player-card--compact .player-card__number {
  font-size: 36px;
  width: 48px;
  height: 48px;
}
.player-card--compact .player-card__stats {
  padding: 10px;
}
.player-card--mini .player-card__mini {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px;
}
.player-card--mini .player-card__avatar--mini {
  width: 48px;
  height: 48px;
  margin-right: 12px;
  border-radius: 50%;
  overflow: hidden;
}
.player-card--mini .player-card__avatar--mini img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.player-card--tone-1 .player-card__number {
  background: linear-gradient(135deg, #FFD700, #FFA500);
  color: #fff;
}
.player-card--tone-1 .player-card__ribbon {
  background-color: #FFD700;
}

.player-card--tone-2 .player-card__number {
  background: linear-gradient(135deg, #C0C0C0, #8B8B8B);
  color: #fff;
}
.player-card--tone-2 .player-card__ribbon {
  background-color: #C0C0C0;
}

.player-card--tone-3 .player-card__number {
  background: linear-gradient(135deg, #CD7F32, #8B4513);
  color: #fff;
}
.player-card--tone-3 .player-card__ribbon {
  background-color: #CD7F32;
}

.player-card--tone--1 .player-card__number,
.player-card--tone--2 .player-card__number,
.player-card--tone--3 .player-card__number {
  background: linear-gradient(135deg, #FF6B6B, #C92A2A);
  color: #fff;
}

.player-card__link {
  display: block;
  text-decoration: none;
  color: inherit;
}

.player-card__ribbon {
  position: absolute;
  width: 30px;
  height: 35px;
  background-color: #FFD700;
  top: 10px;
  right: 15px;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.player-card__ribbon .fa-star {
  color: #fff;
  font-size: 16px;
}
.player-card__ribbon::before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  border-top: 8px solid #FFD700;
  border-right: 15px solid transparent;
}
.player-card__ribbon::after {
  content: "";
  position: absolute;
  bottom: -8px;
  right: 0;
  border-top: 8px solid #FFD700;
  border-left: 15px solid transparent;
}

.player-card__photo {
  position: relative;
  height: 180px;
  overflow: hidden;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.player-card__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.3;
}

.player-card__badge {
  position: absolute;
  width: 60px;
  height: 60px;
  bottom: 20px;
  left: 20px;
  border-radius: 50%;
  border: 3px solid #fff;
  overflow: hidden;
  background: #fff;
}
.player-card__badge img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.player-card__chest-name {
  position: absolute;
  bottom: 30px;
  right: 20px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.player-card__header {
  padding: 15px;
  background: #f8f9fa;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.player-card__number {
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, #667eea, #764ba2);
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  margin-right: 12px;
}

.player-card__name {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0;
}

.player-card__first-name {
  display: block;
  font-size: 14px;
  color: #6c757d;
}

.player-card__last-name {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #212529;
}

.player-card__stats {
  padding: 15px;
  background: #fff;
}

.player-card__stats-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.player-card__stat {
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.player-card__stat-number {
  font-size: 20px;
  font-weight: bold;
  color: #212529;
  margin-bottom: 5px;
}

.player-card__stat-label {
  font-size: 11px;
  text-transform: uppercase;
  color: #6c757d;
  letter-spacing: 0.5px;
}

.en-la-gloria-users {
  padding: 20px 0;
}
.en-la-gloria-users .row {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.en-la-purria-users h2 {
  font-size: 28px;
  margin-bottom: 20px;
  color: #dc3545;
  font-weight: bold;
}
@media (min-width: 991px) {
  .en-la-purria-users h2 {
    font-size: 24px;
  }
}
.en-la-purria-users .to-bottom {
  padding-bottom: 20px;
}

@media (max-width: 991px) {
  .player-card--featured .player-card__photo {
    height: 150px;
  }
  .player-card--compact .player-card__photo {
    height: 120px;
  }
  .player-card__stat-number {
    font-size: 16px;
  }
  .en-la-gloria-users h2,
  .en-la-purria-users h2 {
    font-size: 24px;
  }
}
@media (max-width: 576px) {
  .player-card__stats-inner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .player-card__stat {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    margin-bottom: 10px;
  }
}
/**
 * Mobile Menu Fixes - Enhanced touch support and reliability
 * Addresses z-index conflicts and touch target optimization
 */
/* Competition bar height for consistent positioning */
/* CRITICAL FIX: Hide footer completely when mobile menu is open */
/* Using the new body.mobile-menu-open class for maximum reliability */
body.mobile-menu-open footer,
body.mobile-menu-open #footer,
body.mobile-menu-open .footer,
body.mobile-menu-open [class*=footer],
body.mobile-menu-open [id*=footer] {
  display: none !important;
  visibility: hidden !important;
  position: fixed !important;
  top: 200% !important;
  bottom: auto !important;
  left: -9999px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: -99999 !important;
  -webkit-transform: translateY(9999px) !important;
          transform: translateY(9999px) !important;
}
body.mobile-menu-open .footer-widgets,
body.mobile-menu-open .footer-secondary,
body.mobile-menu-open .footer-info,
body.mobile-menu-open .footer-copyright,
body.mobile-menu-open .footer-nav,
body.mobile-menu-open .footer-logo {
  display: none !important;
  visibility: hidden !important;
  z-index: -99999 !important;
}

/* Also keep the old selector as fallback */
.site-wrapper--has-overlay .footer,
.site-wrapper--has-overlay #footer,
.site-wrapper--has-overlay [class*=footer],
.site-wrapper--has-overlay [id*=footer] {
  display: none !important;
  visibility: hidden !important;
  position: fixed !important;
  top: 200% !important;
  bottom: auto !important;
  left: -9999px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: -99999 !important;
  -webkit-transform: translateY(9999px) !important;
          transform: translateY(9999px) !important;
}

/* Enhanced hamburger button for better mobile interaction */
@media only screen and (max-width: 991px) {
  .burger-menu-icon {
    z-index: 1003 !important;
    position: absolute !important;
    top: 40px !important;
    left: 34px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 26px !important;
    height: 19px !important;
    cursor: pointer !important;
  }
  .burger-menu-icon::before {
    content: "";
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    z-index: 1;
  }
  .burger-menu-icon:active {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  .burger-menu-icon .burger-menu-icon__line {
    display: block !important;
    position: absolute !important;
    top: 8px !important;
    left: 0 !important;
    width: 100% !important;
    height: 3px !important;
    background-color: #fff !important;
  }
  .burger-menu-icon .burger-menu-icon__line::before, .burger-menu-icon .burger-menu-icon__line::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    width: 100% !important;
    height: 3px !important;
    background-color: #fff !important;
    left: 0 !important;
  }
  .burger-menu-icon .burger-menu-icon__line::before {
    top: -8px !important;
  }
  .burger-menu-icon .burger-menu-icon__line::after {
    top: 8px !important;
  }
  .burger-menu-icon.burger-menu-icon--active .burger-menu-icon__line {
    background-color: transparent;
  }
  .burger-menu-icon.burger-menu-icon--active .burger-menu-icon__line::before {
    -webkit-transform: rotate(45deg) translate(6px, 6px);
            transform: rotate(45deg) translate(6px, 6px);
  }
  .burger-menu-icon.burger-menu-icon--active .burger-menu-icon__line::after {
    -webkit-transform: rotate(-45deg) translate(6px, -6px);
            transform: rotate(-45deg) translate(6px, -6px);
  }
  .header-mobile__inner {
    overflow: visible !important;
    position: relative !important;
  }
  .site-overlay {
    z-index: 999 !important;
  }
  .site-wrapper--has-overlay .site-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .main-nav {
    z-index: 1000 !important;
    background-color: #1e1e1e !important;
    opacity: 1 !important;
    top: 42px !important;
    height: calc(100vh - 42px) !important;
    max-height: calc(100vh - 42px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .site-wrapper--has-overlay .main-nav {
    z-index: 1001 !important;
    background-color: #1e1e1e !important;
    opacity: 1 !important;
    position: fixed !important;
    top: 42px !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 270px !important;
    max-height: calc(100vh - 42px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .main-nav.is-scrolling .main-nav__list li a {
    pointer-events: none !important;
  }
}
@media only screen and (max-width: 991px) and (min-width: 768px) and (max-width: 991px) {
  .main-nav {
    top: 56px !important;
    height: calc(100vh - 56px) !important;
  }
  .site-wrapper--has-overlay .main-nav {
    top: 56px !important;
    max-height: calc(100vh - 56px) !important;
  }
}
@media only screen and (max-width: 991px) and (max-width: 480px) {
  .main-nav {
    top: 52px !important;
    height: calc(100vh - 52px) !important;
  }
  .site-wrapper--has-overlay .main-nav {
    top: 52px !important;
    max-height: calc(100vh - 52px) !important;
  }
}
@media only screen and (max-width: 991px) {
  .main-nav__list li a {
    min-height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 12px 15px;
  }
}
@media only screen and (max-width: 991px) and (hover: hover) {
  .main-nav__list li a:hover {
    background-color: #333333;
    -webkit-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
  }
}
@media only screen and (max-width: 991px) {
  .main-nav__list li a:active {
    background-color: #444444;
  }
  .mobile-only-predicciones {
    display: block !important;
  }
  .mobile-only-predicciones a {
    background: rgba(255, 235, 59, 0.35) !important;
    color: white !important;
    font-weight: 700;
    text-transform: uppercase;
    padding: 12px 20px !important;
    border-radius: 4px;
    margin: 8px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border: 1px solid rgba(255, 235, 59, 0.5);
  }
}
@media only screen and (max-width: 991px) and (hover: none) and (pointer: coarse) {
  .mobile-only-predicciones a:hover {
    background: rgba(255, 235, 59, 0.35) !important;
    color: white !important;
    border-color: rgba(255, 235, 59, 0.5);
  }
}
@media only screen and (max-width: 991px) {
  .mobile-only-predicciones a:active {
    background: rgba(255, 235, 59, 0.6) !important;
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    border-color: rgba(255, 235, 59, 0.8);
  }
  .mobile-only-logout {
    margin-top: 20px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 20px !important;
  }
  .mobile-only-logout a {
    color: #ff6b6b !important;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 12px 15px;
  }
}
@media only screen and (max-width: 991px) and (hover: hover) {
  .mobile-only-logout a:hover {
    background-color: rgba(255, 107, 107, 0.1) !important;
    color: #ff5252 !important;
    border-radius: 4px;
  }
}
@media only screen and (max-width: 991px) {
  .mobile-only-logout a:active {
    background-color: rgba(255, 107, 107, 0.15) !important;
    color: #ff5252 !important;
    border-radius: 4px;
  }
  .main-nav::-webkit-scrollbar {
    width: 4px;
  }
  .main-nav::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
  }
  .main-nav::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 2px;
  }
  .main-nav::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.5);
  }
  .site-wrapper--has-overlay {
    overflow: hidden !important;
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
  }
  body.site-wrapper--has-overlay [class*=footer],
  body.site-wrapper--has-overlay [id*=footer],
  body.site-wrapper--has-overlay .footer,
  body.site-wrapper--has-overlay #footer,
  body.site-wrapper--has-overlay .footer-mobile,
  body.site-wrapper--has-overlay .mobile-footer,
  body.site-wrapper--has-overlay .bottom-nav,
  body.site-wrapper--has-overlay .mobile-bottom-nav,
  body.site-wrapper--has-overlay .fixed-bottom,
  body.site-wrapper--has-overlay .footer-widgets,
  body.site-wrapper--has-overlay .footer-secondary,
  body.site-wrapper--has-overlay .footer-info,
  body.site-wrapper--has-overlay .footer-copyright,
  body.site-wrapper--has-overlay .footer-nav,
  body.site-wrapper--has-overlay .footer-logo,
  .site-wrapper--has-overlay [class*=footer],
  .site-wrapper--has-overlay [id*=footer],
  .site-wrapper--has-overlay .footer,
  .site-wrapper--has-overlay #footer,
  .site-wrapper--has-overlay .footer-mobile,
  .site-wrapper--has-overlay .mobile-footer,
  .site-wrapper--has-overlay .bottom-nav,
  .site-wrapper--has-overlay .mobile-bottom-nav,
  .site-wrapper--has-overlay .fixed-bottom,
  .site-wrapper--has-overlay .footer-widgets,
  .site-wrapper--has-overlay .footer-secondary,
  .site-wrapper--has-overlay .footer-info,
  .site-wrapper--has-overlay .footer-copyright,
  .site-wrapper--has-overlay .footer-nav,
  .site-wrapper--has-overlay .footer-logo {
    display: none !important;
    visibility: hidden !important;
    z-index: -9999 !important;
    position: static !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .main-nav .main-nav__list {
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 60px !important;
  }
  .main-nav > .footer,
  .main-nav > #footer,
  .main-nav > .footer-nav,
  .main-nav > .footer-widgets,
  .main-nav > .footer-secondary {
    display: none !important;
  }
}
@media screen and (min-width: 992px) {
  .mobile-only-predicciones,
  .mobile-only-logout {
    display: none !important;
  }
  .desktop-only {
    display: block !important;
  }
}
@media screen and (max-width: 991px) {
  .desktop-only {
    display: none !important;
  }
}
/* Prevent iOS zoom on form inputs */
@media screen and (max-width: 991px) {
  input[type=text],
  input[type=email],
  input[type=password],
  input[type=search],
  textarea,
  select {
    font-size: 16px !important;
  }
}
/* Fix submenu touch targets and prevent auto-closing */
@media screen and (max-width: 991px) {
  .main-nav__toggle,
  .main-nav__toggle-2 {
    display: inline-block !important;
    width: 44px !important;
    height: 44px !important;
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    -webkit-transform: translateY(-50%) !important;
            transform: translateY(-50%) !important;
    cursor: pointer !important;
    z-index: 10 !important;
    -ms-touch-action: manipulation !important;
        touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
  }
  .main-nav__toggle::before,
  .main-nav__toggle-2::before {
    content: "" !important;
    position: absolute !important;
    top: -5px !important;
    right: -5px !important;
    bottom: -5px !important;
    left: -5px !important;
    z-index: 1 !important;
  }
  .main-nav__list > li.has-children {
    position: relative !important;
  }
  .main-nav__list > li.has-children > a {
    padding-right: 50px !important;
  }
  .main-nav__sub,
  .main-nav__megamenu,
  .main-nav__sub-2,
  .main-nav__sub-3 {
    -webkit-tap-highlight-color: transparent !important;
    -ms-touch-action: auto !important;
        touch-action: auto !important;
  }
  .main-nav__sub[style*="display: block"], .main-nav__sub:visible,
  .main-nav__megamenu[style*="display: block"],
  .main-nav__megamenu:visible,
  .main-nav__sub-2[style*="display: block"],
  .main-nav__sub-2:visible,
  .main-nav__sub-3[style*="display: block"],
  .main-nav__sub-3:visible {
    position: relative !important;
    z-index: 999 !important;
  }
  .main-nav__sub.sliding,
  .main-nav__megamenu.sliding {
    pointer-events: none !important;
  }
}
/* Fix competition selector z-index conflicts with mobile menu */
@media screen and (max-width: 991px) {
  .competition-selector-wrapper {
    z-index: 998 !important;
  }
  .competition-selector-wrapper .dropdown-menu.show {
    z-index: 998 !important;
  }
  .site-wrapper--has-overlay .competition-selector-wrapper {
    z-index: 500 !important;
  }
  .site-wrapper--has-overlay .competition-selector-wrapper .dropdown-menu.show {
    display: none !important;
  }
  .site-content#teams .footer,
  .site-content#teams #footer,
  .site-content#teams [class*=footer],
  .site-content#teams [id*=footer],
  .site-content#competition .footer,
  .site-content#competition #footer,
  .site-content#competition [class*=footer],
  .site-content#competition [id*=footer],
  .site-content#matches .footer,
  .site-content#matches #footer,
  .site-content#matches [class*=footer],
  .site-content#matches [id*=footer],
  .site-content#players .footer,
  .site-content#players #footer,
  .site-content#players [class*=footer],
  .site-content#players [id*=footer],
  .site-content#groups .footer,
  .site-content#groups #footer,
  .site-content#groups [class*=footer],
  .site-content#groups [id*=footer],
  body#competition .footer,
  body#competition #footer,
  body#competition [class*=footer],
  body#competition [id*=footer],
  body.competition-page .footer,
  body.competition-page #footer,
  body.competition-page [class*=footer],
  body.competition-page [id*=footer] {
    position: relative !important;
    z-index: 1 !important;
  }
  html.site-wrapper--has-overlay *[class*=footer], html.site-wrapper--has-overlay *[id*=footer],
  body.site-wrapper--has-overlay *[class*=footer],
  body.site-wrapper--has-overlay *[id*=footer],
  .site-wrapper--has-overlay *[class*=footer],
  .site-wrapper--has-overlay *[id*=footer] {
    display: none !important;
    visibility: hidden !important;
    position: fixed !important;
    top: -9999px !important;
    left: -9999px !important;
    z-index: -9999 !important;
  }
  .nav-account__item--logout {
    margin: 0 !important;
    margin-bottom: 20px !important;
    padding: 0 !important;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 11px;
  }
  .nav-account__item--logout:hover {
    background-color: #bba45a !important;
  }
  .nav-account__item--logout:hover a {
    color: white !important;
  }
}
/* Matches Section - Dark box styling */
.container-lp-preds.match-schedule {
  margin-top: 20px !important;
  background-color: #292D34;
  padding: 30px;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.match-schedule .match-score-inline__body {
  background-color: #32363d;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.match-schedule .match-score-inline__body:hover {
  background-color: #3a3f47;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Match day info adjustments for dark box */
.match-schedule .card__header {
  background-color: #32363d;
  border-bottom: 2px solid #3a3f47;
  padding: 20px;
  margin-bottom: 20px;
}

.match-schedule .card__title {
  color: #ffffff;
  font-size: 1.3em;
  font-weight: 600;
}

.match-schedule h5.text-muted {
  color: #9ca3af !important;
  font-size: 0.95em;
  margin-top: 5px;
}

.match-schedule .match-score-inline__body-inner {
  padding: 15px;
}

.match-schedule .btn.btn-block {
  background-color: #3a3f47;
  border-color: #3a3f47;
  color: #ffffff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.match-schedule .btn.btn-block:hover {
  background-color: #42474f;
  border-color: #42474f;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}

/* Quarter-finals matches display */
.quarters-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 20px;
}

.quarters-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}

.quarters-column h4 {
  text-align: center;
  color: #31404b;
  margin-bottom: 10px;
  font-size: 1.1em;
  font-weight: 600;
}

@media (max-width: 768px) {
  .quarters-container {
    grid-template-columns: 1fr;
  }
}
/* Live match indicators */
.match-score-inline__body.is-playing {
  border: 2px solid #1892ed;
  background-color: rgba(24, 146, 237, 0.07);
  -webkit-animation: pulse 2s infinite;
          animation: pulse 2s infinite;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(24, 146, 237, 0.7);
            box-shadow: 0 0 0 0 rgba(24, 146, 237, 0.7);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(24, 146, 237, 0);
            box-shadow: 0 0 0 10px rgba(24, 146, 237, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(24, 146, 237, 0);
            box-shadow: 0 0 0 0 rgba(24, 146, 237, 0);
  }
}

@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(24, 146, 237, 0.7);
            box-shadow: 0 0 0 0 rgba(24, 146, 237, 0.7);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(24, 146, 237, 0);
            box-shadow: 0 0 0 10px rgba(24, 146, 237, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(24, 146, 237, 0);
            box-shadow: 0 0 0 0 rgba(24, 146, 237, 0);
  }
}
/* Match score styling */
.match-score-inline__score {
  font-size: 1.8em;
  font-weight: bold;
  color: #38a9ff;
}

.match-score-inline__status {
  color: #9ca3af;
  font-size: 0.85em;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Team names in matches */
.match-score-inline__team-name {
  font-weight: 500;
  color: #e5e7eb;
  font-size: 1em;
}

/* Matches Section - Dark box styling */
.matches-section {
  background-color: #333;
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 30px;
}
.matches-section__title {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.matches-section .match-day__info {
  background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.matches-section .match-day__info:last-child {
  border-bottom: none;
}
.matches-section .match-day__info .match-day__info__content__match__team__name {
  color: #fff;
}
.matches-section .match-day__info .match-day__info__content__match__team__name a {
  color: #fff;
  text-decoration: none;
}
.matches-section .match-day__info .match-day__info__content__match__team__name a:hover {
  color: #ddd;
}
.matches-section .match-day__info .match-day__info__content__match__team__name .vs {
  color: #999;
}
.matches-section .match-day__info .match-day__info__content__match__team__name .menu-matchday-date,
.matches-section .match-day__info .match-day__info__content__match__team__name .menu-matchday-time,
.matches-section .match-day__info .match-day__info__content__match__team__name .menu-matchday-minutes {
  color: #aaa;
}

/* Competition Title Bar - Dynamic colors based on status */
.competition-title-bar {
  padding: 10px 0;
  min-height: 44px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  position: relative;
  z-index: 2500;
  font-family: "Montserrat", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 992px) {
  .competition-title-bar {
    position: relative;
    z-index: 999990;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .competition-title-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1002;
  }
}
@media (max-width: 767px) {
  .competition-title-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1002;
  }
}
.competition-title-bar.competition-status-active, .competition-title-bar.competition-status-default, .competition-title-bar:not([class*=competition-status-]) {
  background: linear-gradient(135deg, #2282bc 0%, #134672 100%);
}
.competition-title-bar.competition-status-active a, .competition-title-bar.competition-status-default a, .competition-title-bar:not([class*=competition-status-]) a {
  color: #fff !important;
}
.competition-title-bar.competition-status-finished {
  background: linear-gradient(135deg, #9f8c4d 0%, #645831 100%);
}
.competition-title-bar.competition-status-finished a {
  color: #fff !important;
}
.competition-title-bar.competition-status-future {
  background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%);
}
.competition-title-bar.competition-status-future a {
  color: #fff !important;
}
.competition-title-bar.competition-status-future.competition-status-not-participated {
  background: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);
  position: relative;
  overflow: hidden;
}
.competition-title-bar.competition-status-future.competition-status-not-participated::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%);
  -webkit-animation: shimmer 3s infinite;
          animation: shimmer 3s infinite;
}
@-webkit-keyframes shimmer {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
@keyframes shimmer {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
.competition-title-bar .competition-title-display {
  color: #fff;
  font-size: 9px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: inline-block;
  padding: 0 15px;
}
.competition-title-bar .competition-info-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 100%;
}
.competition-title-bar .competition-left-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.competition-title-bar .competition-left-info .competition-year {
  color: #333;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 0 15px;
}
.competition-title-bar .competition-middle-info {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 0 15px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: center;
  pointer-events: none;
}
.competition-title-bar .competition-status-display {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 0 15px;
}
.competition-title-bar .competition-status-display.status-finished {
  color: #CCC;
}
.competition-title-bar .competition-status-display .status-link {
  color: inherit;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.competition-title-bar .competition-status-display .status-link:hover {
  color: #ffcc00;
  text-decoration: none;
}
.competition-title-bar .competition-status-display .status-link:hover .status-text {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.competition-title-bar .competition-status-display .status-text {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.competition-title-bar .competition-right-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding-right: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.competition-title-bar .competition-selector-in-bar {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 15px;
}
.competition-title-bar .competition-players-count {
  color: rgba(255, 255, 255, 0.9);
  font-size: 11px;
  font-weight: 500;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 0;
  height: 100%;
}
.competition-title-bar .competition-players-count iconify-icon {
  font-size: 16px;
  opacity: 0.7;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.competition-title-bar .competition-players-count i {
  font-size: 14px;
  opacity: 0.9;
}
.competition-title-bar .competition-players-count .competition-bar-bolded {
  font-weight: 600;
  color: #fff;
  font-size: 12px;
}
.competition-title-bar .competition-players-count .competition-bar-link {
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 2px 4px;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  /* Custom colors for competition icons */
}
.competition-title-bar .competition-players-count .competition-bar-link:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
  text-decoration: none;
}
.competition-title-bar .competition-players-count .competition-bar-link:hover iconify-icon {
  opacity: 1;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.competition-title-bar .competition-players-count .competition-bar-link:hover .competition-bar-bolded {
  color: #fff;
}
.competition-title-bar .competition-players-count .competition-bar-link:active {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
.competition-title-bar .competition-players-count .competition-bar-link iconify-icon {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  margin-left: 5px;
  margin-right: 0px;
}
.competition-title-bar .competition-players-count .competition-bar-link.predictions-icon {
  background: rgba(255, 235, 59, 0.2196078431);
  color: white !important;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0 20px !important;
  border-radius: 4px;
}
.competition-title-bar .competition-players-count .competition-bar-link.predictions-icon:hover {
  background: rgba(255, 235, 59, 0.4) !important;
  color: white !important;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-box-shadow: 0 2px 8px rgba(255, 235, 59, 0.3);
          box-shadow: 0 2px 8px rgba(255, 235, 59, 0.3);
}
.competition-title-bar .competition-players-count .competition-bar-link.competition-icon:hover {
  color: var(--gray) !important;
}
.competition-title-bar .competition-players-count .competition-bar-link.groups-icon:hover {
  color: #ac7eff !important;
}
.competition-title-bar .competition-players-count .competition-bar-link.stages-icon:hover {
  color: #38c9e6 !important;
}
.competition-title-bar .competition-players-count .competition-bar-link.teams-icon:hover {
  color: #ff6b78 !important;
}
.competition-title-bar .competition-players-count .competition-bar-link.matches-icon:hover {
  color: var(--green) !important;
}
.competition-title-bar .competition-players-count .competition-bar-link.players-icon:hover {
  color: var(--orange) !important;
}
.competition-title-bar .container {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.competition-title-bar .competition-status-display iconify-icon {
  border: 0px solid pink !important;
  top: 4px;
  position: relative;
  left: -6px;
}

@media (max-width: 768px) {
  .predictions-page .site-wrapper {
    overflow: hidden;
  }
  .predictions-container {
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    top: 0 !important;
    padding: 20px 0px;
    margin-top: 150px !important;
  }
  .predictions-container .player-header-section {
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    top: 0px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .predictions-container .player-header-section .player-avatar-wrapper {
    display: none;
  }
  .predictions-container .player-header-section .player-name {
    text-align: center;
    margin: 1rem;
  }
  .predictions-container .player-header-section .player-stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 0rem;
  }
  .predictions-container .player-header-section .btn {
    margin-bottom: 1rem;
  }
  .predictions-tabs-wrapper {
    margin: 0 !important;
    padding: 0 !important;
  }
  .predictions-tabs-wrapper .predictions-tabs {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100%;
  }
  .predictions-tabs-wrapper .predictions-tabs .stats-grid {
    margin: 0 !important;
    padding: 0 !important;
    grid-template-columns: repeat(1, 1fr);
  }
  .predictions-tabs-wrapper .predictions-tabs .stats-grid .stat-item {
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .predictions-tabs-wrapper .predictions-tabs .predictions-nav-tabs {
    border: 0px solid green !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .predictions-tabs-wrapper .predictions-tabs .predictions-nav-tabs a span {
    display: none;
  }
  .predictions-tabs-wrapper .predictions-tabs .predictions-nav-tabs a.active span {
    display: inline;
  }
  .predictions-tabs-wrapper .predictions-tabs .predictions-tab-content {
    border: 0px solid blue !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .predictions-tabs-wrapper .predictions-tabs .predictions-tab-content .tab-pane {
    border: 0px solid purple !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .predictions-tabs-wrapper .predictions-tabs .predictions-tab-content .tab-pane .tab-content-wrapper {
    border: 0px solid orange !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .predictions-tabs-wrapper .predictions-tabs .predictions-tab-content .tab-pane .tab-content-wrapper .player-partidos-content {
    border: 0px solid yellow !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .predictions-tabs-wrapper .predictions-tabs .predictions-tab-content .tab-pane .tab-content-wrapper .player-partidos-content .matchday-tabs-container {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
  }
  .predictions-tabs-wrapper .predictions-tabs .predictions-tab-content .tab-pane .tab-content-wrapper .player-partidos-content .matchday-tabs-container .tab-row {
    border: 0px solid red !important;
  }
  .predictions-tabs-wrapper .predictions-tabs .predictions-tab-content .tab-pane .tab-content-wrapper .player-partidos-content .matchday-tabs-container .tab-row.playoff-row {
    display: none !important;
  }
  .player-heading {
    top: 150px;
  }
  .player-heading .player-info__name {
    font-size: 1.2rem !important;
    line-height: 1em !important;
    gap: 0.5rem !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 0.5rem !important;
  }
  .player-heading .player-info__name span {
    font-size: 1.2rem !important;
  }
  .site-content--player {
    top: 120px;
    position: relative;
  }
  .site-content#teams, .site-content#matches, .site-content#players, .site-content#groups, .site-content#competition {
    position: relative;
    top: 150px;
    padding: 0 !important;
  }
  .content-filter__list {
    padding: 10px 0 0 0;
  }
  #live_widget {
    margin-top: 160px !important;
  }
  #live_widget .vs {
    width: 50px !important;
  }
}
/* Wallet Page Visibility - Force wallet content to always show */
.wallet-page {
  /* Competition selector must ALWAYS be visible on wallet page */
  /* NEVER ADD display: none here! */
}
.wallet-page .competition-selector {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.wallet-page .container-lp-player,
.wallet-page .wallet-content {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Wallet widget styles */
.wallet-widget {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 15px;
  padding: 40px 35px;
  color: white;
  -webkit-box-shadow: 0 15px 40px rgba(102, 126, 234, 0.25);
          box-shadow: 0 15px 40px rgba(102, 126, 234, 0.25);
  margin-bottom: 40px;
}

.wallet-widget h3 {
  color: white;
  font-size: 1.5em;
  margin-bottom: 20px;
  font-weight: 600;
}

.wallet-widget .wallet-description {
  font-size: 1.1em;
  line-height: 1.6;
  margin-bottom: 25px;
  opacity: 0.95;
}

/* Wallet buttons */
.wallet-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 25px;
}

.wallet-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 12px 24px;
  background-color: rgba(255, 255, 255, 0.2);
  color: white;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 8px;
  font-weight: 600;
  font-size: 1em;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}

.wallet-button:hover {
  background-color: rgba(255, 255, 255, 0.3);
  border-color: rgba(255, 255, 255, 0.5);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  color: white;
  text-decoration: none;
}

.wallet-button img {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}

/* Apple Wallet specific */
.wallet-button.apple-wallet {
  background-color: #000000;
  border-color: #000000;
}

.wallet-button.apple-wallet:hover {
  background-color: #1a1a1a;
  border-color: #1a1a1a;
}

/* Google Wallet specific */
.wallet-button.google-wallet {
  background-color: #4285f4;
  border-color: #4285f4;
}

.wallet-button.google-wallet:hover {
  background-color: #357ae8;
  border-color: #357ae8;
}

/* Wallet pass preview */
.wallet-pass-preview {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 20px;
  margin-top: 20px;
}

.wallet-pass-preview h4 {
  color: white;
  margin-bottom: 15px;
  font-size: 1.2em;
}

.wallet-pass-info {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 15px;
}

.wallet-pass-info-item {
  background-color: rgba(255, 255, 255, 0.1);
  padding: 10px;
  border-radius: 5px;
}

.wallet-pass-info-item label {
  display: block;
  font-size: 0.85em;
  opacity: 0.8;
  margin-bottom: 5px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.wallet-pass-info-item .value {
  font-size: 1.1em;
  font-weight: 600;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .wallet-widget {
    padding: 20px;
  }
  .wallet-widget h3 {
    font-size: 1.3em;
  }
  .wallet-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .wallet-button {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
/* Specific styles for auth pages only */
.soccer-login-page,
.soccer-register-page,
.soccer-forgot-password-page,
.soccer-coming-soon-page {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /* Light colored links for auth pages */
  /* Form container */
  /* Logo section */
  /* Form titles */
  /* Form groups */
  /* Submit buttons */
  /* Links within forms */
  /* Error messages */
  /* Success messages */
}
.soccer-login-page a,
.soccer-register-page a,
.soccer-forgot-password-page a,
.soccer-coming-soon-page a {
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.soccer-login-page a:hover,
.soccer-register-page a:hover,
.soccer-forgot-password-page a:hover,
.soccer-coming-soon-page a:hover {
  color: #e0e0e0;
  text-decoration: underline;
}
.soccer-login-page .auth-container,
.soccer-register-page .auth-container,
.soccer-forgot-password-page .auth-container,
.soccer-coming-soon-page .auth-container {
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 10px;
  padding: 40px;
  -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
          box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  max-width: 450px;
  width: 100%;
}
.soccer-login-page .auth-logo,
.soccer-register-page .auth-logo,
.soccer-forgot-password-page .auth-logo,
.soccer-coming-soon-page .auth-logo {
  text-align: center;
  margin-bottom: 30px;
}
.soccer-login-page .auth-logo img,
.soccer-register-page .auth-logo img,
.soccer-forgot-password-page .auth-logo img,
.soccer-coming-soon-page .auth-logo img {
  max-width: 150px;
  height: auto;
}
.soccer-login-page h2, .soccer-login-page h3,
.soccer-register-page h2,
.soccer-register-page h3,
.soccer-forgot-password-page h2,
.soccer-forgot-password-page h3,
.soccer-coming-soon-page h2,
.soccer-coming-soon-page h3 {
  color: #31404b;
  text-align: center;
  margin-bottom: 25px;
  font-weight: 600;
}
.soccer-login-page .form-group,
.soccer-register-page .form-group,
.soccer-forgot-password-page .form-group,
.soccer-coming-soon-page .form-group {
  margin-bottom: 20px;
}
.soccer-login-page .form-group label,
.soccer-register-page .form-group label,
.soccer-forgot-password-page .form-group label,
.soccer-coming-soon-page .form-group label {
  color: #6c757d;
  font-weight: 500;
  margin-bottom: 8px;
  display: block;
}
.soccer-login-page .form-group input,
.soccer-register-page .form-group input,
.soccer-forgot-password-page .form-group input,
.soccer-coming-soon-page .form-group input {
  width: 100%;
  padding: 12px 15px;
  border: 1px solid #dee2e6;
  border-radius: 5px;
  font-size: 1em;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.soccer-login-page .form-group input:focus,
.soccer-register-page .form-group input:focus,
.soccer-forgot-password-page .form-group input:focus,
.soccer-coming-soon-page .form-group input:focus {
  border-color: #667eea;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
  outline: none;
}
.soccer-login-page .btn-primary,
.soccer-register-page .btn-primary,
.soccer-forgot-password-page .btn-primary,
.soccer-coming-soon-page .btn-primary {
  width: 100%;
  padding: 12px;
  background: -webkit-gradient(linear, left top, right top, from(#667eea), to(#764ba2));
  background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
  border: none;
  border-radius: 5px;
  color: white;
  font-weight: 600;
  font-size: 1.1em;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.soccer-login-page .btn-primary:hover,
.soccer-register-page .btn-primary:hover,
.soccer-forgot-password-page .btn-primary:hover,
.soccer-coming-soon-page .btn-primary:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
          box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
}
.soccer-login-page .form-links,
.soccer-register-page .form-links,
.soccer-forgot-password-page .form-links,
.soccer-coming-soon-page .form-links {
  text-align: center;
  margin-top: 20px;
}
.soccer-login-page .form-links a,
.soccer-register-page .form-links a,
.soccer-forgot-password-page .form-links a,
.soccer-coming-soon-page .form-links a {
  color: #667eea;
  font-size: 0.95em;
}
.soccer-login-page .form-links a:hover,
.soccer-register-page .form-links a:hover,
.soccer-forgot-password-page .form-links a:hover,
.soccer-coming-soon-page .form-links a:hover {
  color: #764ba2;
}
.soccer-login-page .alert-danger,
.soccer-register-page .alert-danger,
.soccer-forgot-password-page .alert-danger,
.soccer-coming-soon-page .alert-danger {
  background-color: #fee;
  border: 1px solid #fcc;
  color: #c33;
  padding: 12px;
  border-radius: 5px;
  margin-bottom: 20px;
}
.soccer-login-page .alert-success,
.soccer-register-page .alert-success,
.soccer-forgot-password-page .alert-success,
.soccer-coming-soon-page .alert-success {
  background-color: #efe;
  border: 1px solid #cfc;
  color: #3c3;
  padding: 12px;
  border-radius: 5px;
  margin-bottom: 20px;
}

/* Mobile adjustments for auth pages */
@media (max-width: 768px) {
  .soccer-login-page,
  .soccer-register-page,
  .soccer-forgot-password-page,
  .soccer-coming-soon-page {
    padding: 20px;
  }
  .soccer-login-page .auth-container,
  .soccer-register-page .auth-container,
  .soccer-forgot-password-page .auth-container,
  .soccer-coming-soon-page .auth-container {
    padding: 30px 20px;
  }
  .soccer-login-page .auth-logo img,
  .soccer-register-page .auth-logo img,
  .soccer-forgot-password-page .auth-logo img,
  .soccer-coming-soon-page .auth-logo img {
    max-width: 120px;
  }
}
/* Ensure links in authenticated pages have correct colors */
.site-wrapper a {
  color: #38a9ff;
}
.site-wrapper a:hover {
  color: #1892ed;
}

/* Stage page specific styles */
.stage-page {
  /* Group standings table */
  /* Group matches */
}
.stage-page .group-section {
  margin-bottom: 40px;
  padding: 20px;
  background-color: #f8f9fa;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.stage-page .group-header {
  background: -webkit-gradient(linear, left top, right top, from(#667eea), to(#38a9ff));
  background: linear-gradient(90deg, #667eea 0%, #38a9ff 100%);
  color: white;
  padding: 15px 20px;
  border-radius: 8px 8px 0 0;
  margin: -20px -20px 20px -20px;
}
.stage-page .group-header h3 {
  margin: 0;
  font-size: 1.3em;
  font-weight: 600;
}
.stage-page .group-standings {
  margin-bottom: 30px;
}
.stage-page .group-standings .table {
  margin-bottom: 0;
}
.stage-page .group-standings .table thead {
  background-color: #e9ecef;
}
.stage-page .group-standings .table thead th {
  border-bottom: 2px solid #dee2e6;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.85em;
  letter-spacing: 0.5px;
}
.stage-page .group-standings .table tbody tr {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.stage-page .group-standings .table tbody tr:hover {
  background-color: #f1f3f5;
  -webkit-transform: translateX(2px);
          transform: translateX(2px);
}
.stage-page .group-standings .table tbody tr.qualified {
  background-color: #e8f5e9;
}
.stage-page .group-standings .table tbody tr.qualified:hover {
  background-color: #c8e6c9;
}
.stage-page .group-standings .table tbody tr.eliminated {
  opacity: 0.6;
  background-color: #ffebee;
}
.stage-page .group-matches .match-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
.stage-page .group-matches .match-item {
  background-color: white;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 15px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.stage-page .group-matches .match-item:hover {
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.stage-page .group-matches .match-item.match-finished {
  background-color: #f8f9fa;
}
.stage-page .group-matches .match-item.match-live {
  border-color: #1892ed;
  background-color: rgba(24, 146, 237, 0.05);
}

/* Predictions Page Group Info */
.predictions-group-info {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 30px;
  -webkit-box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
          box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
}
.predictions-group-info h4 {
  color: white;
  margin-bottom: 15px;
  font-size: 1.3em;
  font-weight: 600;
}
.predictions-group-info .group-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 15px;
  margin-top: 20px;
}
.predictions-group-info .group-stats .stat-item {
  text-align: center;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 5px;
}
.predictions-group-info .group-stats .stat-item .stat-label {
  font-size: 0.85em;
  opacity: 0.8;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.predictions-group-info .group-stats .stat-item .stat-value {
  font-size: 1.5em;
  font-weight: bold;
  margin-top: 5px;
}

/* Group sections for stage pages */
.group-container {
  margin-bottom: 40px;
}
.group-container .group-title {
  font-size: 1.5em;
  color: #31404b;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 3px solid #667eea;
}
.group-container .group-title .group-icon {
  color: #667eea;
  margin-right: 10px;
}
.group-container .group-content {
  background-color: white;
  border-radius: 10px;
  padding: 20px;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .stage-page .group-section {
    padding: 15px;
  }
  .stage-page .group-header {
    margin: -15px -15px 15px -15px;
    padding: 12px 15px;
  }
  .stage-page .group-header h3 {
    font-size: 1.1em;
  }
  .predictions-group-info {
    padding: 15px;
  }
  .predictions-group-info .group-stats {
    grid-template-columns: 1fr 1fr;
  }
}
.live-background {
  position: relative;
  background: url("../img/soccer/samples/live-background.jpg") 50% 0 no-repeat;
  background-size: cover;
  color: whitesmoke;
}
.live-background * {
  position: relative;
  z-index: 2;
}
.live-background::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(30, 32, 36, 0.8117647059);
  z-index: 1;
}
@media (min-width: 992px) {
  .live-background {
    min-height: 560px;
  }
}

#live_widget {
  margin-top: 3rem;
}
@media (max-width: 768px) {
  #live_widget {
    margin-top: 0 !important;
  }
}
#live_widget .container .vs {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  font-weight: bold;
  color: #17a2b8;
  font-size: 1.5rem;
  width: 120px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.text-danger {
  color: #ffb680 !important;
}

body.auth-pages .text-info {
  color: #c0e3fe !important;
}

body:not(.auth-pages) a {
  color: #1892ed;
}

body:not(.auth-pages) a:hover {
  color: #41bcf4;
}

.text-light {
  color: whitesmoke;
}

.text-success {
  color: #24d9b0 !important;
}

.text-golden {
  color: goldenrod !important;
}

.has-text-bold-white {
  color: white !important;
  font-weight: 700 !important;
}

.text-whitesmoke {
  color: whitesmoke !important;
}

.text-gray {
  color: #9a9da2;
}

.text-light-gray {
  color: #c2c5cb;
}

.text-info-light {
  color: rgba(89, 119, 141, 0.5294117647);
}

.with-montserrat-font {
  font-family: "Montserrat", sans-serif !important;
}

.header-slogan {
  text-align: left;
  color: whitesmoke !important;
}

.header-outsider-pages {
  color: #fff !important;
}

.conversacion {
  border-radius: 5px;
  padding: 10px;
  margin: 10px;
  width: 100%;
}

.entrevistador {
  font-weight: 500;
}

.entrevistado {
  color: #1892ed;
}

#punctuations_faqs {
  color: #666;
}
#punctuations_faqs .punctuation {
  color: #a0a0a0;
  font-weight: 400;
}
#punctuations_faqs .punctuation b {
  color: #1892ed;
  font-weight: bold;
}

.award-description {
  text-align: center;
}

.laporra-logo {
  max-width: 140px;
}

.porrero-actual {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  vertical-align: middle;
  -ms-flex-item-align: center;
      align-self: center;
  position: relative;
}

@media (max-width: 475px) {
  .porrero-actual {
    font-size: 16px !important;
  }
}
.page-stage .match-day__info__content__match__place {
  text-align: center;
  margin-top: 10px;
  color: #666;
  font-size: 0.85rem;
}
.page-stage .match-day__info__content__match__place span {
  display: inline-block;
}

.is-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.is-invisible {
  visibility: hidden;
}

.force-hidden {
  display: none !important;
  visibility: hidden !important;
}

.is-full-width {
  width: 100%;
}

.no-padding {
  padding: 0;
}

.to-right {
  text-align: right;
  position: absolute;
  right: 0;
  display: block;
}

.content-to-right {
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}

.to-bottom {
  position: absolute;
  bottom: 0;
  width: 98%;
}

@media (min-width: 992px) {
  .moved-to-top {
    position: relative;
    top: -177px;
  }
  .to-bottom {
    position: absolute;
    bottom: 0;
    width: 98%;
  }
}
@media (min-width: 1200px) {
  .moved-to-top {
    position: relative;
    top: -216px;
  }
}
.team-meta__logo {
  max-width: 25px;
  max-height: 25px;
  width: 100%;
  height: 100%;
  margin: 0 4px;
}

.form-control {
  color: #aaa;
}

.card__header > h6 {
  margin: 0;
}

.inline-link {
  position: absolute;
  top: 24px;
  left: 31px;
}

.btn-le-normative {
  position: relative;
  display: inline;
  float: right;
}

.site-content--player .col-lg-6.btn-link-left a {
  text-align: left;
}
.site-content--player .col-lg-6.btn-link-right a {
  text-align: right;
}

.floating-delete-btn {
  position: absolute;
  top: -27px;
  right: 0px;
}
.floating-delete-btn button {
  text-decoration: none;
  opacity: 0.5;
  border: none;
  background: none;
}
.floating-delete-btn button:hover {
  text-decoration: none;
  opacity: 1;
}

.header-top-icon {
  width: 20px;
  margin: 10px;
}

.accordion--space-between button {
  pointer-events: none;
}

.note {
  position: absolute;
  font-size: 0.8rem;
  width: 100%;
  opacity: 0.2;
}
.note:hover {
  opacity: 1;
}

.anchor-target {
  display: block;
  position: relative;
  top: -100px;
  visibility: hidden;
}

.group-section {
  margin-bottom: 2rem;
  padding: 1rem;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background-color: #f9f9f9;
}

.group-title {
  margin-bottom: 1rem;
  color: #333;
  font-weight: bold;
}

img[src*="/assets/img/profiles/"] {
  border: none !important;
}

.main-nav__list > li > a::before {
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  -webkit-transform: none !important;
          transform: none !important;
}

@media (max-width: 475px) {
  .card__content.card-content-with-no-padding {
    padding: 0 0px !important;
  }
  .card__content.card-content-with-no-padding .tournament-backet__round {
    padding: 0 0px !important;
  }
}
@media (min-width: 992px) {
  .header--layout-1 .header__primary {
    position: relative;
    z-index: 111100 !important;
  }
  .header--layout-1 .header-primary {
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
  }
  .header--layout-1 .header-primary .header-primary__nav {
    position: relative;
    top: auto;
    right: auto;
  }
}
.htmx-swapping {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}

.htmx-settling {
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}

.htmx-indicator {
  display: none;
  position: relative;
}
.htmx-indicator.htmx-request {
  display: inline-block;
}
.htmx-indicator.htmx-request::after {
  content: "⚽";
  display: inline-block;
  -webkit-animation: rotate 1s linear infinite;
          animation: rotate 1s linear infinite;
  font-size: 20px;
  margin-left: 10px;
}

html {
  scroll-behavior: smooth;
}

body {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding: 0 !important;
}

.sumbit-htmx-request-loader {
  display: none;
  position: absolute;
  bottom: 80px;
}
.sumbit-htmx-request-loader .soccer-ball-spinner {
  font-size: 12px;
  -webkit-animation: rotate 1s linear infinite;
          animation: rotate 1s linear infinite;
}

#login_form.htmx-request .sumbit-htmx-request-loader {
  bottom: 125px;
}

#forgot_password.htmx-request .sumbit-htmx-request-loader {
  bottom: 143px;
}

#register_form.htmx-request button,
#forgot_password.htmx-request button,
#reset_password.htmx-request button,
#change_password.htmx-request button,
#login_form.htmx-request button {
  background-color: #ccc;
  /* Gray background */
  color: #666;
  /* Darker text color */
  cursor: progress !important;
  opacity: 0.7;
  /* Slightly transparent */
  pointer-events: none !important;
  /* Disable all pointer events */
}
#register_form.htmx-request .sumbit-htmx-request-loader,
#forgot_password.htmx-request .sumbit-htmx-request-loader,
#reset_password.htmx-request .sumbit-htmx-request-loader,
#change_password.htmx-request .sumbit-htmx-request-loader,
#login_form.htmx-request .sumbit-htmx-request-loader {
  display: block !important;
}
#register_form.htmx-request #register_form_target,
#register_form.htmx-request #login_form_target,
#register_form.htmx-request #forgot_password_target,
#register_form.htmx-request #reset_password_target,
#register_form.htmx-request #change_password_target,
#forgot_password.htmx-request #register_form_target,
#forgot_password.htmx-request #login_form_target,
#forgot_password.htmx-request #forgot_password_target,
#forgot_password.htmx-request #reset_password_target,
#forgot_password.htmx-request #change_password_target,
#reset_password.htmx-request #register_form_target,
#reset_password.htmx-request #login_form_target,
#reset_password.htmx-request #forgot_password_target,
#reset_password.htmx-request #reset_password_target,
#reset_password.htmx-request #change_password_target,
#change_password.htmx-request #register_form_target,
#change_password.htmx-request #login_form_target,
#change_password.htmx-request #forgot_password_target,
#change_password.htmx-request #reset_password_target,
#change_password.htmx-request #change_password_target,
#login_form.htmx-request #register_form_target,
#login_form.htmx-request #login_form_target,
#login_form.htmx-request #forgot_password_target,
#login_form.htmx-request #reset_password_target,
#login_form.htmx-request #change_password_target {
  visibility: hidden;
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.result-signature.is-playing::after {
  /* Rotate the content indefinitely */
  -webkit-animation: rotate 5s infinite linear;
          animation: rotate 5s infinite linear;
}

.nav-account__item a {
  /* Hide text by default, show on hover */
  color: transparent !important;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.nav-account__item a:hover {
  color: white !important;
}

.floating-thirds .best-thirds-aside {
  -webkit-transition: zoom 0.5s;
  transition: zoom 0.5s;
}

.red-zone-container table td:hover {
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

.note {
  opacity: 0.2;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.note:hover {
  opacity: 1;
}

.floating-delete-btn button {
  opacity: 0.5;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.floating-delete-btn button:hover {
  opacity: 1;
}

[data-tooltip]::before {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
[data-tooltip]:hover::before {
  -webkit-transform: translate(0);
          transform: translate(0);
  opacity: 1;
}
[data-tooltip][data-position=right]::before {
  -webkit-transform: translateX(-20px);
          transform: translateX(-20px);
}
[data-tooltip][data-position=left]::before {
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
}

.header--layout-1 {
  position: relative;
  z-index: 1000 !important;
}
.header--layout-1 .nav-account__item a {
  color: white !important;
}
.header--layout-1 .nav-account__item a:hover {
  color: #007bff !important;
}

.header__primary {
  position: relative;
  z-index: 1001 !important;
}

.header-logo {
  position: relative;
  z-index: 1002 !important;
}
@media (min-width: 992px) {
  .header-logo {
    position: absolute !important;
    z-index: 1001 !important;
    bottom: 21px;
    left: 0;
    display: block;
  }
}

@media (min-width: 992px) {
  .live-background .header-logo {
    position: absolute !important;
    z-index: 1003 !important;
  }
}

@media (min-width: 992px) {
  .header__primary .container {
    position: relative;
  }
}

.nav-account__item.has-children {
  position: relative;
}
.nav-account__item.has-children > .main-nav__sub {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2000;
  background-color: rgba(0, 0, 0, 0.85);
  min-width: 250px;
  padding: 10px 0;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
.nav-account__item.has-children > .main-nav__sub li {
  display: block;
  padding: 0;
}
.nav-account__item.has-children > .main-nav__sub li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 20px;
  color: white !important;
  text-decoration: none;
  white-space: nowrap;
}
.nav-account__item.has-children > .main-nav__sub li a:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: white !important;
}
.nav-account__item.has-children > .main-nav__sub li a img.header-top-icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
}
.nav-account__item.has-children > .main-nav__sub li a span.highlight {
  color: #ffd700;
  margin-left: 5px;
}

.header__top-bar {
  position: relative;
  z-index: 1500;
}

.main-nav.clearfix .main-nav__list > li > a {
  color: white !important;
}
.main-nav.clearfix .main-nav__list > li > a:hover,
.main-nav.clearfix .main-nav__list > li.active > a {
  color: white !important;
}

.info-block__link.has-text-bold-white {
  color: white !important;
}
.info-block__link.has-text-bold-white:hover {
  color: white !important;
}

.main-nav__list > li > a {
  color: white !important;
}
.main-nav__list > li > a:hover, .main-nav__list > li > a:focus, .main-nav__list > li > a:active {
  color: white !important;
}
.main-nav__list > li.active > a, .main-nav__list > li:hover > a {
  color: white !important;
}
.main-nav__list li > a:hover::before {
  background-color: #bba45a !important;
}
.main-nav__list li:hover {
  background-color: #bba45a !important;
}
.main-nav__list li ul.has-children li:hover, .main-nav__list li ul.has-children tr:hover {
  background-color: #bba45a !important;
}
.main-nav__list li ul.has-children li:hover a, .main-nav__list li ul.has-children tr:hover a {
  color: white !important;
}
.main-nav__list li ul.has-children tr img {
  border-radius: 50%;
}
.main-nav__list li ul.has-children tr:hover a {
  color: rgba(255, 255, 255, 0.61) !important;
  text-decoration: none !important;
}
.main-nav__list li ul.has-children tr:hover a:hover {
  color: white !important;
}

.nav-account__item a {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  /* Keep the image visible */
  /* Hide text by default, show on hover */
  color: transparent !important;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.nav-account__item a img.header-top-icon {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}
.nav-account__item a:hover {
  color: white !important;
}

:root {
  --competition-bar-height: 44px;
  --top-bar-height: 48px;
  --total-top-bars-height: -55px;
  --header-mobile-height: 76px;
  --main-nav-height: 80px;
}

.hero-slider-wrapper {
  top: 69px;
}
@media (min-width: 992px) {
  .hero-slider-wrapper {
    margin-top: var(--total-top-bars-height);
    top: 0px;
  }
}

.hero-slider,
.hero-slider__item {
  height: calc(100vh - var(--header-mobile-height) - var(--competition-bar-height));
  max-height: 320px;
}
@media (min-width: 767px) {
  .hero-slider,
  .hero-slider__item {
    height: calc(100vh - var(--header-mobile-height) - var(--competition-bar-height));
    max-height: 480px;
  }
}
@media (min-width: 992px) {
  .hero-slider,
  .hero-slider__item {
    height: calc(100vh - var(--total-top-bars-height) - var(--main-nav-height));
    max-height: 640px;
    min-height: 480px;
  }
}
@media (min-width: 1200px) {
  .hero-slider,
  .hero-slider__item {
    height: calc(100vh - var(--total-top-bars-height) - var(--main-nav-height));
    max-height: 720px;
    min-height: 540px;
  }
}

@media (min-width: 992px) {
  .site-header--fixed + .hero-slider-wrapper {
    padding-top: calc(var(--total-top-bars-height) + var(--main-nav-height));
  }
}

.hero-slider__item-container {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
}
@media (min-width: 992px) {
  .hero-slider__item-container {
    top: calc(50% - 24px);
  }
}

@media (min-width: 992px) {
  .hero-slider-thumbs-wrapper {
    bottom: 0;
  }
}

.hero-slider-wrapper + .site-content,
.hero-slider-wrapper + main,
.hero-slider-wrapper + .content {
  margin-top: 0;
}

.header__top-bar + .header__primary {
  position: relative;
  z-index: 5;
}

.hero-slider-wrapper {
  -webkit-transition: margin-top 0.3s ease, padding-top 0.3s ease;
  transition: margin-top 0.3s ease, padding-top 0.3s ease;
  top: 55px !important;
}

@media (min-width: 992px) {
  .hero-slider,
  .hero-slider__item {
    height: calc(100vh - 172px) !important;
    max-height: 640px;
    min-height: 480px;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  .hero-slider,
  .hero-slider__item {
    height: calc(100vh - 172px) !important;
    max-height: 720px;
    min-height: 540px;
  }
}
@media (max-width: 991px) {
  body {
    padding-top: 44px;
  }
  .hero-slider,
  .hero-slider__item {
    height: calc(100vh - 120px);
    max-height: 480px;
  }
}
/* Menu results overview  */
.menu-results-overview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: flex-start;
  margin-bottom: 20px;
  width: 100%;
  position: relative;
}
.menu-results-overview > #results_target {
  width: 100%;
}
.menu-results-overview > #results_target .match-day__info__content,
.menu-results-overview > #results_target .award__info__content {
  /* VS */
}
.menu-results-overview > #results_target .match-day__info__content .vs,
.menu-results-overview > #results_target .award__info__content .vs {
  display: inline-block;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 15px;
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
  background-color: #1e2024;
  border-radius: 50%;
  width: 80px;
  height: 40px;
}
.menu-results-overview > #results_target .match-day__info__content .team-vs,
.menu-results-overview > #results_target .award__info__content .team-vs {
  display: inline-block;
  padding: 0 15px;
  font-size: 1.1rem;
  font-weight: 300;
  color: #fff;
  text-align: center;
  background-color: #1e2024;
  width: 120px;
  position: relative;
}
.menu-results-overview > #results_target .match-day__info__content .menu-matchday-date,
.menu-results-overview > #results_target .award__info__content .menu-matchday-date {
  display: inline-block;
  padding: 0 0 0 15px;
  font-size: 1.1rem;
  width: 140px;
}
.menu-results-overview > #results_target .match-day__info__content .menu-matchday-date::before,
.menu-results-overview > #results_target .award__info__content .menu-matchday-date::before {
  content: "📅";
  margin-right: 2px;
  display: inline;
  width: 100%;
  height: 2px;
}
.menu-results-overview > #results_target .match-day__info__content .menu-matchday-time,
.menu-results-overview > #results_target .match-day__info__content .menu-matchday-minutes,
.menu-results-overview > #results_target .award__info__content .menu-matchday-time,
.menu-results-overview > #results_target .award__info__content .menu-matchday-minutes {
  display: inline-block;
  padding: 0 0 0 15px;
  font-size: 1.1rem;
  width: 120px;
}
.menu-results-overview > #results_target .match-day__info__content .menu-matchday-time::before,
.menu-results-overview > #results_target .match-day__info__content .menu-matchday-minutes::before,
.menu-results-overview > #results_target .award__info__content .menu-matchday-time::before,
.menu-results-overview > #results_target .award__info__content .menu-matchday-minutes::before {
  content: "🕘";
  margin-right: 2px;
  display: inline;
  width: 100%;
  height: 2px;
}

/* Fix Navigation Menu Broken Display */
.nav-account__item a[href="/player/"] {
  display: none !important;
}

/* Show player name only on hover in header */
li.nav-account__item a[href*="/player/"] .highlight {
  min-width: 80px;
  display: inline;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: max-width 0.3s ease;
  transition: max-width 0.3s ease;
  max-width: 60px;
}
li.nav-account__item:hover a[href*="/player/"] .highlight {
  max-width: 200px;
}

/* Fix header layout - ensure navigation stays inline */
@media (min-width: 992px) {
  .nav-account {
    white-space: nowrap;
  }
  .nav-account .nav-account__item {
    display: inline-block;
    white-space: nowrap;
  }
}
table {
  width: 100%;
  border-collapse: collapse;
}

.group-points-in-menu table,
.teams-in-menu table {
  width: 100%;
  border-collapse: collapse;
}
.group-points-in-menu table thead,
.teams-in-menu table thead {
  background-color: #1e2024;
  color: #fff;
  font-weight: 700;
  text-align: center;
}
.group-points-in-menu table thead > tr > th,
.teams-in-menu table thead > tr > th {
  padding: 10px;
}
.group-points-in-menu table tbody,
.teams-in-menu table tbody {
  text-align: center;
}
.group-points-in-menu table tbody > tr > td,
.teams-in-menu table tbody > tr > td {
  padding: 10px;
}

.clasificacion-porristas {
  border-color: #555;
}
.clasificacion-porristas .menu-sheldon-img {
  width: 50px;
  position: relative;
}
.clasificacion-porristas .menu-player-name {
  padding: 0 !important;
  text-align: center !important;
}

.le-normative-table {
  width: 100%;
  padding: 0;
}

.grid-expanded {
  max-width: 90%;
  padding: 0 5%;
}
.grid-expanded .row {
  width: 100%;
}
.grid-expanded h2 {
  float: left;
}
.grid-expanded .registrations-status-selector {
  float: right;
}
.grid-expanded table {
  width: 100%;
  border-collapse: collapse;
  padding: 0;
  margin: 0;
}
.grid-expanded table th {
  text-align: center;
  font-size: 0.6rem !important;
}
.grid-expanded table td {
  text-align: center;
}
.grid-expanded table td .fi {
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5490196078);
          box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5490196078);
  border-radius: 20%;
}

@media (max-width: 991px) {
  .grid-expanded .is-desktop {
    display: none;
  }
}
@media (min-width: 992px) {
  .grid-expanded .is-mobile {
    display: none;
  }
}
.table-standings tbody tr.me {
  border: 3px solid #1892ed !important;
  background-color: rgba(24, 146, 237, 0.0705882353) !important;
}
.table-standings tbody tr.top-player {
  background-color: rgba(56, 169, 255, 0.15) !important;
}
.table-standings tbody tr.top-player:hover {
  background-color: rgba(56, 169, 255, 0.25) !important;
}
.table-standings tbody tr.bottom-player {
  background-color: rgba(220, 20, 60, 0.15) !important;
}
.table-standings tbody tr.bottom-player:hover {
  background-color: rgba(220, 20, 60, 0.25) !important;
}
.table-standings tbody tr.me.top-player {
  background-color: rgba(56, 169, 255, 0.3) !important;
}
.table-standings tbody tr.me.top-player:hover {
  background-color: rgba(56, 169, 255, 0.4) !important;
}
.table-standings tbody tr.me.bottom-player {
  background-color: rgba(220, 20, 60, 0.3) !important;
}
.table-standings tbody tr.me.bottom-player:hover {
  background-color: rgba(220, 20, 60, 0.4) !important;
}

.index-page .extended-classification {
  display: block !important;
}

.widget-standings-players a {
  color: white !important;
}

.players-classification .table-standings tbody tr:nth-child(1),
.widget-standings-players .table-standings tbody tr:nth-child(1),
.partial-results + .not-moved-to-top .table-standings tbody tr:nth-child(1) {
  border-top: 3px solid #FFD700;
  border-left: 3px solid #FFD700;
  border-right: 3px solid #FFD700;
  -webkit-box-shadow: 0 -3px 10px rgba(255, 215, 0, 0.3);
          box-shadow: 0 -3px 10px rgba(255, 215, 0, 0.3);
  background-color: rgba(255, 215, 0, 0.05) !important;
}
.players-classification .table-standings tbody tr:nth-child(2),
.widget-standings-players .table-standings tbody tr:nth-child(2),
.partial-results + .not-moved-to-top .table-standings tbody tr:nth-child(2) {
  border-left: 3px solid #FFD700;
  border-right: 3px solid #FFD700;
  background-color: rgba(255, 215, 0, 0.03) !important;
}
.players-classification .table-standings tbody tr:nth-child(3),
.widget-standings-players .table-standings tbody tr:nth-child(3),
.partial-results + .not-moved-to-top .table-standings tbody tr:nth-child(3) {
  border-bottom: 3px solid #FFD700;
  border-left: 3px solid #FFD700;
  border-right: 3px solid #FFD700;
  -webkit-box-shadow: 0 3px 10px rgba(255, 215, 0, 0.3);
          box-shadow: 0 3px 10px rgba(255, 215, 0, 0.3);
  background-color: rgba(255, 215, 0, 0.03) !important;
}
.players-classification .table-standings tbody tr:nth-last-child(3),
.widget-standings-players .table-standings tbody tr:nth-last-child(3),
.partial-results + .not-moved-to-top .table-standings tbody tr:nth-last-child(3) {
  border-top: 3px solid #DC143C;
  border-left: 3px solid #DC143C;
  border-right: 3px solid #DC143C;
  -webkit-box-shadow: 0 -3px 10px rgba(220, 20, 60, 0.3);
          box-shadow: 0 -3px 10px rgba(220, 20, 60, 0.3);
  background-color: rgba(220, 20, 60, 0.05) !important;
}
.players-classification .table-standings tbody tr:nth-last-child(2),
.widget-standings-players .table-standings tbody tr:nth-last-child(2),
.partial-results + .not-moved-to-top .table-standings tbody tr:nth-last-child(2) {
  border-left: 3px solid #DC143C;
  border-right: 3px solid #DC143C;
  background-color: rgba(220, 20, 60, 0.03) !important;
}
.players-classification .table-standings tbody tr:nth-last-child(1),
.widget-standings-players .table-standings tbody tr:nth-last-child(1),
.partial-results + .not-moved-to-top .table-standings tbody tr:nth-last-child(1) {
  border-bottom: 3px solid #DC143C;
  border-left: 3px solid #DC143C;
  border-right: 3px solid #DC143C;
  -webkit-box-shadow: 0 3px 10px rgba(220, 20, 60, 0.3);
          box-shadow: 0 3px 10px rgba(220, 20, 60, 0.3);
  background-color: rgba(220, 20, 60, 0.03) !important;
}

.table--registrations .label--success {
  background-color: #90EE90 !important;
  color: #2E7D32 !important;
  font-weight: 600;
}
.table--registrations .label--primary {
  background-color: #FFD700 !important;
  color: #B8860B !important;
  font-weight: 700;
  -webkit-box-shadow: 0 0 5px rgba(255, 215, 0, 0.5);
          box-shadow: 0 0 5px rgba(255, 215, 0, 0.5);
}
.table--registrations .label--info {
  background-color: #87CEEB !important;
  color: #1E5A8E !important;
  font-weight: 600;
}
.table--registrations .label--default {
  background-color: #D3D3D3 !important;
  color: #696969 !important;
}

.competition-champions-2025 .table-standings tbody tr:nth-child(1),
.competition-champions-2025 .widget-standings-players .table-standings tbody tr:nth-child(1) {
  border-top: 3px solid #FFD700;
  border-left: 3px solid #FFD700;
  border-right: 3px solid #FFD700;
  background-color: rgba(255, 215, 0, 0.05) !important;
  -webkit-box-shadow: 0 -3px 10px rgba(255, 215, 0, 0.3);
          box-shadow: 0 -3px 10px rgba(255, 215, 0, 0.3);
}
.competition-champions-2025 .table-standings tbody tr:nth-child(2), .competition-champions-2025 .table-standings tbody tr:nth-child(3),
.competition-champions-2025 .widget-standings-players .table-standings tbody tr:nth-child(2),
.competition-champions-2025 .widget-standings-players .table-standings tbody tr:nth-child(3) {
  border-left: 3px solid #FFD700;
  border-right: 3px solid #FFD700;
  background-color: rgba(255, 215, 0, 0.03) !important;
}
.competition-champions-2025 .table-standings tbody tr:nth-child(3),
.competition-champions-2025 .widget-standings-players .table-standings tbody tr:nth-child(3) {
  border-bottom: 3px solid #FFD700;
  -webkit-box-shadow: 0 3px 10px rgba(255, 215, 0, 0.3);
          box-shadow: 0 3px 10px rgba(255, 215, 0, 0.3);
}
.competition-champions-2025 .table-standings tbody tr:nth-child(4),
.competition-champions-2025 .widget-standings-players .table-standings tbody tr:nth-child(4) {
  border-top: 3px solid #b5e3b6;
  border-left: 3px solid #b5e3b6;
  border-right: 3px solid #b5e3b6;
  background-color: rgba(181, 227, 182, 0.05) !important;
  -webkit-box-shadow: 0 -3px 10px rgba(181, 227, 182, 0.3);
          box-shadow: 0 -3px 10px rgba(181, 227, 182, 0.3);
}
.competition-champions-2025 .table-standings tbody tr:nth-child(5),
.competition-champions-2025 .widget-standings-players .table-standings tbody tr:nth-child(5) {
  border-bottom: 3px solid #b5e3b6;
  border-left: 3px solid #b5e3b6;
  border-right: 3px solid #b5e3b6;
  background-color: rgba(181, 227, 182, 0.03) !important;
  -webkit-box-shadow: 0 3px 10px rgba(181, 227, 182, 0.3);
          box-shadow: 0 3px 10px rgba(181, 227, 182, 0.3);
}

.league-table-widget .desktop-only {
  display: table-cell !important;
}
.login-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #1e2024;
}
.login-wrapper form .form-group label {
  color: #ddd !important;
  font-weight: 300;
}
.login-wrapper form input {
  padding: 1px 10px !important;
  height: auto !important;
}
.login-wrapper .form-target {
  color: #ffb680;
  display: block;
  text-align: center;
  margin: 10px auto;
  position: relative;
}

.laporra-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px;
  place-self: anchor-center;
  max-width: 420px;
  border: 0px solid #ffb680;
  /* LOGIN FORM */
}
.laporra-form .logo {
  margin-bottom: 40px;
}
.laporra-form .logo.small {
  max-width: 176px;
}
.laporra-form .already-registered {
  margin-top: 40px;
}
.laporra-form .already-registered p {
  margin: 0;
  position: relative;
  top: -40px;
}
.laporra-form .to-register-form {
  margin-top: 20px;
}
.laporra-form .missing-password {
  margin-top: -10px;
}
.laporra-form .or-divider {
  margin: 10px 0;
}
.laporra-form > .row {
  border: 0px solid #ffb680;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.laporra-form > .row .form-group {
  border: 0px solid #ffb680;
  display: inline-block;
  width: 48%;
  text-align: left;
}
.laporra-form .form-target {
  display: block;
  text-align: center;
  margin: 30px auto 0;
  position: relative;
}
.laporra-form .form-target.error {
  color: #ffb680;
}
.laporra-form .form-target.success {
  color: green;
}
.laporra-form button {
  width: 90% !important;
}
.laporra-form#login_form .form-group {
  width: 90%;
}
.laporra-form#forgot_password p.message {
  width: 90%;
}
.laporra-form#forgot_password .form-group {
  width: 90%;
}

.auth-wrapper {
  background-image: url("/assets/img/soccer/backgrounds/night-football.jpg");
  background-image: url("/assets/img/soccer/backgrounds/shampions/4.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  min-height: -webkit-fill-available !important; /* iOS Safari */
  min-height: 100vh !important;
  min-height: 100dvh !important; /* Dynamic viewport height for modern browsers */
  height: auto !important; /* Allow content to expand if needed */
  position: relative !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.auth-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3); /* Dark overlay for better readability */
  z-index: 1;
  min-height: 100vh;
  min-height: 100dvh;
}
.auth-wrapper .site-content {
  position: relative;
  z-index: 2;
}
.auth-wrapper .header-outsider-pages {
  color: #ffffff;
  text-align: center;
}
.auth-wrapper .text-center p {
  color: #ffffff;
}
.auth-wrapper form a {
  color: #c5a654;
}
.auth-wrapper form a:hover {
  color: #c5a654;
  text-decoration: underline;
}
.auth-wrapper form input {
  font-size: 14px;
}
.auth-wrapper form input[type=text], .auth-wrapper form input[type=email], .auth-wrapper form input[type=password], .auth-wrapper form input[type=number], .auth-wrapper form input[type=date] {
  background-color: #ffffff;
}
.auth-wrapper form button {
  background-color: #c5a654;
}
.auth-wrapper form button:hover {
  background-color: #a37f1b;
}
.auth-wrapper form button:active {
  background-color: #a37f1b;
}
.auth-wrapper form button:focus {
  background-color: #a37f1b;
}
.auth-wrapper form .text-danger {
  color: var(--red) !important;
}
.auth-wrapper form .text-success {
  color: var(--green) !important;
}
.auth-wrapper form .text-danger, .auth-wrapper form .text-success {
  position: relative;
  top: -10px;
}

.page-verify-email .auth-wrapper form .text-danger, .page-verify-email .auth-wrapper form .text-success {
  position: relative;
  top: 40px;
}

/**
 * Widget Match Card
 * Beautiful, modern match card component with light theme
 * Supports multiple variants and responsive design
 */
.widget-match-card {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  overflow: hidden;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  cursor: pointer;
}
.widget-match-card:hover {
  background: #f9fafb;
  -webkit-transform: translateY(-4px) scale(1.02);
          transform: translateY(-4px) scale(1.02);
  -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.2);
  border-color: rgba(14, 165, 233, 0.3);
}
.widget-match-card:hover .widget-match-card__team-logo img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.widget-match-card:hover .widget-match-card__score-display {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.widget-match-card:active {
  -webkit-transform: translateY(-2px) scale(1.01);
          transform: translateY(-2px) scale(1.01);
}
.widget-match-card__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 16px;
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.03) 0%, rgba(14, 165, 233, 0.01) 100%);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.widget-match-card__datetime {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #4b5563;
  font-size: 0.875rem;
}
.widget-match-card__datetime iconify-icon {
  color: #0ea5e9;
  opacity: 0.7;
}
.widget-match-card__leg-indicator {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  margin-left: 8px;
  padding: 2px 8px;
  background: rgba(37, 99, 235, 0.1);
  border-radius: 12px;
  color: #2563eb;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
}
.widget-match-card__leg-indicator iconify-icon {
  color: #2563eb;
  opacity: 1;
}
.widget-match-card__date {
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.widget-match-card__time {
  color: #9ca3af;
}
.widget-match-card__status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.widget-match-card__status--played {
  background: rgba(22, 163, 74, 0.15);
  color: #16a34a;
  border: 1px solid rgba(22, 163, 74, 0.25);
}
.widget-match-card__status--played iconify-icon {
  color: #16a34a;
}
.widget-match-card__status--live {
  background: rgba(14, 165, 233, 0.15);
  color: #0ea5e9;
  border: 1px solid rgba(14, 165, 233, 0.25);
  -webkit-animation: live-pulse 2s infinite;
          animation: live-pulse 2s infinite;
}
.widget-match-card__status--live iconify-icon {
  -webkit-animation: pulse-icon 2s infinite;
          animation: pulse-icon 2s infinite;
}
.widget-match-card__status--upcoming {
  background: rgba(156, 163, 175, 0.1);
  color: #9ca3af;
  border: 1px solid rgba(156, 163, 175, 0.15);
}
.widget-match-card__content {
  padding: 24px 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}
.widget-match-card__team {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.widget-match-card__team-link {
  text-decoration: none;
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.widget-match-card__team-link:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.widget-match-card__team-link:hover .widget-match-card__team-name {
  color: #2563eb;
}
.widget-match-card__team-link:hover .widget-match-card__team-logo {
  -webkit-filter: drop-shadow(0 4px 8px rgba(37, 99, 235, 0.15));
          filter: drop-shadow(0 4px 8px rgba(37, 99, 235, 0.15));
}
.widget-match-card__team--winner .widget-match-card__team-name {
  color: #16a34a;
  font-weight: 600;
}
.widget-match-card__team--winner .widget-match-card__team-logo {
  -webkit-filter: drop-shadow(0 0 12px rgba(22, 163, 74, 0.3));
          filter: drop-shadow(0 0 12px rgba(22, 163, 74, 0.3));
}
.widget-match-card__team--home {
  text-align: left;
}
.widget-match-card__team--away {
  text-align: right;
}
.widget-match-card__team-logo {
  width: 64px;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.widget-match-card__team-logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
          filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}
.widget-match-card__team-logo iconify-icon {
  color: #9ca3af;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.widget-match-card__team-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  position: relative;
}
.widget-match-card__team-name {
  font-size: 0.95rem;
  font-weight: 500;
  color: #1f2937;
  text-align: center;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.widget-match-card__winner-icon {
  color: #eab308;
  -webkit-filter: drop-shadow(0 0 4px rgba(234, 179, 8, 0.5));
          filter: drop-shadow(0 0 4px rgba(234, 179, 8, 0.5));
  -webkit-animation: trophy-shine 3s infinite;
          animation: trophy-shine 3s infinite;
}
.widget-match-card__score {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  min-width: 100px;
}
.widget-match-card__score-display {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 12px 20px;
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.1) 0%, rgba(37, 99, 235, 0.05) 100%);
  border-radius: 12px;
  border: 1px solid rgba(37, 99, 235, 0.2);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.widget-match-card__score-number {
  font-size: 1.75rem;
  font-weight: 700;
  color: #2563eb;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.widget-match-card__score-number--winner {
  color: #16a34a;
  text-shadow: 0 0 8px rgba(22, 163, 74, 0.5);
  -webkit-animation: winner-glow 2s ease-in-out infinite alternate;
          animation: winner-glow 2s ease-in-out infinite alternate;
}
.widget-match-card__score-separator {
  font-size: 1.25rem;
  color: #9ca3af;
  opacity: 0.5;
}
.widget-match-card__penalties {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  color: #9ca3af;
}
.widget-match-card__penalties iconify-icon {
  color: #2563eb;
  opacity: 0.7;
}
.widget-match-card__vs {
  padding: 16px 32px;
  background: linear-gradient(135deg, rgba(156, 163, 175, 0.1) 0%, rgba(156, 163, 175, 0.05) 100%);
  border-radius: 12px;
  border: 1px solid rgba(156, 163, 175, 0.15);
}
.widget-match-card__vs span {
  font-size: 1.25rem;
  font-weight: 600;
  color: #9ca3af;
  letter-spacing: 0.1em;
}
.widget-match-card__live-indicator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.widget-match-card__live-score {
  font-size: 1.5rem;
  font-weight: 700;
  color: #0ea5e9;
  text-shadow: 0 0 12px rgba(14, 165, 233, 0.5);
  -webkit-animation: live-glow 2s ease-in-out infinite alternate;
          animation: live-glow 2s ease-in-out infinite alternate;
}
.widget-match-card__live-badge {
  padding: 2px 8px;
  background: #0ea5e9;
  color: white;
  font-size: 0.65rem;
  font-weight: 700;
  border-radius: 4px;
  letter-spacing: 0.1em;
  -webkit-animation: live-pulse 2s infinite;
          animation: live-pulse 2s infinite;
}
.widget-match-card__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 16px;
  background: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  font-size: 0.8rem;
  color: #4b5563;
}
.widget-match-card__footer-left, .widget-match-card__footer-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.widget-match-card__stadium {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  color: #4b5563;
}
.widget-match-card__stadium iconify-icon {
  color: #0ea5e9;
  opacity: 0.6;
}
.widget-match-card__stadium span {
  font-weight: 500;
  letter-spacing: 0.025em;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.widget-match-card__stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  text-decoration: none;
  color: #4b5563;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.widget-match-card__stage:hover {
  color: #2563eb;
  -webkit-transform: translateX(2px);
          transform: translateX(2px);
}
.widget-match-card__stage:hover iconify-icon {
  color: #2563eb;
  opacity: 1;
}
.widget-match-card__stage iconify-icon {
  color: #0ea5e9;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.widget-match-card__stage span {
  font-weight: 500;
  letter-spacing: 0.025em;
}
.widget-match-card__matchday {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.widget-match-card__matchday iconify-icon {
  color: #0ea5e9;
  opacity: 0.6;
}
.widget-match-card__matchday span {
  font-weight: 500;
  letter-spacing: 0.025em;
}
.widget-match-card__predictions-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  text-decoration: none;
  color: #4b5563;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 4px 8px;
  border-radius: 8px;
  background: rgba(37, 99, 235, 0.05);
  border: 1px solid transparent;
}
.widget-match-card__predictions-link:hover {
  color: #2563eb;
  background: rgba(37, 99, 235, 0.1);
  border-color: rgba(37, 99, 235, 0.2);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.widget-match-card__predictions-link:hover iconify-icon {
  color: #2563eb;
  opacity: 1;
  -webkit-animation: rotate-crystal 1s ease-in-out;
          animation: rotate-crystal 1s ease-in-out;
}
.widget-match-card__predictions-link iconify-icon {
  color: #2563eb;
  opacity: 0.7;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.widget-match-card__predictions-link span {
  font-weight: 500;
  font-size: 0.75rem;
  letter-spacing: 0.025em;
}
.widget-match-card__loader {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.95);
  padding: 12px;
  border-radius: 50%;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
.widget-match-card--compact .widget-match-card__content {
  padding: 16px 16px;
}
.widget-match-card--compact .widget-match-card__team-logo {
  width: 48px;
  height: 48px;
}
.widget-match-card--compact .widget-match-card__score-number {
  font-size: 1.5rem;
}
.widget-match-card--featured {
  border: 2px solid rgba(234, 179, 8, 0.4);
  background: linear-gradient(135deg, rgba(234, 179, 8, 0.05) 0%, #ffffff 100%);
}
.widget-match-card--featured::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: -webkit-gradient(linear, left top, right top, from(#eab308), color-stop(#2563eb), to(#eab308));
  background: linear-gradient(90deg, #eab308, #2563eb, #eab308);
  -webkit-animation: featured-shimmer 3s linear infinite;
          animation: featured-shimmer 3s linear infinite;
}
.widget-match-card--live {
  border-color: rgba(14, 165, 233, 0.4);
  background: linear-gradient(135deg, rgba(14, 165, 233, 0.03) 0%, #ffffff 100%);
}
.widget-match-card--live::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: 16px;
  padding: 1px;
  background: linear-gradient(45deg, transparent, #0ea5e9, transparent);
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  -webkit-animation: border-rotate 3s linear infinite;
          animation: border-rotate 3s linear infinite;
}
.widget-match-card--mini .widget-match-card__header {
  padding: 8px 12px;
}
.widget-match-card--mini .widget-match-card__content {
  padding: 12px;
  gap: 12px;
}
.widget-match-card--mini .widget-match-card__team-logo {
  width: 36px;
  height: 36px;
}
.widget-match-card--mini .widget-match-card__team-name {
  font-size: 0.85rem;
}
.widget-match-card--mini .widget-match-card__score-number {
  font-size: 1.25rem;
}
.widget-match-card--mini .widget-match-card__score-display {
  padding: 8px 12px;
}
.widget-match-card--mini .widget-match-card__vs span {
  font-size: 1rem;
}

@-webkit-keyframes pulse-icon {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

@keyframes pulse-icon {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
@-webkit-keyframes live-pulse {
  0%, 100% {
    -webkit-box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.4);
            box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.4);
  }
  50% {
    -webkit-box-shadow: 0 0 0 8px rgba(14, 165, 233, 0);
            box-shadow: 0 0 0 8px rgba(14, 165, 233, 0);
  }
}
@keyframes live-pulse {
  0%, 100% {
    -webkit-box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.4);
            box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.4);
  }
  50% {
    -webkit-box-shadow: 0 0 0 8px rgba(14, 165, 233, 0);
            box-shadow: 0 0 0 8px rgba(14, 165, 233, 0);
  }
}
@-webkit-keyframes live-glow {
  0% {
    text-shadow: 0 0 8px rgba(14, 165, 233, 0.5);
  }
  100% {
    text-shadow: 0 0 16px rgba(14, 165, 233, 0.8);
  }
}
@keyframes live-glow {
  0% {
    text-shadow: 0 0 8px rgba(14, 165, 233, 0.5);
  }
  100% {
    text-shadow: 0 0 16px rgba(14, 165, 233, 0.8);
  }
}
@-webkit-keyframes winner-glow {
  0% {
    text-shadow: 0 0 4px rgba(22, 163, 74, 0.5);
  }
  100% {
    text-shadow: 0 0 12px rgba(22, 163, 74, 0.8);
  }
}
@keyframes winner-glow {
  0% {
    text-shadow: 0 0 4px rgba(22, 163, 74, 0.5);
  }
  100% {
    text-shadow: 0 0 12px rgba(22, 163, 74, 0.8);
  }
}
@-webkit-keyframes trophy-shine {
  0%, 100% {
    -webkit-filter: drop-shadow(0 0 4px rgba(234, 179, 8, 0.5));
            filter: drop-shadow(0 0 4px rgba(234, 179, 8, 0.5));
  }
  50% {
    -webkit-filter: drop-shadow(0 0 8px rgba(234, 179, 8, 0.8));
            filter: drop-shadow(0 0 8px rgba(234, 179, 8, 0.8));
  }
}
@keyframes trophy-shine {
  0%, 100% {
    -webkit-filter: drop-shadow(0 0 4px rgba(234, 179, 8, 0.5));
            filter: drop-shadow(0 0 4px rgba(234, 179, 8, 0.5));
  }
  50% {
    -webkit-filter: drop-shadow(0 0 8px rgba(234, 179, 8, 0.8));
            filter: drop-shadow(0 0 8px rgba(234, 179, 8, 0.8));
  }
}
@-webkit-keyframes featured-shimmer {
  0% {
    background-position: -200% center;
  }
  100% {
    background-position: 200% center;
  }
}
@keyframes featured-shimmer {
  0% {
    background-position: -200% center;
  }
  100% {
    background-position: 200% center;
  }
}
@-webkit-keyframes border-rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes border-rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate-crystal {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  75% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes rotate-crystal {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  75% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.match-cards-grid {
  display: grid;
  gap: 20px;
}
.match-cards-grid--4-columns {
  grid-template-columns: repeat(4, 1fr);
}
.match-cards-grid--3-columns {
  grid-template-columns: repeat(3, 1fr);
}
.match-cards-grid--2-columns {
  grid-template-columns: repeat(2, 1fr);
}
.match-cards-grid--1-column {
  grid-template-columns: 1fr;
}

@media (max-width: 1400px) {
  .match-cards-grid--4-columns {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1200px) {
  .match-cards-grid--4-columns, .match-cards-grid--3-columns {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .match-cards-grid--4-columns, .match-cards-grid--3-columns, .match-cards-grid--2-columns {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .widget-match-card__content {
    padding: 16px 12px;
  }
  .widget-match-card__team-logo {
    width: 48px;
    height: 48px;
  }
  .widget-match-card__team-name {
    font-size: 0.85rem;
  }
  .widget-match-card__score-number {
    font-size: 1.5rem;
  }
  .widget-match-card__score-display {
    padding: 10px 16px;
  }
}
@media (max-width: 480px) {
  .widget-match-card {
    border-radius: 12px;
  }
  .widget-match-card__header {
    padding: 8px 12px;
  }
  .widget-match-card__content {
    padding: 12px 8px;
    gap: 8px;
  }
  .widget-match-card__team-logo {
    width: 40px;
    height: 40px;
  }
  .widget-match-card__score-number {
    font-size: 1.25rem;
  }
  .widget-match-card__score-display {
    padding: 8px 12px;
  }
  .widget-match-card__footer {
    padding: 8px 12px;
    font-size: 0.75rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .widget-match-card,
  .widget-match-card * {
    -webkit-animation: none !important;
            animation: none !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}
@media (prefers-contrast: high) {
  .widget-match-card {
    border-width: 2px;
  }
  .widget-match-card__score-number {
    font-weight: 900;
  }
  .widget-match-card__status {
    border-width: 2px;
  }
}
.widget-match-card.htmx-request {
  opacity: 0.6;
  pointer-events: none;
}
.widget-match-card.htmx-request .widget-match-card__loader {
  display: block;
}
.widget-match-card.htmx-swapping {
  opacity: 0;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
.widget-match-card.htmx-added {
  -webkit-animation: card-appear 0.5s ease-out;
          animation: card-appear 0.5s ease-out;
}

@-webkit-keyframes card-appear {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px) scale(0.9);
            transform: translateY(20px) scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
  }
}

@keyframes card-appear {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px) scale(0.9);
            transform: translateY(20px) scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
  }
}
.widget-player--soccer .widget-player__number.tone-1 {
  background-color: #38a9ff;
}
.widget-player--soccer .widget-player__number.tone-2 {
  background-color: #8da8bc;
}
.widget-player--soccer .widget-player__number.tone-3 {
  background-color: #b3bac1;
}
.widget-player--soccer .widget-player__number.tone--3 {
  background-color: #c2a8a8;
}
.widget-player--soccer .widget-player__number.tone--2 {
  background-color: #be7272;
}
.widget-player--soccer .widget-player__number.tone--1 {
  background-color: #c05050;
}

@media (min-width: 992px) {
  .widget-player--soccer .widget-player__content-inner {
    margin-bottom: 0px !important;
  }
}
.widget-in-tournament .match-day__info__content__match .team-vs {
  width: 222px;
  padding-left: 50px;
}
.widget-in-tournament .match-day__info__content__match .playing-now-icon {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 4px;
  left: 15%;
}

@media (width < 475px) {
  .summary-points-widget {
    margin-bottom: 10px;
  }
  .summary-points-widget .description {
    display: block;
  }
}
.widget-player {
  position: relative;
  z-index: 1;
}
.widget-player .widget-player__photo {
  position: relative;
  display: block;
  overflow: visible !important;
}
.widget-player .widget-player__photo > img:first-child {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}
.widget-player .widget-player__badge {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 16.5px;
  height: 16.5px;
  background: white;
  border-radius: 50%;
  padding: 2px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  border: 1.5px solid rgba(255, 255, 255, 0.9);
  z-index: 20;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 991px) {
  .widget-player .widget-player__badge {
    width: 19.5px;
    height: 19.5px;
  }
}
.widget-player .widget-player__badge img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  display: block;
}
.widget-player .widget-player__badge[data-position="1"] {
  top: 60%;
  left: 24%;
}
.widget-player .widget-player__badge[data-position="2"] {
  top: 53%;
  left: 45%;
}
.widget-player .widget-player__badge[data-position="3"] {
  top: 62%;
  left: 66%;
}
.widget-player .widget-player__badge[data-position="4"] {
  top: 70%;
  left: 24%;
}
.widget-player .widget-player__badge[data-position="5"] {
  top: 56%;
  left: 44%;
  border: none !important;
}
.widget-player .widget-player__badge[data-position="6"] {
  top: 70%;
  left: 66%;
}
.widget-player .widget-player__badge[data-position="7"] {
  top: 82%;
  left: 24%;
}
.widget-player .widget-player__badge[data-position="8"] {
  top: 82%;
  left: 44%;
}
.widget-player .widget-player__badge[data-position="9"] {
  top: 82%;
  left: 72%;
}
.widget-player .widget-player__chest-name {
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 20;
  white-space: nowrap;
  pointer-events: none;
}
.widget-player .widget-player__chest-name span {
  display: inline-block;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 1px 3px;
  border-radius: 2px;
  font-size: 6px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  line-height: 1.2;
}
@media (max-width: 991px) {
  .widget-player .widget-player__chest-name span {
    font-size: 7px;
    padding: 1px 4px;
  }
}
.widget-player .widget-player__chest-name[data-position="1"] {
  top: 44%;
  left: 23%;
}
.widget-player .widget-player__chest-name[data-position="2"] {
  top: 38%;
  left: 45%;
}
.widget-player .widget-player__chest-name[data-position="3"] {
  top: 45%;
  left: 67%;
}
.widget-player .widget-player__chest-name[data-position="4"] {
  top: 56%;
  left: 23%;
}
.widget-player .widget-player__chest-name[data-position="5"] {
  top: 56%;
  left: 44%;
}
.widget-player .widget-player__chest-name[data-position="6"] {
  top: 56%;
  left: 67%;
}
.widget-player .widget-player__chest-name[data-position="7"] {
  top: 68%;
  left: 29%;
}
.widget-player .widget-player__chest-name[data-position="8"] {
  top: 68%;
  left: 44%;
}
.widget-player .widget-player__chest-name[data-position="9"] {
  top: 68%;
  left: 67%;
}
@media (max-width: 767px) {
  .widget-player .widget-player__chest-name[data-position="1"] {
    top: 51%;
    left: 26%;
  }
  .widget-player .widget-player__chest-name[data-position="2"] {
    top: 42%;
    left: 45%;
  }
  .widget-player .widget-player__chest-name[data-position="3"] {
    top: 49%;
    left: 67%;
  }
  .widget-player .widget-player__chest-name[data-position="4"] {
    top: 59%;
    left: 23%;
  }
  .widget-player .widget-player__chest-name[data-position="5"] {
    top: 59%;
    left: 44%;
  }
  .widget-player .widget-player__chest-name[data-position="6"] {
    top: 59%;
    left: 67%;
  }
  .widget-player .widget-player__chest-name[data-position="7"] {
    top: 68%;
    left: 29%;
  }
  .widget-player .widget-player__chest-name[data-position="8"] {
    top: 60%;
    left: 44%;
  }
  .widget-player .widget-player__chest-name[data-position="9"] {
    top: 68%;
    left: 67%;
  }
}
.widget-player .widget-player__badge[data-style=shield] {
  -webkit-clip-path: polygon(50% 0%, 100% 20%, 100% 75%, 50% 100%, 0% 75%, 0% 20%);
          clip-path: polygon(50% 0%, 100% 20%, 100% 75%, 50% 100%, 0% 75%, 0% 20%);
  background: white;
  padding: 2px;
}
.widget-player .widget-player__badge[data-style=shield] img {
  -webkit-clip-path: polygon(50% 5%, 95% 22%, 95% 73%, 50% 95%, 5% 73%, 5% 22%);
          clip-path: polygon(50% 5%, 95% 22%, 95% 73%, 50% 95%, 5% 73%, 5% 22%);
}
.widget-player .widget-player__badge[data-style=none] {
  opacity: 1;
  pointer-events: auto;
}

.floating-thirds .best-thirds-aside {
  margin-top: 105px !important;
  position: absolute;
  right: 380px;
  opacity: 0.7;
  zoom: 0.25;
  -webkit-transition: zoom 0.5s;
  transition: zoom 0.5s;
  z-index: 5;
}
.floating-thirds .best-thirds-aside:hover {
  right: 100px;
  margin-top: 20px !important;
  opacity: 1;
  zoom: 1;
}

@media (max-width: 991px) {
  .floating-thirds {
    margin-top: 0px !important;
    position: relative;
  }
  .floating-thirds .best-thirds-aside {
    display: block;
    right: 0;
    opacity: 1;
    zoom: 1;
    position: relative;
  }
  .floating-thirds .best-thirds-aside:hover {
    right: 0;
    opacity: 1;
    zoom: 1;
  }
}
.sidebar {
  position: relative;
  z-index: 1;
}

.widget-highlight-stats__number {
  font-weight: bold;
  color: #39a9ff;
  font-size: 24px;
  margin: 10px 0;
}

.widget-in-tournament .match-card {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 4px;
  padding: 4px 0;
}
.widget-in-tournament .match-card--live {
  background: -webkit-gradient(linear, left top, right top, from(rgba(14, 165, 233, 0.08)), to(transparent));
  background: linear-gradient(to right, rgba(14, 165, 233, 0.08), transparent);
  border-left: 3px solid #0ea5e9;
  padding-left: 8px;
  -webkit-animation: subtle-pulse 3s ease-in-out infinite;
          animation: subtle-pulse 3s ease-in-out infinite;
}
.widget-in-tournament .match-card--live .playing-now-icon {
  display: inline-block !important;
  -webkit-animation: blink 2s linear infinite;
          animation: blink 2s linear infinite;
  top: 11px;
  left: 6px;
}
.widget-in-tournament .match-card--live .vs {
  color: #0ea5e9;
  font-weight: 600;
}
.widget-in-tournament .match-card--finished {
  opacity: 0.75;
  background: rgba(0, 0, 0, 0.02);
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.widget-in-tournament .match-card--finished .vs {
  font-weight: 700;
  color: #2563eb;
}
.widget-in-tournament .match-card--finished .team-shield-small {
  opacity: 0.8;
}
.widget-in-tournament .match-card--finished:hover {
  opacity: 0.9;
}
.widget-in-tournament .match-card--cancelled {
  opacity: 0.5;
  text-decoration: line-through;
}
.widget-in-tournament .match-card--cancelled .vs {
  color: #999;
}

.playing-now-icon.blink-2s {
  -webkit-animation: blink 2s linear infinite;
          animation: blink 2s linear infinite;
  will-change: opacity;
}

@-webkit-keyframes subtle-pulse {
  0%, 100% {
    border-left-width: 3px;
  }
  50% {
    border-left-width: 4px;
  }
}

@keyframes subtle-pulse {
  0%, 100% {
    border-left-width: 3px;
  }
  50% {
    border-left-width: 4px;
  }
}
@media (max-width: 768px) {
  .playing-now-icon.blink-2s {
    -webkit-animation: blink 4s linear infinite;
            animation: blink 4s linear infinite;
  }
  .widget-in-tournament .match-card--live {
    -webkit-animation: none;
            animation: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .playing-now-icon.blink-2s {
    -webkit-animation: none;
            animation: none;
    opacity: 1;
  }
  .widget-in-tournament .match-card--live {
    border-left-width: 5px;
    -webkit-animation: none;
            animation: none;
  }
  .match-card {
    -webkit-transition: none;
    transition: none;
  }
}
.matchday-tabs-container {
  background: #f8f9fa;
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 20px;
}

.tab-row {
  margin-bottom: 15px;
}
.tab-row:last-child {
  margin-bottom: 0;
}

.row-label {
  font-size: 0.9rem;
  font-weight: 600;
  color: #495057;
  margin-bottom: 8px;
  padding-left: 5px;
}

.matchday-tabs {
  border-bottom: 2px solid #dee2e6;
  margin-bottom: 0;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: #dee2e6 #f8f9fa;
}
.matchday-tabs::-webkit-scrollbar {
  height: 6px;
}
.matchday-tabs::-webkit-scrollbar-track {
  background: #f8f9fa;
}
.matchday-tabs::-webkit-scrollbar-thumb {
  background: #dee2e6;
  border-radius: 3px;
}
.matchday-tabs .nav-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
}
.matchday-tabs .nav-link {
  border: none;
  border-radius: 8px 8px 0 0;
  padding: 12px 16px;
  margin-right: 5px;
  background: #ffffff;
  color: #6c757d;
  font-weight: 500;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  width: -webkit-fill-available;
  width: -moz-available;
  width: fill-available;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.matchday-tabs .nav-link:hover:not(.disabled) {
  background: #e9ecef;
  color: #495057;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.matchday-tabs .nav-link.active {
  background: #007bff;
  color: #ffffff;
  border-bottom: 3px solid #0056b3;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
          box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
}
.matchday-tabs .nav-link.active:hover {
  background: #0056b3;
  color: #ffffff;
}
.matchday-tabs .nav-link.active .badge {
  background-color: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff;
}
.matchday-tabs .nav-link.disabled {
  pointer-events: none;
}
.matchday-tabs .nav-link.htmx-request {
  opacity: 0.7;
  pointer-events: none;
}
.matchday-tabs .nav-link.htmx-request::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.4)), to(transparent));
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
  -webkit-animation: shimmer 1.5s infinite;
          animation: shimmer 1.5s infinite;
}
.matchday-tabs .badge {
  font-size: 0.75rem;
  padding: 3px 8px;
  border-radius: 12px;
}

.playoff-tabs .nav-link {
  background: #f8f9fa !important;
  color: #adb5bd !important;
  cursor: not-allowed !important;
  opacity: 0.5 !important;
  position: relative;
}
.playoff-tabs .nav-link:hover {
  background: #f8f9fa !important;
  color: #adb5bd !important;
  -webkit-transform: none !important;
          transform: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.playoff-tabs .nav-link.disabled, .playoff-tabs .nav-link[disabled] {
  pointer-events: none !important;
}
.playoff-tabs .nav-link.disabled .matchday-tab-content, .playoff-tabs .nav-link[disabled] .matchday-tab-content {
  opacity: 0.7;
}
.playoff-tabs .nav-link.disabled iconify-icon, .playoff-tabs .nav-link[disabled] iconify-icon {
  opacity: 0.5;
}
.playoff-tabs .nav-link.disabled::after {
  content: "🔒";
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 12px;
  opacity: 0.6;
}

.nav-link.disabled {
  background: #f8f9fa !important;
  color: #adb5bd !important;
  cursor: not-allowed !important;
  opacity: 0.5 !important;
  pointer-events: none !important;
}
.nav-link.disabled:hover {
  background: #f8f9fa !important;
  color: #adb5bd !important;
  -webkit-transform: none !important;
          transform: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.matchday-tab-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}

.tab-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}

.tab-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.matchday-name {
  font-size: 0.75rem;
  font-weight: 600;
}

.matchday-date {
  font-size: 0.8rem;
  font-weight: 500;
  opacity: 0.8;
}

.matchday-tab-content .tab-pane {
  min-height: 200px;
}

@keyframes shimmer {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@media (max-width: 1200px) {
  .matchday-tabs .nav-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    min-width: 140px;
  }
}
@media (max-width: 768px) {
  .matchday-tabs-container {
    padding: 10px;
  }
  .matchday-tabs .nav-item {
    min-width: 120px;
  }
  .matchday-tabs .nav-link {
    padding: 10px 12px;
    margin-right: 3px;
    font-size: 0.85rem;
  }
  .matchday-tabs .badge {
    font-size: 0.7rem;
    padding: 2px 6px;
  }
  .matchday-name {
    font-size: 0.75rem;
  }
  .matchday-date {
    font-size: 0.75rem;
  }
  .tab-header iconify-icon {
    width: 14px !important;
    height: 14px !important;
  }
}
@media (max-width: 480px) {
  .matchday-tabs .nav-item {
    min-width: 100px;
  }
  .matchday-tabs .nav-link {
    padding: 8px 10px;
  }
  .row-label {
    font-size: 0.85rem;
  }
}
.htmx-request {
  opacity: 0.6;
  pointer-events: none;
}

[data-tooltip] {
  position: relative;
  cursor: default;
  text-decoration: underline;
}
[data-tooltip]::before {
  content: attr(data-tooltip);
  position: absolute;
  width: auto;
  display: block;
  background: #555;
  color: whitesmoke;
  padding: 10px;
  top: -40px;
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5490196078);
          box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5490196078);
  border-radius: 3px;
  text-align: center;
  left: 0;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
[data-tooltip]:hover::before {
  -webkit-transform: translate(0);
          transform: translate(0);
  opacity: 1;
}
[data-tooltip][data-position=right]::before {
  top: -50%;
  left: 105%;
  -webkit-transform: translateX(-20px);
          transform: translateX(-20px);
}
[data-tooltip][data-position=bottom]::before {
  top: 150%;
  /* transform: translateY(-20px); */
}
[data-tooltip][data-position=left]::before {
  top: -50%;
  right: 105%;
  left: auto;
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
}

/* Progress Bar Width Utilities */
.progress .progress__bar-width-5 {
  width: 5%;
}
.progress .progress__bar-width-6 {
  width: 6%;
}
.progress .progress__bar-width-7 {
  width: 7%;
}
.progress .progress__bar-width-8 {
  width: 8%;
}
.progress .progress__bar-width-9 {
  width: 9%;
}
.progress .progress__bar-width-10 {
  width: 10%;
}
.progress .progress__bar-width-11 {
  width: 11%;
}
.progress .progress__bar-width-12 {
  width: 12%;
}
.progress .progress__bar-width-13 {
  width: 13%;
}
.progress .progress__bar-width-14 {
  width: 14%;
}
.progress .progress__bar-width-15 {
  width: 15%;
}
.progress .progress__bar-width-16 {
  width: 16%;
}
.progress .progress__bar-width-17 {
  width: 17%;
}
.progress .progress__bar-width-18 {
  width: 18%;
}
.progress .progress__bar-width-19 {
  width: 19%;
}
.progress .progress__bar-width-20 {
  width: 20%;
}
.progress .progress__bar-width-21 {
  width: 21%;
}
.progress .progress__bar-width-22 {
  width: 22%;
}
.progress .progress__bar-width-23 {
  width: 23%;
}
.progress .progress__bar-width-24 {
  width: 24%;
}
.progress .progress__bar-width-25 {
  width: 25%;
}
.progress .progress__bar-width-26 {
  width: 26%;
}
.progress .progress__bar-width-27 {
  width: 27%;
}
.progress .progress__bar-width-28 {
  width: 28%;
}
.progress .progress__bar-width-29 {
  width: 29%;
}
.progress .progress__bar-width-30 {
  width: 30%;
}
.progress .progress__bar-width-31 {
  width: 31%;
}
.progress .progress__bar-width-32 {
  width: 32%;
}
.progress .progress__bar-width-33 {
  width: 33%;
}
.progress .progress__bar-width-34 {
  width: 34%;
}
.progress .progress__bar-width-35 {
  width: 35%;
}
.progress .progress__bar-width-36 {
  width: 36%;
}
.progress .progress__bar-width-37 {
  width: 37%;
}
.progress .progress__bar-width-38 {
  width: 38%;
}
.progress .progress__bar-width-39 {
  width: 39%;
}
.progress .progress__bar-width-40 {
  width: 40%;
}
.progress .progress__bar-width-41 {
  width: 41%;
}
.progress .progress__bar-width-42 {
  width: 42%;
}
.progress .progress__bar-width-43 {
  width: 43%;
}
.progress .progress__bar-width-44 {
  width: 44%;
}
.progress .progress__bar-width-45 {
  width: 45%;
}
.progress .progress__bar-width-46 {
  width: 46%;
}
.progress .progress__bar-width-47 {
  width: 47%;
}
.progress .progress__bar-width-48 {
  width: 48%;
}
.progress .progress__bar-width-49 {
  width: 49%;
}
.progress .progress__bar-width-50 {
  width: 50%;
}
.progress .progress__bar-width-51 {
  width: 51%;
}
.progress .progress__bar-width-52 {
  width: 52%;
}
.progress .progress__bar-width-53 {
  width: 53%;
}
.progress .progress__bar-width-54 {
  width: 54%;
}
.progress .progress__bar-width-55 {
  width: 55%;
}
.progress .progress__bar-width-56 {
  width: 56%;
}
.progress .progress__bar-width-57 {
  width: 57%;
}
.progress .progress__bar-width-58 {
  width: 58%;
}
.progress .progress__bar-width-59 {
  width: 59%;
}
.progress .progress__bar-width-60 {
  width: 60%;
}
.progress .progress__bar-width-61 {
  width: 61%;
}
.progress .progress__bar-width-62 {
  width: 62%;
}
.progress .progress__bar-width-63 {
  width: 63%;
}
.progress .progress__bar-width-64 {
  width: 64%;
}
.progress .progress__bar-width-65 {
  width: 65%;
}
.progress .progress__bar-width-66 {
  width: 66%;
}
.progress .progress__bar-width-67 {
  width: 67%;
}
.progress .progress__bar-width-68 {
  width: 68%;
}
.progress .progress__bar-width-69 {
  width: 69%;
}
.progress .progress__bar-width-70 {
  width: 70%;
}
.progress .progress__bar-width-71 {
  width: 71%;
}
.progress .progress__bar-width-72 {
  width: 72%;
}
.progress .progress__bar-width-73 {
  width: 73%;
}
.progress .progress__bar-width-74 {
  width: 74%;
}
.progress .progress__bar-width-75 {
  width: 75%;
}
.progress .progress__bar-width-76 {
  width: 76%;
}
.progress .progress__bar-width-77 {
  width: 77%;
}
.progress .progress__bar-width-78 {
  width: 78%;
}
.progress .progress__bar-width-79 {
  width: 79%;
}
.progress .progress__bar-width-80 {
  width: 80%;
}
.progress .progress__bar-width-81 {
  width: 81%;
}
.progress .progress__bar-width-82 {
  width: 82%;
}
.progress .progress__bar-width-83 {
  width: 83%;
}
.progress .progress__bar-width-84 {
  width: 84%;
}
.progress .progress__bar-width-85 {
  width: 85%;
}
.progress .progress__bar-width-86 {
  width: 86%;
}
.progress .progress__bar-width-87 {
  width: 87%;
}
.progress .progress__bar-width-88 {
  width: 88%;
}
.progress .progress__bar-width-89 {
  width: 89%;
}
.progress .progress__bar-width-90 {
  width: 90%;
}
.progress .progress__bar-width-91 {
  width: 91%;
}
.progress .progress__bar-width-92 {
  width: 92%;
}
.progress .progress__bar-width-93 {
  width: 93%;
}
.progress .progress__bar-width-94 {
  width: 94%;
}
.progress .progress__bar-width-95 {
  width: 95%;
}
.progress .progress__bar-width-96 {
  width: 96%;
}
.progress .progress__bar-width-97 {
  width: 97%;
}
.progress .progress__bar-width-98 {
  width: 98%;
}
.progress .progress__bar-width-99 {
  width: 99%;
}
.progress .progress__bar-width-100 {
  width: 100%;
}

.predictions-group-info {
  display: none;
}
.predictions-group-info.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#predictions_matches_form .groups-tabs {
  margin-bottom: 0;
}
#predictions_matches_form .groups-tabs li a:hover {
  border-bottom: 1px solid #ccc;
}
#predictions_matches_form .groups-tabs li.active a {
  border-bottom: 1px solid #38a9ff;
  color: #38a9ff;
}

@media (max-width: 991px) {
  .groups-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }
  .groups-tabs li {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .groups-tabs li a {
    font-size: 0.7rem !important;
    padding: 10px 0 !important;
  }
}
.match-day__info__content {
  /* VS */
}
.match-day__info__content .vs {
  display: inline-block;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 15px;
  position: relative;
  font-size: 1.5rem;
  font-weight: 700;
  width: 40px;
  height: 40px;
  min-width: 80px;
}
.match-day__info__content .team-vs {
  display: inline-block;
  padding: 0 15px;
  font-size: 1.1rem;
  font-weight: 300;
  background-color: rgba(0, 0, 0, 0.062745098);
  text-align: center;
  color: #1e2024;
  min-width: 120px;
  width: auto;
  white-space: nowrap;
  position: relative;
}
.match-day__info__content .menu-matchday-date {
  display: inline-block;
  padding: 0 0 0 15px;
  font-size: 1.1rem;
  width: 150px;
}
.match-day__info__content .menu-matchday-date::before {
  content: "📅";
  margin-right: 2px;
  display: inline;
  width: 100%;
  height: 2px;
}
.match-day__info__content .menu-matchday-time,
.match-day__info__content .menu-matchday-minutes {
  display: inline-block;
  padding: 0 0 0 15px;
  font-size: 1.1rem;
  width: 120px;
}
.match-day__info__content .menu-matchday-time::before,
.match-day__info__content .menu-matchday-minutes::before {
  content: "🕘";
  margin-right: 2px;
  display: inline;
  width: 100%;
  height: 2px;
}

.page-stage .match-day__info {
  margin-bottom: 30px;
}
.page-stage .match-day__info .match-day__info__content__match {
  padding: 15px 0;
  border-bottom: 1px solid #e0e0e0;
}
.page-stage .match-day__info .match-day__info__content__match:last-child {
  border-bottom: none;
}
.page-stage .match-day__info .match-day__info__content__match .match-day__info__content__match__team__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15px;
}
.page-stage .match-day__info .match-day__info__content__match .match-day__info__content__match__team__name .team-vs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  min-width: 200px;
}
.page-stage .match-day__info .match-day__info__content__match .match-day__info__content__match__team__name .team-vs:first-child {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.page-stage .match-day__info .match-day__info__content__match .match-day__info__content__match__team__name .team-vs:last-child {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.page-stage .match-day__info .match-day__info__content__match .match-day__info__content__match__team__name .team-vs a {
  color: #333;
  text-decoration: none;
  font-weight: 500;
}
.page-stage .match-day__info .match-day__info__content__match .match-day__info__content__match__team__name .team-vs a:hover {
  color: #1892ed;
}
.page-stage .match-day__info .match-day__info__content__match .match-day__info__content__match__team__name .vs {
  font-size: 1.2rem;
  font-weight: bold;
  color: #666;
  min-width: 60px;
  text-align: center;
}
.page-stage .match-day__info .match-day__info__content__match .match-day__info__content__match__team__name .vs.text-info {
  color: #1892ed;
}
.page-stage .match-day__info .match-day__info__content__match .match-day__info__content__match__team__name .team-shield-small {
  vertical-align: middle;
}
.page-stage .match-day__info .match-day__info__content__match .match-day__info__content__match__team__name .menu-matchday-date {
  margin-left: 20px;
  color: #999;
  font-size: 0.9rem;
}
.page-stage .match-day__info .match-day__info__content__match .match-day__info__content__match__team__name .menu-matchday-time,
.page-stage .match-day__info .match-day__info__content__match .match-day__info__content__match__team__name .menu-matchday-minutes {
  color: #666;
  font-size: 0.9rem;
  margin-left: 10px;
}
.page-stage .group-section {
  margin-bottom: 50px;
}
.page-stage .group-section .group-title {
  background-color: #f5f5f5;
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 5px;
}

.predicted-value.is-incorrect-match {
  position: relative;
  opacity: 0.8;
}
.predicted-value.is-incorrect-match > .vs-container .vs {
  visibility: hidden;
}
.predicted-value.is-incorrect-match.final-phase-value::before, .predicted-value.is-incorrect-match.final-phase-value::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 4px;
  background: rgba(255, 99, 71, 0.5);
}
.predicted-value.is-incorrect-match.final-phase-value::before {
  -webkit-transform: translate(-50%, -50%) rotate(12deg);
          transform: translate(-50%, -50%) rotate(12deg);
}
.predicted-value.is-incorrect-match.final-phase-value::after {
  background: transparent;
  -webkit-transform: translate(-50%, -50%) rotate(-12deg);
          transform: translate(-50%, -50%) rotate(-12deg);
}

td.final-phase-points.final-phase-points-total-per-match div {
  color: #9a9da2;
  font-weight: bold;
}

@media (min-width: 992px) {
  #group_final_phase .tournament-bracket__match {
    min-width: 115%;
    position: relative;
    zoom: 0.8;
  }
}
.player-resumen-content .status-progress,
.player-resumen-content .progress-section,
.player-resumen-content .progress-mini {
  position: relative;
  overflow: hidden !important;
}
.player-resumen-content .status-progress .progress-bar,
.player-resumen-content .progress-section .progress-bar,
.player-resumen-content .progress-mini .progress-bar {
  max-width: 100% !important;
  position: relative;
  height: 100%;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.player-resumen-content .status-progress .progress-bar[style*=width],
.player-resumen-content .progress-section .progress-bar[style*=width],
.player-resumen-content .progress-mini .progress-bar[style*=width] {
  max-width: 100% !important;
}
.player-resumen-content .section-progress .progress {
  overflow: hidden !important;
  position: relative;
}
.player-resumen-content .section-progress .progress .progress-bar {
  max-width: 100% !important;
}
.player-resumen-content .completion-status-header .status-card .status-progress {
  overflow: hidden !important;
}
.player-resumen-content .completion-status-header .status-card .status-progress .progress-bar {
  max-width: 100% !important;
}
.player-resumen-content .section-header-with-progress .progress-section {
  overflow: hidden !important;
}
.player-resumen-content .section-header-with-progress .progress-section .progress-bar {
  max-width: 100% !important;
}
.player-resumen-content .jornada-progress .progress-mini {
  overflow: hidden !important;
}
.player-resumen-content .jornada-progress .progress-mini .progress-bar {
  max-width: 100% !important;
}

@media (max-width: 768px) {
  .player-resumen-content {
    padding: 15px;
  }
  .player-resumen-content .status-card {
    padding: 15px 10px;
    min-height: 120px;
  }
  .player-resumen-content .status-card .status-title {
    font-size: 0.85rem;
  }
  .player-resumen-content .status-card .status-badge {
    font-size: 1rem;
    padding: 6px 12px;
  }
  .player-resumen-content .status-card .status-percentage {
    font-size: 1rem;
  }
  .player-resumen-content .status-progress,
  .player-resumen-content .progress-section,
  .player-resumen-content .progress-mini {
    width: 100%;
    max-width: 100%;
    overflow: hidden !important;
  }
  .player-resumen-content .section-header-with-progress {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 10px;
  }
  .player-resumen-content .section-header-with-progress .section-progress {
    width: 100%;
  }
  .player-resumen-content .section-header-with-progress .section-progress .progress-section {
    width: 100%;
    max-width: 100%;
  }
  .player-resumen-content .progress-text {
    font-size: 0.75rem;
  }
}
@media (max-width: 480px) {
  .player-resumen-content {
    padding: 10px;
  }
  .player-resumen-content .completion-status-header .row {
    margin: 0 -5px;
  }
  .player-resumen-content .completion-status-header .row [class*=col-] {
    padding: 0 5px;
    margin-bottom: 10px;
  }
  .player-resumen-content .status-card {
    min-height: 100px;
    padding: 12px 8px;
  }
  .player-resumen-content .status-card .status-title {
    font-size: 0.8rem;
    margin-bottom: 8px;
  }
  .player-resumen-content .status-card .status-badge {
    font-size: 0.9rem;
    padding: 5px 10px;
  }
  .player-resumen-content .status-card .status-percentage {
    font-size: 0.9rem;
  }
  .player-resumen-content .status-card .status-progress {
    height: 5px;
  }
  .player-resumen-content .progress,
  .player-resumen-content .status-progress,
  .player-resumen-content .progress-section,
  .player-resumen-content .progress-mini {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }
  .player-resumen-content .progress .progress-bar,
  .player-resumen-content .status-progress .progress-bar,
  .player-resumen-content .progress-section .progress-bar,
  .player-resumen-content .progress-mini .progress-bar {
    max-width: 100% !important;
    overflow: hidden !important;
  }
}
.progress-bar.bg-success,
.progress-bar.bg-predicted,
.progress-bar.progress-bar-high,
.progress-bar[style*="width: 100"],
.progress-bar[style*="width:100"] {
  max-width: 100% !important;
  overflow: hidden !important;
}

.progress-bar[style*=width] {
  max-width: 100% !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}

.progress {
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  overflow: hidden !important;
}
.progress * {
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}

#predictions_matches_form .tournament-bracket__match {
  min-width: 115%;
  position: relative;
}
#predictions_matches_form .tournament-bracket__match .result-signature {
  position: absolute;
  top: -25px;
  right: -25px;
  z-index: 1;
  border-radius: 20px;
  width: 40px;
  height: 40px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  place-content: center;
  place-items: center;
  background-color: whitesmoke !important;
  border: 4px solid #bdbdbd !important;
}
#predictions_matches_form .tournament-bracket__match .result-signature::after {
  content: "❓";
  -webkit-filter: saturate(5) hue-rotate(-50deg) sepia(1);
          filter: saturate(5) hue-rotate(-50deg) sepia(1);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
#predictions_matches_form .tournament-bracket__match .result-signature.has-1x2-hit {
  color: transparent;
  border: 4px solid #31ce15 !important;
}
#predictions_matches_form .tournament-bracket__match .result-signature.has-1x2-hit::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzFjZTE1IiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTIwIDZMOSAxN2wtNS01Ii8+PC9zdmc+");
  -webkit-filter: unset;
          filter: unset;
}
#predictions_matches_form .tournament-bracket__match .result-signature.not-has-1x2-hit, #predictions_matches_form .tournament-bracket__match .result-signature.is-incorrect-match {
  border: 4px solid #ff6347 !important;
  color: transparent;
}
#predictions_matches_form .tournament-bracket__match .result-signature.not-has-1x2-hit::after, #predictions_matches_form .tournament-bracket__match .result-signature.is-incorrect-match::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ0b21hdG8iIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48bGluZSB4MT0iNiIgeTE9IjYiIHgyPSIxOCIgeTI9IjE4Ii8+PGxpbmUgeDE9IjE4IiB5MT0iNiIgeDI9IjYiIHkyPSIxOCIvPjwvc3ZnPg==");
  -webkit-filter: unset;
          filter: unset;
}
#predictions_matches_form .tournament-bracket__match .result-signature.has-exact-result-hit {
  color: transparent;
  border: 4px solid goldenrod !important;
}
#predictions_matches_form .tournament-bracket__match .result-signature.has-exact-result-hit::after {
  background-image: url("/assets/img/icons/star1.png");
  -webkit-filter: unset;
          filter: unset;
  background-position: center center;
  background-size: contain;
  width: 20px;
  height: 20px;
}
#predictions_matches_form .tournament-bracket__match .result-signature.is-incorrect-match {
  display: none !important;
}
#predictions_matches_form .tournament-bracket__match .result-signature.is-playing::after {
  background-image: none;
  content: "⚽";
  color: black;
  font-size: 15px !important;
  display: inline-block;
  text-align: center;
  line-height: 20px;
  width: 20px;
  height: 20px;
  font-size: 20px;
  -webkit-animation: rotate 5s infinite linear;
          animation: rotate 5s infinite linear;
}
#predictions_matches_form .tournament-bracket__match .result-signature.is-playing.has-1x2-hit {
  border: 4px solid #31ce15 !important;
  -webkit-filter: sepia(1) saturate(3) hue-rotate(-297deg);
          filter: sepia(1) saturate(3) hue-rotate(-297deg);
  background-color: white !important;
}
#predictions_matches_form .tournament-bracket__match .result-signature.is-playing.not-has-1x2-hit, #predictions_matches_form .tournament-bracket__match .result-signature.is-playing.is-incorrect-match {
  border: 4px solid #ff6347 !important;
}
#predictions_matches_form .tournament-bracket__match .result-signature.is-playing.not-has-1x2-hit::after, #predictions_matches_form .tournament-bracket__match .result-signature.is-playing.is-incorrect-match::after {
  -webkit-filter: sepia(1) saturate(5) hue-rotate(-44deg);
          filter: sepia(1) saturate(5) hue-rotate(-44deg);
}
#predictions_matches_form .tournament-bracket__match .result-signature.is-playing.has-exact-result-hit {
  border: 4px solid goldenrod !important;
  -webkit-filter: sepia(1) saturate(5) hue-rotate(-10deg);
          filter: sepia(1) saturate(5) hue-rotate(-10deg);
}
#predictions_matches_form .tournament-bracket__match .result-signature.is-correct-match.is-stage-4::before, #predictions_matches_form .tournament-bracket__match .result-signature.is-correct-match.is-stage-5::before {
  border: 4px solid #31ce15 !important;
  position: absolute;
  content: "⚽️";
  color: black;
  background-color: whitesmoke;
  margin-top: 0px;
  margin-left: -75px;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  place-content: center;
  border-radius: 50%;
  z-index: -1;
}
#predictions_matches_form .tournament-bracket__match .result-signature.not-played.is-correct-match.is-stage-4::before, #predictions_matches_form .tournament-bracket__match .result-signature.not-played.is-correct-match.is-stage-5::before, #predictions_matches_form .tournament-bracket__match .result-signature.not-played.is-correct-match.is-stage-6::before {
  position: absolute;
  content: " ";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzFjZTE1IiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTIwIDZMOSAxN2wtNS01Ii8+PC9zdmc+);
  background-position: center center;
  background-size: 25px 25px;
  background-repeat: no-repeat;
  padding: 15px !important;
  margin-top: 142px;
  margin-left: 0px;
  margin-left: -485px;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay {
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 1 !important;
  opacity: 0.2 !important;
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay::before {
  position: absolute;
  top: -15px;
  right: 5px;
  font-size: 24px;
  z-index: 2;
  -webkit-filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5));
          filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5));
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay::after {
  color: white;
  font-size: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  place-content: center;
  place-items: center;
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.has-1x2-hit {
  background-color: #31ce15 !important;
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.has-1x2-hit::before {
  display: none !important;
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.has-1x2-hit::after {
  content: "5 puntos";
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.has-1x2-hit.is-stage-4::after {
  content: "15 puntos";
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.has-1x2-hit.is-stage-5::after {
  content: "22 puntos";
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.has-1x2-hit.is-stage-6::after {
  content: "30 puntos";
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.has-1x2-hit.is-stage-7::after {
  content: "40 puntos";
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.has-1x2-hit.is-stage-8::after {
  content: "5 puntos";
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.has-1x2-hit.is-stage-9::after {
  content: "15 puntos";
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.has-1x2-hit.is-stage-10::after {
  content: "22 puntos";
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.has-1x2-hit.is-stage-11::after {
  content: "30 puntos";
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.has-1x2-hit.is-stage-12::after {
  content: "40 puntos";
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.not-has-1x2-hit {
  background-color: #ff6347 !important;
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.not-has-1x2-hit::before {
  display: none !important;
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.not-has-1x2-hit::after {
  content: "0 puntos";
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.not-has-1x2-hit.is-stage-4::after {
  content: "5 puntos";
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.not-has-1x2-hit.is-stage-5::after {
  content: "7 puntos";
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.not-has-1x2-hit.is-stage-6::after {
  content: "10 puntos";
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.not-has-1x2-hit.is-stage-7::after {
  content: "15 puntos";
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.not-has-1x2-hit.is-stage-8::after {
  content: "0 puntos";
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.not-has-1x2-hit.is-stage-9::after {
  content: "5 puntos";
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.not-has-1x2-hit.is-stage-10::after {
  content: "7 puntos";
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.not-has-1x2-hit.is-stage-11::after {
  content: "10 puntos";
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.not-has-1x2-hit.is-stage-12::after {
  content: "15 puntos";
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.has-exact-result-hit {
  background-color: goldenrod !important;
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.has-exact-result-hit::before {
  display: none !important;
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.has-exact-result-hit::after {
  content: "8 puntos";
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.has-exact-result-hit.is-stage-4::after {
  content: "20 puntos";
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.has-exact-result-hit.is-stage-5::after {
  content: "29 puntos";
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.has-exact-result-hit.is-stage-6::after {
  content: "40 puntos";
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.has-exact-result-hit.is-stage-7::after {
  content: "55 puntos";
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.has-exact-result-hit.is-stage-8::after {
  content: "8 puntos";
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.has-exact-result-hit.is-stage-9::after {
  content: "20 puntos";
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.has-exact-result-hit.is-stage-10::after {
  content: "29 puntos";
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.has-exact-result-hit.is-stage-11::after {
  content: "40 puntos";
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.has-exact-result-hit.is-stage-12::after {
  content: "55 puntos";
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.is-incorrect-match {
  background-color: rgba(255, 99, 71, 0.3411764706) !important;
  opacity: 0.7 !important;
  pointer-events: none;
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.is-incorrect-match::before {
  display: none !important;
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.is-incorrect-match::after {
  content: "❌";
  -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
  font-size: 3rem;
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.is-pending-match {
  background-color: rgba(0, 164, 255, 0.3411764706) !important;
  background: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0px, rgba(255, 255, 255, 0.7) 2px, transparent 2px, transparent 4px), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(240, 240, 240, 0.8)));
  background: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0px, rgba(255, 255, 255, 0.7) 2px, transparent 2px, transparent 4px), linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(240, 240, 240, 0.8));
  opacity: 0.8 !important;
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.is-pending-match::before {
  display: none !important;
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.is-pending-match::after {
  content: "❓";
  font-size: 4.5rem;
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.not-played-match {
  background-color: rgba(136, 235, 135, 0.6901960784) !important;
  opacity: 0.6 !important;
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.not-played-match::before {
  display: none !important;
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.not-played-match {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__result-overlay.not-played-match::after {
  content: "⏳";
  font-size: 3.5rem;
  -webkit-animation: spin 5s linear infinite;
          animation: spin 5s linear infinite;
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__table tr:first-child {
  margin-top: 0;
}
#predictions_matches_form .tournament-bracket__match .tournament-bracket__table tr:last-child {
  margin-bottom: 0;
}
#predictions_matches_form .tournament-bracket__match.has-1x2-hit {
  border: 4px solid #31ce15 !important;
}
#predictions_matches_form .tournament-bracket__match.has-1x2-hit .real-result-input {
  border: 2px solid #31ce15 !important;
}
#predictions_matches_form .tournament-bracket__match.has-exact-result-hit {
  border: 4px solid goldenrod !important;
}
#predictions_matches_form .tournament-bracket__match.has-exact-result-hit .tournament-bracket__team--winner {
  background-color: #dedeaf !important;
}
#predictions_matches_form .tournament-bracket__match.has-exact-result-hit .real-result-input {
  border: 2px solid goldenrod !important;
}
#predictions_matches_form .tournament-bracket__match.has-1x2-hit, #predictions_matches_form .tournament-bracket__match.not-has-1x2-hit, #predictions_matches_form .tournament-bracket__match.is-incorrect-match, #predictions_matches_form .tournament-bracket__match.has-exact-result-hit {
  border-radius: 5px;
}
#predictions_matches_form .tournament-bracket__match.not-has-1x2-hit, #predictions_matches_form .tournament-bracket__match.is-incorrect-match {
  border: 4px solid #ffb680 !important;
  overflow: hidden;
}
#predictions_matches_form .tournament-bracket__match.not-has-1x2-hit .tournament-bracket__team--winner, #predictions_matches_form .tournament-bracket__match.is-incorrect-match .tournament-bracket__team--winner {
  background-color: #d9cfcc !important;
}
#predictions_matches_form .tournament-bracket__match.not-has-1x2-hit .real-result-input, #predictions_matches_form .tournament-bracket__match.is-incorrect-match .real-result-input {
  border: 2px solid #ffb680 !important;
}
#predictions_matches_form .tournament-bracket__match.not-has-1x2-hit .tournament-bracket__radio, #predictions_matches_form .tournament-bracket__match.is-incorrect-match .tournament-bracket__radio {
  display: none !important;
}
#predictions_matches_form .tournament-bracket__match.is-correct-match {
  overflow: visible;
}
#predictions_matches_form .tournament-bracket__match input {
  -moz-appearance: textfield;
}
#predictions_matches_form .tournament-bracket__match input::-webkit-inner-spin-button,
#predictions_matches_form .tournament-bracket__match input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.tournament-bracket__team-thumb.is-stage-5 .hit-home-team.fi,
.tournament-bracket__team-thumb.is-stage-5 .hit-away-team.fi, .tournament-bracket__team-thumb.is-stage-6 .hit-home-team.fi,
.tournament-bracket__team-thumb.is-stage-6 .hit-away-team.fi, .tournament-bracket__team-thumb.is-stage-7 .hit-home-team.fi,
.tournament-bracket__team-thumb.is-stage-7 .hit-away-team.fi, .tournament-bracket__team-thumb.is-stage-9 .hit-home-team.fi,
.tournament-bracket__team-thumb.is-stage-9 .hit-away-team.fi, .tournament-bracket__team-thumb.is-stage-10 .hit-home-team.fi,
.tournament-bracket__team-thumb.is-stage-10 .hit-away-team.fi, .tournament-bracket__team-thumb.is-stage-11 .hit-home-team.fi,
.tournament-bracket__team-thumb.is-stage-11 .hit-away-team.fi, .tournament-bracket__team-thumb.is-stage-12 .hit-home-team.fi,
.tournament-bracket__team-thumb.is-stage-12 .hit-away-team.fi {
  -webkit-box-shadow: 0px 0px 8px 4px #28a745 !important;
          box-shadow: 0px 0px 8px 4px #28a745 !important;
  border-radius: 2px;
  opacity: 0.7;
}

.soccer-predictions-awards-form .winners-summary .form-group {
  position: relative;
  display: block;
  text-align: left;
}
.soccer-predictions-awards-form .winners-summary .form-group .overlay.overlay-winner-home, .soccer-predictions-awards-form .winners-summary .form-group .overlay.overlay-winner-away {
  border: 4px solid goldenrod !important;
  height: 50px;
  position: absolute;
  display: block;
  width: 100%;
  left: -5%;
  top: -14px;
  border-radius: 5px;
}
.soccer-predictions-awards-form .winners-summary .form-group .overlay.overlay-winner-home::after, .soccer-predictions-awards-form .winners-summary .form-group .overlay.overlay-winner-away::after {
  background-color: goldenrod;
  opacity: 0.25;
  content: "50 puntos";
  color: white;
  font-size: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  place-content: flex-end;
  place-items: center;
  padding-right: 15px !important;
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.soccer-predictions-awards-form .winners-summary .form-group .signature.signature-winner-home, .soccer-predictions-awards-form .winners-summary .form-group .signature.signature-winner-away {
  position: absolute;
  top: -34px;
  right: 0px;
  z-index: 1;
  border-radius: 20px;
  width: 40px;
  height: 40px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  place-content: center;
  place-items: center;
  border: 4px solid goldenrod !important;
  background-color: whitesmoke;
}
.soccer-predictions-awards-form .winners-summary .form-group .signature.signature-winner-home::after, .soccer-predictions-awards-form .winners-summary .form-group .signature.signature-winner-away::after {
  content: " ";
  background-image: url("/assets/img/icons/star1.png");
  /* Center the background image */
  background-position: center center;
  /* Ensure the background image covers the entire element */
  background-size: contain;
  /* Additional styles for demonstration */
  width: 20px;
  /* Adjust to your element's width */
  height: 20px;
  /* Adjust to your element's height */
}

li.green-zone a:hover, li.green-zone a:focus {
  -webkit-filter: sepia(1) saturate(3) hue-rotate(15deg) brightness(1.1);
          filter: sepia(1) saturate(3) hue-rotate(15deg) brightness(1.1);
}
li.green-zone a:active {
  -webkit-filter: sepia(1) saturate(3) hue-rotate(15deg) brightness(1.1);
          filter: sepia(1) saturate(3) hue-rotate(15deg) brightness(1.1);
}

@media (max-width: 991px) {
  li.green-zone a:hover, li.green-zone a:focus {
    color: #a1d273 !important;
  }
}
.site-wrapper.green .info-block--header .info-block__item svg,
.site-wrapper.green .info-block--header .info-block__item .info-block__cart-sum {
  -webkit-filter: sepia(1) saturate(3) hue-rotate(15deg) brightness(1.1);
          filter: sepia(1) saturate(3) hue-rotate(15deg) brightness(1.1);
}
.site-wrapper.green .page-heading,
.site-wrapper.green .player-heading {
  -webkit-filter: sepia(1) saturate(2) hue-rotate(15deg) brightness(1.1);
          filter: sepia(1) saturate(2) hue-rotate(15deg) brightness(1.1);
}
.site-wrapper.green .page-heading .highlight,
.site-wrapper.green .player-heading .highlight {
  color: #088a28;
}
.site-wrapper.green .main-nav__list > li > a:hover {
  color: #088a28;
}
.site-wrapper.green .breadcrumb a:hover {
  color: #088a28 !important;
}
.site-wrapper.green .btn-primary {
  background-color: #088a28;
  border-color: #088a28;
}
.site-wrapper.green .btn-primary:hover {
  background-color: rgba(135, 251, 146, 0.4705882353);
  border-color: rgba(135, 251, 146, 0.4705882353);
}
.site-wrapper.green a:hover {
  color: rgba(135, 251, 146, 0.4705882353);
}
.site-wrapper.green a span {
  color: #088a28 !important;
}
.site-wrapper.green a.themed {
  color: #088a28 !important;
}
.site-wrapper.green .table thead th {
  background-color: rgba(8, 138, 40, 0.1);
  color: rgba(135, 251, 146, 0.4705882353);
}
.site-wrapper.green .table tbody tr:hover {
  background-color: rgba(8, 138, 40, 0.05);
}
.site-wrapper.green .table-standings .badge.badge-info {
  background-color: #088a28 !important;
  color: white !important;
}
.site-wrapper.green .table-standings span.text-info > b {
  color: #088a28 !important;
}
.site-wrapper.green .table-standings tbody tr.me {
  border: 3px solid #088a28 !important;
  background-color: rgba(8, 138, 40, 0.07) !important;
}
.site-wrapper.green .table-standings tbody tr.me:hover {
  background-color: rgba(8, 138, 40, 0.12) !important;
}
.site-wrapper.green .card {
  border-color: rgba(8, 138, 40, 0.2);
}
.site-wrapper.green .card .card-header {
  background-color: rgba(8, 138, 40, 0.1);
  border-color: rgba(8, 138, 40, 0.2);
}
.site-wrapper.green .form-control:focus {
  border-color: #088a28;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(8, 138, 40, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(8, 138, 40, 0.25);
}
.site-wrapper.green .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #088a28;
  border-color: #088a28;
}
.site-wrapper.green .alert-info {
  background-color: rgba(8, 138, 40, 0.1);
  border-color: rgba(8, 138, 40, 0.2);
  color: rgba(135, 251, 146, 0.4705882353);
}
.site-wrapper.green .progress-bar {
  background-color: #088a28;
}
.site-wrapper.green .badge-primary {
  background-color: #088a28;
}
.site-wrapper.green .badge-info {
  background-color: #088a28;
  color: white;
}
.site-wrapper.green .text-info {
  color: #088a28 !important;
}
.site-wrapper.green .text-primary {
  color: #088a28 !important;
}
.site-wrapper.green .widget__title {
  color: rgba(135, 251, 146, 0.4705882353);
}
.site-wrapper.green .stats-item:hover {
  background-color: rgba(8, 138, 40, 0.05);
}
.site-wrapper.green .stats-item .stats-item__icon {
  color: #088a28;
}
.site-wrapper.green .player-item:hover {
  border-color: #088a28;
  -webkit-box-shadow: 0 0 10px rgba(8, 138, 40, 0.3);
          box-shadow: 0 0 10px rgba(8, 138, 40, 0.3);
}
.site-wrapper.green .match-score-inline__body:hover {
  background-color: rgba(8, 138, 40, 0.05);
}
.site-wrapper.green .team-meta__logo:hover {
  -webkit-filter: sepia(1) saturate(2) hue-rotate(15deg) brightness(1.1);
          filter: sepia(1) saturate(2) hue-rotate(15deg) brightness(1.1);
}
.site-wrapper.green .points-highlight {
  color: #088a28;
  font-weight: bold;
}
.site-wrapper.green .is-playing {
  border-color: #1892ed !important;
  background-color: rgba(24, 146, 237, 0.07) !important;
}
.site-wrapper.green .section-highlight {
  border-left: 3px solid #088a28;
  background-color: rgba(8, 138, 40, 0.05);
}
.site-wrapper.green .dropdown-menu .dropdown-item:hover {
  background-color: rgba(8, 138, 40, 0.1);
  color: rgba(135, 251, 146, 0.4705882353);
}
.site-wrapper.green .dropdown-menu .dropdown-item.active {
  background-color: #088a28;
}
.site-wrapper.green .pagination .page-link {
  color: #088a28;
}
.site-wrapper.green .pagination .page-link:hover {
  background-color: rgba(8, 138, 40, 0.1);
  border-color: #088a28;
}
.site-wrapper.green .pagination .page-item.active .page-link {
  background-color: #088a28;
  border-color: #088a28;
}
.site-wrapper.green .spinner-border {
  color: #088a28;
}
.site-wrapper.green .tooltip .tooltip-inner {
  background-color: #088a28;
}
.site-wrapper.green .tooltip.bs-tooltip-top .arrow::before {
  border-top-color: #088a28;
}
.site-wrapper.green .tooltip.bs-tooltip-right .arrow::before {
  border-right-color: #088a28;
}
.site-wrapper.green .tooltip.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #088a28;
}
.site-wrapper.green .tooltip.bs-tooltip-left .arrow::before {
  border-left-color: #088a28;
}
.site-wrapper.green .modal-header {
  background-color: rgba(8, 138, 40, 0.05);
  border-color: rgba(8, 138, 40, 0.2);
}
.site-wrapper.green ::-moz-selection {
  background-color: rgba(8, 138, 40, 0.3);
}
.site-wrapper.green ::selection {
  background-color: rgba(8, 138, 40, 0.3);
}
.site-wrapper.green ::-moz-selection {
  background-color: rgba(8, 138, 40, 0.3);
}
.site-wrapper.green ::-webkit-scrollbar-thumb {
  background-color: rgba(8, 138, 40, 0.5);
}
.site-wrapper.green ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(8, 138, 40, 0.7);
}
.site-wrapper.green .competition-badge {
  background-color: #088a28;
  color: white;
}
.site-wrapper.green .competition-status {
  color: #088a28;
}
.site-wrapper.green .competition-status::before {
  content: "🏆";
  margin-right: 5px;
}
.site-wrapper.green .trophy-icon {
  -webkit-filter: sepia(1) saturate(3) hue-rotate(15deg) brightness(1.1);
          filter: sepia(1) saturate(3) hue-rotate(15deg) brightness(1.1);
}
.site-wrapper.green .winner-highlight {
  background-color: rgba(8, 138, 40, 0.1);
  border: 2px solid #088a28;
  border-radius: 4px;
  padding: 5px;
}
.site-wrapper.green .historical-data {
  opacity: 0.9;
}
.site-wrapper.green .historical-data::after {
  content: " (Finalizada)";
  color: #088a28;
  font-size: 0.8em;
  font-style: italic;
}
.site-wrapper.green .leaderboard-item.first-place {
  background-color: rgba(8, 138, 40, 0.15);
  border-left: 4px solid #088a28;
}
.site-wrapper.green .achievement-badge {
  background-color: #088a28;
}
.site-wrapper.green .achievement-badge:hover {
  background-color: rgba(135, 251, 146, 0.4705882353);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.site-wrapper.green .nav-tabs .nav-link:hover {
  border-color: rgba(8, 138, 40, 0.3);
}
.site-wrapper.green .nav-tabs .nav-link.active {
  border-color: #088a28 #088a28 #fff;
  color: #088a28;
}
.site-wrapper.green .input-group-text {
  background-color: rgba(8, 138, 40, 0.1);
  border-color: rgba(8, 138, 40, 0.3);
  color: rgba(135, 251, 146, 0.4705882353);
}
.site-wrapper.green .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #088a28;
  border-color: #088a28;
}
.site-wrapper.green .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #088a28;
  border-color: #088a28;
}
.site-wrapper.green .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #088a28;
  border-color: #088a28;
}
.site-wrapper.green .custom-file-input:focus ~ .custom-file-label {
  border-color: #088a28;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(8, 138, 40, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(8, 138, 40, 0.25);
}
.site-wrapper.green .custom-range::-webkit-slider-thumb {
  background-color: #088a28;
}
.site-wrapper.green .custom-range::-moz-range-thumb {
  background-color: #088a28;
}
.site-wrapper.green .custom-range::-ms-thumb {
  background-color: #088a28;
}
.site-wrapper.green .list-group-item:hover {
  background-color: rgba(8, 138, 40, 0.05);
}
.site-wrapper.green .list-group-item.active {
  background-color: #088a28;
  border-color: #088a28;
}
.site-wrapper.green .jumbotron {
  background-color: rgba(8, 138, 40, 0.05);
}
.site-wrapper.green .close:hover {
  color: #088a28;
}
.site-wrapper.green .footer-nav.footer-nav--right a, .site-wrapper.green .footer-nav.footer-nav--condensed a, .site-wrapper.green .footer-nav.footer-nav--sm a {
  color: #088a28 !important;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.site-wrapper.green .footer-nav.footer-nav--right a:hover, .site-wrapper.green .footer-nav.footer-nav--right a:focus, .site-wrapper.green .footer-nav.footer-nav--condensed a:hover, .site-wrapper.green .footer-nav.footer-nav--condensed a:focus, .site-wrapper.green .footer-nav.footer-nav--sm a:hover, .site-wrapper.green .footer-nav.footer-nav--sm a:focus {
  color: rgba(135, 251, 146, 0.4705882353) !important;
  text-decoration: none;
  opacity: 0.8;
}
.site-wrapper.green .footer-nav.footer-nav--right a:active, .site-wrapper.green .footer-nav.footer-nav--condensed a:active, .site-wrapper.green .footer-nav.footer-nav--sm a:active {
  color: #055a1a !important;
}
.site-wrapper.green footer a {
  color: #088a28 !important;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.site-wrapper.green footer a:hover, .site-wrapper.green footer a:focus {
  color: rgba(135, 251, 146, 0.4705882353);
  text-decoration: none;
}
.site-wrapper.green footer .text-info,
.site-wrapper.green footer .text-primary {
  color: #088a28 !important;
}

.competition-finished .site-wrapper.green .competition-title-bar {
  background: linear-gradient(135deg, #088a28 0%, rgba(135, 251, 146, 0.4705882353) 100%) !important;
}

@media (max-width: 991px) {
  .site-wrapper.green .main-nav {
    background-color: rgba(8, 138, 40, 0.05);
  }
  .site-wrapper.green .header-mobile {
    border-bottom-color: rgba(8, 138, 40, 0.2);
  }
}
@media (max-width: 767px) {
  .site-wrapper.green .btn-primary {
    font-size: 0.9rem;
  }
  .site-wrapper.green .competition-status::before {
    display: none;
  }
}
@media print {
  .site-wrapper.green {
    -webkit-filter: none !important;
            filter: none !important;
  }
  .site-wrapper.green * {
    -webkit-filter: none !important;
            filter: none !important;
    color: black !important;
    background-color: white !important;
  }
  .site-wrapper.green .competition-status::after {
    content: " (Competición Finalizada)";
  }
}
@media (prefers-reduced-motion: reduce) {
  .site-wrapper.green * {
    -webkit-transition: none !important;
    transition: none !important;
    -webkit-animation: none !important;
            animation: none !important;
  }
}
@media (prefers-contrast: high) {
  .site-wrapper.green .btn-primary {
    border: 2px solid #088a28;
  }
  .site-wrapper.green a {
    text-decoration: underline;
  }
}
@media (prefers-color-scheme: dark) {
  .site-wrapper.green .btn-primary {
    background-color: #055a1a;
    border-color: #055a1a;
  }
  .site-wrapper.green .competition-title-bar.competition-status-finished {
    background: linear-gradient(135deg, #055a1a 0%, rgba(86, 249, 101, 0.4705882353) 100%);
  }
}
.mb-5::after {
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#088a28), to(transparent));
  background: linear-gradient(90deg, transparent, #088a28, transparent);
}

.main-nav__list > li > a:hover::before {
  background-color: #088a28;
}

body.is-past:not(.auth-pages, .is-competition-active) a {
  color: #088a28 !important;
}

body.is-past:not(.auth-pages, .is-competition-active) a:hover {
  color: rgba(135, 251, 146, 0.4705882353) !important;
}

/* Red zone tooltip styles */
.red-zone-tooltip {
  -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.red-zone-tooltip.show {
  opacity: 1;
  visibility: visible;
}

li.red-zone a:hover, li.red-zone a:focus {
  -webkit-filter: sepia(1) saturate(5) hue-rotate(-50deg);
          filter: sepia(1) saturate(5) hue-rotate(-50deg);
}
li.red-zone a:active {
  -webkit-filter: sepia(1) saturate(5) hue-rotate(-50deg);
          filter: sepia(1) saturate(5) hue-rotate(-50deg);
}

@media (max-width: 991px) {
  li.red-zone a:hover, li.red-zone a:focus {
    color: #ffb680 !important;
  }
}
.site-wrapper.red .info-block--header .info-block__item svg,
.site-wrapper.red .info-block--header .info-block__item .info-block__cart-sum {
  -webkit-filter: sepia(1) saturate(5) hue-rotate(-50deg);
          filter: sepia(1) saturate(5) hue-rotate(-50deg);
}
.site-wrapper.red .site-content > .container {
  margin-left: 2%;
  padding: 0px;
  width: 96%;
}
.site-wrapper.red .header-logo img,
.site-wrapper.red .header-mobile__logo img,
.site-wrapper.red .footer-logo img {
  -webkit-filter: sepia(1) saturate(4) hue-rotate(-50deg);
          filter: sepia(1) saturate(4) hue-rotate(-50deg);
}
.site-wrapper.red .page-heading {
  -webkit-filter: sepia(1) saturate(3) hue-rotate(-50deg);
          filter: sepia(1) saturate(3) hue-rotate(-50deg);
}
.site-wrapper.red #only_me_checkbox_container {
  position: absolute;
  right: 10%;
  z-index: 2;
}
.site-wrapper.red .red-zone-container {
  width: 100%;
}
.site-wrapper.red .red-zone-container > div {
  overflow-x: auto;
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.site-wrapper.red .red-zone-container > div.hide-all-but-me {
  overflow-y: hidden;
}
.site-wrapper.red .red-zone-container > div.hide-all-but-me tbody tr,
.site-wrapper.red .red-zone-container > div.hide-all-but-me tfoot tr {
  display: none;
}
.site-wrapper.red .red-zone-container > div.hide-all-but-me tbody tr.me, .site-wrapper.red .red-zone-container > div.hide-all-but-me tbody tr.is-playing,
.site-wrapper.red .red-zone-container > div.hide-all-but-me tfoot tr.me,
.site-wrapper.red .red-zone-container > div.hide-all-but-me tfoot tr.is-playing {
  display: table-row !important;
}
.site-wrapper.red .red-zone-container table {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
  border-collapse: collapse;
  width: 100%;
  min-height: 255px;
}
.site-wrapper.red .red-zone-container table th,
.site-wrapper.red .red-zone-container table td {
  border: 2px solid rgba(149, 18, 18, 0.12);
  text-align: center;
}
.site-wrapper.red .red-zone-container table th.is-playing,
.site-wrapper.red .red-zone-container table td.is-playing {
  border-left: 3px solid #1892ed !important;
  border-right: 3px solid #1892ed !important;
}
.site-wrapper.red .red-zone-container table th.is-playing div,
.site-wrapper.red .red-zone-container table td.is-playing div {
  color: #1892ed !important;
}
.site-wrapper.red .red-zone-container table th .playing-now-icon,
.site-wrapper.red .red-zone-container table td .playing-now-icon {
  padding: 0;
  margin: 0;
  position: relative !important;
}
.site-wrapper.red .red-zone-container table th {
  height: 200px;
  white-space: nowrap;
  text-align: -webkit-center;
  padding-bottom: 5px;
  place-content: end;
}
.site-wrapper.red .red-zone-container table th div {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  width: 20px;
}
.site-wrapper.red .red-zone-container table th.porrero {
  min-width: 222px !important;
  place-content: center;
}
.site-wrapper.red .red-zone-container table th.porrero > div {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  width: 100%;
}
.site-wrapper.red .red-zone-container table th.is-playing {
  border-top: 3px solid #1892ed !important;
  background-color: rgba(24, 146, 237, 0.0705882353) !important;
  border-left: 3px solid #1892ed !important;
}
.site-wrapper.red .red-zone-container table td:hover {
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.site-wrapper.red .red-zone-container table td div {
  padding: 0 4px;
  min-width: 40px;
  border: 2px solid transparent;
}
.site-wrapper.red .red-zone-container table td div:hover {
  border: 2px solid rgba(149, 18, 18, 0.12);
  cursor: pointer;
}
.site-wrapper.red .red-zone-container table td.hit-failed, .site-wrapper.red .red-zone-container table td.hit-not-classified-in-group {
  background-color: rgba(255, 99, 71, 0.7529411765);
  color: whitesmoke;
}
.site-wrapper.red .red-zone-container table td.hit-failed.is-playing, .site-wrapper.red .red-zone-container table td.hit-not-classified-in-group.is-playing {
  background-color: rgba(255, 99, 71, 0.4196078431);
}
.site-wrapper.red .red-zone-container table td.hit-classified-in-group {
  background: rgba(68, 172, 68, 0.7019607843) !important;
  color: whitesmoke;
}
.site-wrapper.red .red-zone-container table td.hit-1x2 {
  background-color: rgba(68, 172, 68, 0.7019607843);
  color: whitesmoke;
}
.site-wrapper.red .red-zone-container table td.hit-1x2.is-playing {
  background-color: rgba(68, 172, 68, 0.2941176471);
}
.site-wrapper.red .red-zone-container table td.hit-1x2.is-incorrect-match {
  background-color: rgba(238, 122, 102, 0.7529411765);
}
.site-wrapper.red .red-zone-container table td.hit-1x2.is-incorrect-match.is-playing {
  background-color: rgba(238, 122, 102, 0.4196078431);
}
.site-wrapper.red .red-zone-container table td.hit-exact-result {
  background-color: goldenrod;
  color: whitesmoke;
}
.site-wrapper.red .red-zone-container table td.hit-exact-result.is-playing {
  background-color: rgba(255, 215, 0, 0.2941176471);
}
.site-wrapper.red .red-zone-container table td.hit-first-group, .site-wrapper.red .red-zone-container table td.hit-second-group, .site-wrapper.red .red-zone-container table td.hit-third-group {
  background: rgba(68, 172, 68, 0.7019607843) !important;
  color: whitesmoke;
}
.site-wrapper.red .red-zone-container table td.hit-no-third-group {
  background: rgba(68, 172, 68, 0.7019607843) !important;
}
.site-wrapper.red .red-zone-container table .tr-header-info {
  text-align: center;
}
.site-wrapper.red .red-zone-container table .tr-header-info:first-child > th:first-child, .site-wrapper.red .red-zone-container table .tr-header-info:last-child > th:first-child {
  border-top: 2px solid transparent !important;
  border-left: 2px solid transparent !important;
}
.site-wrapper.red .red-zone-container table .tr-header-info th {
  height: 30px;
}
.site-wrapper.red .red-zone-container table tfoot tr:last-child > th:last-child {
  border-top: 2px solid transparent !important;
  border-left: 2px solid transparent !important;
}
.site-wrapper.red .red-zone-container table tr.me {
  border: 3px solid #1892ed !important;
  background-color: rgba(24, 146, 237, 0.0705882353) !important;
}

#only_me_checkbox_container {
  margin-bottom: 15px;
  -webkit-transform: none !important;
  transform: none !important;
}
#only_me_checkbox_container .checkbox {
  font-weight: bold;
  font-size: 16px;
}
#only_me_checkbox_container .checkbox input[type=checkbox] {
  cursor: pointer;
  margin-right: 5px;
}
#only_me_checkbox_container .checkbox label {
  cursor: pointer;
}

.site-wrapper.red #only_me_checkbox_container {
  position: static !important;
  right: auto !important;
  z-index: auto !important;
}

.red-zone-content .shield-column {
  padding: 5px !important;
}
.red-zone-content .shield-column img {
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  display: block !important;
  margin: 0 auto !important;
  background-color: #f5f5f5 !important;
  border: 1px solid #e0e0e0 !important;
}
.red-zone-content .shield-column .team-meta__logo {
  margin: 0 auto;
  display: block;
  width: auto !important;
  height: auto !important;
}

.red-zone-content .red-zone-container {
  overflow-x: auto !important;
  overflow-y: visible !important;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #888 #f1f1f1;
}
.red-zone-content .red-zone-container::-webkit-scrollbar {
  height: 12px !important;
  display: block !important;
  visibility: visible !important;
}
.red-zone-content .red-zone-container::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 6px;
}
.red-zone-content .red-zone-container::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 6px;
}
.red-zone-content .red-zone-container::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.red-zone-content table {
  min-width: 2400px;
  width: auto;
  display: table;
  table-layout: auto;
}
.red-zone-content th[class*=group-] {
  display: table-cell !important;
  visibility: visible !important;
}

.red-zone-content table th.second-in-group.group-a:last-child,
.red-zone-content table th.second-in-group.group-b:last-child,
.red-zone-content table th.second-in-group.group-c:last-child,
.red-zone-content table th.second-in-group.group-d:last-child,
.red-zone-content table th.second-in-group.group-e:last-child,
.red-zone-content table th.second-in-group.group-f:last-child,
.red-zone-content table th.second-in-group.group-g:last-child,
.red-zone-content table th.second-in-group.group-h:last-child {
  border-right: 4px solid #333 !important;
}
.red-zone-content table td.second-in-group-value.group-a:last-child,
.red-zone-content table td.second-in-group-value.group-b:last-child,
.red-zone-content table td.second-in-group-value.group-c:last-child,
.red-zone-content table td.second-in-group-value.group-d:last-child,
.red-zone-content table td.second-in-group-value.group-e:last-child,
.red-zone-content table td.second-in-group-value.group-f:last-child,
.red-zone-content table td.second-in-group-value.group-g:last-child,
.red-zone-content table td.second-in-group-value.group-h:last-child {
  border-right: 4px solid #333 !important;
}

.red-zone-match .match-id {
  min-width: 20px;
  display: inline-block;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
}
.red-zone-match .fi {
  width: 20px;
  height: 15px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  border-radius: 2px;
}
.red-zone-match .fi.hit-exact-team {
  -webkit-box-shadow: 0 0 5px 2px goldenrod !important;
          box-shadow: 0 0 5px 2px goldenrod !important;
  border: 1px solid goldenrod !important;
}
.red-zone-match .fi.hit-team {
  -webkit-box-shadow: 0 0 5px 2px #44ac44 !important;
          box-shadow: 0 0 5px 2px #44ac44 !important;
  border: 1px solid #44ac44 !important;
}
.red-zone-match .fi.failed-team {
  -webkit-box-shadow: 0 0 5px 2px #ff6347 !important;
          box-shadow: 0 0 5px 2px #ff6347 !important;
  border: 1px solid #ff6347 !important;
}
.red-zone-match .team-name {
  width: 35px;
  display: inline-block;
  position: relative;
  top: 8px;
  text-align: left;
  text-indent: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.9rem;
}
.red-zone-match .team-name.hit-exact-team {
  color: goldenrod !important;
  font-weight: bold;
}
.red-zone-match .team-name.hit-team {
  color: #44ac44 !important;
  font-weight: bold;
}
.red-zone-match .team-name.failed-team {
  color: #ff6347 !important;
  text-decoration: line-through;
}

td.is-past {
  background-color: #d6d6d6;
}
td.is-past .past-match-icon img {
  width: 18px;
  margin: 5px;
  -webkit-filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.8));
          filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.8));
}

.tr-header-info th {
  color: whitesmoke !important;
  font-size: 1.2rem !important;
}
.tr-header-info th.group-a {
  background-color: #6a4c93;
}
.tr-header-info th.group-b {
  background-color: #1982c4;
}
.tr-header-info th.group-c {
  background-color: #8ac926;
}
.tr-header-info th.group-d {
  background-color: #ffca3a;
}
.tr-header-info th.group-e {
  background-color: #ff924c;
}
.tr-header-info th.group-f {
  background-color: #ff595e;
}
.tr-header-info th.group-g {
  background-color: #c5192d;
}
.tr-header-info th.group-h {
  background-color: #8ac926;
}
.tr-header-info th.final-phase-8 {
  background-color: #edc531;
}
.tr-header-info th.final-phase-4 {
  background-color: #dbb42c;
}
.tr-header-info th.final-phase-2 {
  background-color: #b69121;
}
.tr-header-info th.final-phase-1 {
  background-color: #a47e1b;
}
.tr-header-info th.award-golden-ball {
  background-color: #a47e1b;
}
.tr-header-info th.award-golden-glove {
  background-color: #a47e1b;
}
.tr-header-info th.award-golden-young {
  background-color: #a47e1b;
}
.tr-header-info th.award-golden-boot {
  background-color: #a47e1b;
}
.tr-header-info th.award-silver-boot {
  background-color: silver;
}
.tr-header-info th.award-bronze-boot {
  background-color: #893e05;
}

th.first-in-group, th.second-in-group, th.third-in-group,
td.first-in-group,
td.second-in-group,
td.third-in-group {
  place-content: baseline;
}
th.first-in-group span, th.second-in-group span, th.third-in-group span,
td.first-in-group span,
td.second-in-group span,
td.third-in-group span {
  display: block;
}
th.first-in-group .rotated-270, th.second-in-group .rotated-270, th.third-in-group .rotated-270,
td.first-in-group .rotated-270,
td.second-in-group .rotated-270,
td.third-in-group .rotated-270 {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  max-width: 40px;
  text-indent: 10px;
}
th.first-in-group .not-rotated-but-moved, th.second-in-group .not-rotated-but-moved, th.third-in-group .not-rotated-but-moved,
td.first-in-group .not-rotated-but-moved,
td.second-in-group .not-rotated-but-moved,
td.third-in-group .not-rotated-but-moved {
  top: 20px;
  position: relative;
}
th.group-a,
td.group-a {
  background-color: rgba(106, 76, 147, 0.062745098);
}
th.group-b,
td.group-b {
  background-color: rgba(25, 130, 196, 0.062745098);
}
th.group-c,
td.group-c {
  background-color: rgba(138, 201, 38, 0.062745098);
}
th.group-d,
td.group-d {
  background-color: rgba(255, 202, 58, 0.062745098);
}
th.group-e,
td.group-e {
  background-color: rgba(255, 146, 76, 0.062745098);
}
th.group-f,
td.group-f {
  background-color: rgba(255, 89, 95, 0.062745098);
}
th.group-g,
td.group-g {
  background-color: rgba(197, 25, 45, 0.062745098);
}
th.group-h,
td.group-h {
  background-color: rgba(138, 201, 38, 0.062745098);
}
th.final-phase-4,
td.final-phase-4 {
  background-color: rgba(237, 197, 49, 0.1882352941);
}
th.final-phase-5,
td.final-phase-5 {
  background-color: rgba(219, 180, 44, 0.1882352941);
}
th.final-phase-6,
td.final-phase-6 {
  background-color: rgba(182, 145, 33, 0.1882352941);
}
th.final-phase-7,
td.final-phase-7 {
  background-color: rgba(164, 126, 27, 0.1882352941);
}
th.award-golden-ball, th.award-golden-glove, th.award-golden-young, th.award-golden-boot,
td.award-golden-ball,
td.award-golden-glove,
td.award-golden-young,
td.award-golden-boot {
  background-color: rgba(164, 126, 27, 0.1882352941);
}
th.award-silver-boot,
td.award-silver-boot {
  background-color: rgba(192, 192, 192, 0.1882352941);
}
th.award-bronze-boot,
td.award-bronze-boot {
  background-color: rgba(137, 62, 5, 0.1882352941);
}
th.is-correct-match,
td.is-correct-match {
  background: rgba(68, 172, 68, 0.7019607843) !important;
  background-color: rgba(46, 118, 46, 0.3215686275) !important;
  color: whitesmoke;
}
th.is-correct-match.hit-1x2,
td.is-correct-match.hit-1x2 {
  background-color: rgba(68, 172, 68, 0.7019607843) !important;
  color: whitesmoke;
}
th.is-correct-match.hit-1x2.is-playing,
td.is-correct-match.hit-1x2.is-playing {
  background-color: rgba(46, 118, 46, 0.3215686275) !important;
}
th.is-correct-match.hit-exact-result,
td.is-correct-match.hit-exact-result {
  background-color: goldenrod !important;
  color: whitesmoke;
}
th.is-correct-match.hit-exact-result.is-playing,
td.is-correct-match.hit-exact-result.is-playing {
  background-color: #d7c494 !important;
}
th.is-correct-match.hit-failed,
td.is-correct-match.hit-failed {
  background-color: rgba(238, 122, 102, 0.7529411765) !important;
  color: whitesmoke;
}
th.is-correct-match.not-played,
td.is-correct-match.not-played {
  background-color: unset !important;
}
th.is-correct-match.not-played .vs,
td.is-correct-match.not-played .vs {
  color: #777 !important;
}
th.is-correct-match.not-played.final-phase-4,
td.is-correct-match.not-played.final-phase-4 {
  background-color: rgba(237, 197, 49, 0.1882352941);
}
th.is-correct-match.not-played.final-phase-5,
td.is-correct-match.not-played.final-phase-5 {
  background-color: rgba(219, 180, 44, 0.1882352941) !important;
}
th.is-correct-match.not-played.final-phase-6,
td.is-correct-match.not-played.final-phase-6 {
  background-color: rgba(182, 145, 33, 0.1882352941) !important;
}
th.is-correct-match.not-played.final-phase-7,
td.is-correct-match.not-played.final-phase-7 {
  background-color: rgba(164, 126, 27, 0.1882352941) !important;
}
th.is-correct-team-match,
td.is-correct-team-match {
  background-color: rgba(46, 118, 46, 0.3215686275) !important;
  color: whitesmoke;
}
th.is-incorrect-match,
td.is-incorrect-match {
  background-color: rgba(238, 122, 102, 0.3764705882) !important;
  color: whitesmoke;
}
th.is-incorrect-match.is-correct-team-match.next-round,
td.is-incorrect-match.is-correct-team-match.next-round {
  background-color: rgba(46, 118, 46, 0.3215686275) !important;
  color: whitesmoke;
}
th.is-unknown-match,
td.is-unknown-match {
  background-color: rgba(0, 164, 255, 0.3411764706) !important;
  color: whitesmoke;
  opacity: 0.8;
  position: relative;
}
th.is-unknown-match .vs-container,
td.is-unknown-match .vs-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
th.is-unknown-match .vs-container::after,
td.is-unknown-match .vs-container::after {
  content: "❓";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 1.5rem;
  opacity: 0.6;
  z-index: 10;
}
th.is-pending-match,
td.is-pending-match {
  background-color: rgba(0, 164, 255, 0.3411764706) !important;
  color: whitesmoke;
  opacity: 0.8;
}
th.is-pending-match .vs-container,
td.is-pending-match .vs-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 30px;
}
th .vs-container,
td .vs-container {
  display: block;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 700;
  color: whitesmoke;
  width: 100%;
  min-width: 127px !important;
}
th .vs-container .vs,
td .vs-container .vs {
  padding: 0 10px;
}

li.orange-zone a:hover, li.orange-zone a:focus {
  -webkit-filter: sepia(1) saturate(3) hue-rotate(15deg) brightness(1.1);
          filter: sepia(1) saturate(3) hue-rotate(15deg) brightness(1.1);
}
li.orange-zone a:active {
  -webkit-filter: sepia(1) saturate(3) hue-rotate(15deg) brightness(1.1);
          filter: sepia(1) saturate(3) hue-rotate(15deg) brightness(1.1);
}

@media (max-width: 991px) {
  li.orange-zone a:hover, li.orange-zone a:focus {
    color: #fed7aa !important;
  }
}
.site-wrapper.orange .info-block--header .info-block__item svg,
.site-wrapper.orange .info-block--header .info-block__item .info-block__cart-sum {
  -webkit-filter: sepia(1) saturate(3) hue-rotate(15deg) brightness(1.1);
          filter: sepia(1) saturate(3) hue-rotate(15deg) brightness(1.1);
}
.site-wrapper.orange .page-heading {
  -webkit-filter: sepia(1) saturate(2) hue-rotate(15deg) brightness(1.1);
          filter: sepia(1) saturate(2) hue-rotate(15deg) brightness(1.1);
}
.site-wrapper.orange .page-heading .highlight {
  color: #bba45a;
}
.site-wrapper.orange .main-nav__list > li > a:hover {
  color: #bba45a;
}
.site-wrapper.orange .breadcrumb a:hover {
  color: #bba45a !important;
}
.site-wrapper.orange .btn-primary {
  background-color: #bba45a;
  border-color: #bba45a;
}
.site-wrapper.orange .btn-primary:hover {
  background-color: #ea580c;
  border-color: #ea580c;
}
.site-wrapper.orange a:hover {
  color: #ea580c;
}
.site-wrapper.orange a span {
  color: #bba45a !important;
}
.site-wrapper.orange a.themed {
  color: #bba45a !important;
}
.site-wrapper.orange .table thead th {
  background-color: rgba(187, 164, 90, 0.1);
  color: #ea580c;
}
.site-wrapper.orange .table tbody tr:hover {
  background-color: rgba(187, 164, 90, 0.05);
}
.site-wrapper.orange .table-standings .badge.badge-info {
  background-color: #bba45a !important;
  color: white !important;
}
.site-wrapper.orange .table-standings span.text-info > b {
  color: #bba45a !important;
}
.site-wrapper.orange .table-standings tbody tr.me {
  border: 3px solid #bba45a !important;
  background-color: rgba(187, 164, 90, 0.07) !important;
}
.site-wrapper.orange .table-standings tbody tr.me:hover {
  background-color: rgba(187, 164, 90, 0.12) !important;
}
.site-wrapper.orange .card {
  border-color: rgba(187, 164, 90, 0.2);
}
.site-wrapper.orange .card .card-header {
  background-color: rgba(187, 164, 90, 0.1);
  border-color: rgba(187, 164, 90, 0.2);
}
.site-wrapper.orange .form-control:focus {
  border-color: #bba45a;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(187, 164, 90, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(187, 164, 90, 0.25);
}
.site-wrapper.orange .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #bba45a;
  border-color: #bba45a;
}
.site-wrapper.orange .alert-info {
  background-color: rgba(187, 164, 90, 0.1);
  border-color: rgba(187, 164, 90, 0.2);
  color: #ea580c;
}
.site-wrapper.orange .progress-bar {
  background-color: #bba45a;
}
.site-wrapper.orange .badge-primary {
  background-color: #bba45a;
}
.site-wrapper.orange .badge-info {
  background-color: #bba45a;
  color: white;
}
.site-wrapper.orange .text-info {
  color: #bba45a !important;
}
.site-wrapper.orange .text-primary {
  color: #bba45a !important;
}
.site-wrapper.orange .widget__title {
  color: #ea580c;
}
.site-wrapper.orange .stats-item:hover {
  background-color: rgba(187, 164, 90, 0.05);
}
.site-wrapper.orange .stats-item .stats-item__icon {
  color: #bba45a;
}
.site-wrapper.orange .player-item:hover {
  border-color: #bba45a;
  -webkit-box-shadow: 0 0 10px rgba(187, 164, 90, 0.3);
          box-shadow: 0 0 10px rgba(187, 164, 90, 0.3);
}
.site-wrapper.orange .match-score-inline__body:hover {
  background-color: rgba(187, 164, 90, 0.05);
}
.site-wrapper.orange .team-meta__logo:hover {
  -webkit-filter: sepia(1) saturate(2) hue-rotate(15deg) brightness(1.1);
          filter: sepia(1) saturate(2) hue-rotate(15deg) brightness(1.1);
}
.site-wrapper.orange .points-highlight {
  color: #bba45a;
  font-weight: bold;
}
.site-wrapper.orange .is-playing {
  border-color: #1892ed !important;
  background-color: rgba(24, 146, 237, 0.07) !important;
}
.site-wrapper.orange .section-highlight {
  border-left: 3px solid #bba45a;
  background-color: rgba(187, 164, 90, 0.05);
}
.site-wrapper.orange .dropdown-menu .dropdown-item:hover {
  background-color: rgba(187, 164, 90, 0.1);
  color: #ea580c;
}
.site-wrapper.orange .dropdown-menu .dropdown-item.active {
  background-color: #bba45a;
}
.site-wrapper.orange .pagination .page-link {
  color: #bba45a;
}
.site-wrapper.orange .pagination .page-link:hover {
  background-color: rgba(187, 164, 90, 0.1);
  border-color: #bba45a;
}
.site-wrapper.orange .pagination .page-item.active .page-link {
  background-color: #bba45a;
  border-color: #bba45a;
}
.site-wrapper.orange .spinner-border {
  color: #bba45a;
}
.site-wrapper.orange .tooltip .tooltip-inner {
  background-color: #bba45a;
}
.site-wrapper.orange .tooltip.bs-tooltip-top .arrow::before {
  border-top-color: #bba45a;
}
.site-wrapper.orange .tooltip.bs-tooltip-right .arrow::before {
  border-right-color: #bba45a;
}
.site-wrapper.orange .tooltip.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #bba45a;
}
.site-wrapper.orange .tooltip.bs-tooltip-left .arrow::before {
  border-left-color: #bba45a;
}
.site-wrapper.orange .modal-header {
  background-color: rgba(187, 164, 90, 0.05);
  border-color: rgba(187, 164, 90, 0.2);
}
.site-wrapper.orange ::-moz-selection {
  background-color: rgba(187, 164, 90, 0.3);
}
.site-wrapper.orange ::selection {
  background-color: rgba(187, 164, 90, 0.3);
}
.site-wrapper.orange ::-moz-selection {
  background-color: rgba(187, 164, 90, 0.3);
}
.site-wrapper.orange ::-webkit-scrollbar-thumb {
  background-color: rgba(187, 164, 90, 0.5);
}
.site-wrapper.orange ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(187, 164, 90, 0.7);
}
.site-wrapper.orange .competition-badge {
  background-color: #bba45a;
  color: white;
}
.site-wrapper.orange .competition-status {
  color: #bba45a;
}
.site-wrapper.orange .competition-status::before {
  content: "🏆";
  margin-right: 5px;
}
.site-wrapper.orange .trophy-icon {
  -webkit-filter: sepia(1) saturate(3) hue-rotate(15deg) brightness(1.1);
          filter: sepia(1) saturate(3) hue-rotate(15deg) brightness(1.1);
}
.site-wrapper.orange .winner-highlight {
  background-color: rgba(187, 164, 90, 0.1);
  border: 2px solid #bba45a;
  border-radius: 4px;
  padding: 5px;
}
.site-wrapper.orange .historical-data {
  opacity: 0.9;
}
.site-wrapper.orange .historical-data::after {
  content: " (Finalizada)";
  color: #bba45a;
  font-size: 0.8em;
  font-style: italic;
}
.site-wrapper.orange .leaderboard-item.first-place {
  background-color: rgba(187, 164, 90, 0.15);
  border-left: 4px solid #bba45a;
}
.site-wrapper.orange .achievement-badge {
  background-color: #bba45a;
}
.site-wrapper.orange .achievement-badge:hover {
  background-color: #ea580c;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.site-wrapper.orange .nav-tabs .nav-link:hover {
  border-color: rgba(187, 164, 90, 0.3);
}
.site-wrapper.orange .nav-tabs .nav-link.active {
  border-color: #bba45a #bba45a #fff;
  color: #bba45a;
}
.site-wrapper.orange .input-group-text {
  background-color: rgba(187, 164, 90, 0.1);
  border-color: rgba(187, 164, 90, 0.3);
  color: #ea580c;
}
.site-wrapper.orange .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #bba45a;
  border-color: #bba45a;
}
.site-wrapper.orange .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #bba45a;
  border-color: #bba45a;
}
.site-wrapper.orange .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #bba45a;
  border-color: #bba45a;
}
.site-wrapper.orange .custom-file-input:focus ~ .custom-file-label {
  border-color: #bba45a;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(187, 164, 90, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(187, 164, 90, 0.25);
}
.site-wrapper.orange .custom-range::-webkit-slider-thumb {
  background-color: #bba45a;
}
.site-wrapper.orange .custom-range::-moz-range-thumb {
  background-color: #bba45a;
}
.site-wrapper.orange .custom-range::-ms-thumb {
  background-color: #bba45a;
}
.site-wrapper.orange .list-group-item:hover {
  background-color: rgba(187, 164, 90, 0.05);
}
.site-wrapper.orange .list-group-item.active {
  background-color: #bba45a;
  border-color: #bba45a;
}
.site-wrapper.orange .jumbotron {
  background-color: rgba(187, 164, 90, 0.05);
}
.site-wrapper.orange .close:hover {
  color: #bba45a;
}
.site-wrapper.orange .footer-nav.footer-nav--right a, .site-wrapper.orange .footer-nav.footer-nav--condensed a, .site-wrapper.orange .footer-nav.footer-nav--sm a {
  color: #bba45a !important;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.site-wrapper.orange .footer-nav.footer-nav--right a:hover, .site-wrapper.orange .footer-nav.footer-nav--right a:focus, .site-wrapper.orange .footer-nav.footer-nav--condensed a:hover, .site-wrapper.orange .footer-nav.footer-nav--condensed a:focus, .site-wrapper.orange .footer-nav.footer-nav--sm a:hover, .site-wrapper.orange .footer-nav.footer-nav--sm a:focus {
  color: #ea580c !important;
  text-decoration: none;
  opacity: 0.8;
}
.site-wrapper.orange .footer-nav.footer-nav--right a:active, .site-wrapper.orange .footer-nav.footer-nav--condensed a:active, .site-wrapper.orange .footer-nav.footer-nav--sm a:active {
  color: #a08a42 !important;
}
.site-wrapper.orange footer a {
  color: #bba45a !important;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.site-wrapper.orange footer a:hover, .site-wrapper.orange footer a:focus {
  color: #ea580c;
  text-decoration: none;
}
.site-wrapper.orange footer .text-info,
.site-wrapper.orange footer .text-primary {
  color: #bba45a !important;
}

.competition-finished .site-wrapper.orange .competition-title-bar {
  background: linear-gradient(135deg, #bba45a 0%, #ea580c 100%) !important;
}

@media (max-width: 991px) {
  .site-wrapper.orange .main-nav {
    background-color: rgba(187, 164, 90, 0.05);
  }
  .site-wrapper.orange .header-mobile {
    border-bottom-color: rgba(187, 164, 90, 0.2);
  }
}
@media (max-width: 767px) {
  .site-wrapper.orange .btn-primary {
    font-size: 0.9rem;
  }
  .site-wrapper.orange .competition-status::before {
    display: none;
  }
}
@media print {
  .site-wrapper.orange {
    -webkit-filter: none !important;
            filter: none !important;
  }
  .site-wrapper.orange * {
    -webkit-filter: none !important;
            filter: none !important;
    color: black !important;
    background-color: white !important;
  }
  .site-wrapper.orange .competition-status::after {
    content: " (Competición Finalizada)";
  }
}
@media (prefers-reduced-motion: reduce) {
  .site-wrapper.orange * {
    -webkit-transition: none !important;
    transition: none !important;
    -webkit-animation: none !important;
            animation: none !important;
  }
}
@media (prefers-contrast: high) {
  .site-wrapper.orange .btn-primary {
    border: 2px solid #bba45a;
  }
  .site-wrapper.orange a {
    text-decoration: underline;
  }
}
@media (prefers-color-scheme: dark) {
  .site-wrapper.orange .btn-primary {
    background-color: #a08a42;
    border-color: #a08a42;
  }
  .site-wrapper.orange .competition-title-bar.competition-status-finished {
    background: linear-gradient(135deg, #5f542a 0%, #514828 100%);
  }
}
.mb-5::after {
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#bba45a), to(transparent));
  background: linear-gradient(90deg, transparent, #bba45a, transparent);
}

body.is-past:not(.auth-pages, .is-competition-active) a {
  color: #bba45a !important;
}

body.is-past:not(.auth-pages, .is-competition-active) a:hover {
  color: #ea580c !important;
}

.player-info__photo {
  position: relative;
  display: inline-block;
  overflow: visible;
}
.player-info__photo > img:first-child {
  display: block;
  max-width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  top: 7px;
}

@media (min-width: 992px) {
  .player-info__name {
    margin-top: 15px;
  }
}
.player-info__badge {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 48px;
  height: 48px;
  background: transparent;
  border-radius: 50%;
  padding: 2px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(255, 255, 255, 0.8);
  z-index: 10;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.player-info__badge img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  display: block;
  background: white;
}
.player-info__badge[data-position="1"] {
  top: 52%;
  left: 30%;
}
.player-info__badge[data-position="2"] {
  top: 52%;
  left: 44%;
}
.player-info__badge[data-position="3"] {
  top: 52%;
  left: 58%;
}
.player-info__badge[data-position="4"] {
  top: 60%;
  left: 30%;
}
.player-info__badge[data-position="5"] {
  top: 60%;
  left: 44%;
}
.player-info__badge[data-position="6"] {
  top: 60%;
  left: 58%;
}
.player-info__badge[data-position="7"] {
  top: 73%;
  left: 30%;
}
.player-info__badge[data-position="8"] {
  top: 73%;
  left: 44%;
}
.player-info__badge[data-position="9"] {
  top: 73%;
  left: 58%;
}

.player-info__chest-name {
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 10;
  white-space: nowrap;
  pointer-events: none;
}
.player-info__chest-name span {
  display: inline-block;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 4px 12px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.player-info__chest-name[data-position="1"] {
  top: 48%;
  left: 30%;
}
.player-info__chest-name[data-position="2"] {
  top: 48%;
  left: 44%;
}
.player-info__chest-name[data-position="3"] {
  top: 48%;
  left: 58%;
}
.player-info__chest-name[data-position="4"] {
  top: 56%;
  left: 30%;
}
.player-info__chest-name[data-position="5"] {
  top: 56%;
  left: 44%;
}
.player-info__chest-name[data-position="6"] {
  top: 56%;
  left: 58%;
}
.player-info__chest-name[data-position="7"] {
  top: 69%;
  left: 30%;
}
.player-info__chest-name[data-position="8"] {
  top: 69%;
  left: 44%;
}
.player-info__chest-name[data-position="9"] {
  top: 69%;
  left: 58%;
}

.player-info__item--photo {
  position: relative;
  z-index: 1;
}
.player-info__item--photo::after {
  content: "";
  display: table;
  clear: both;
}

.player-info__badge[data-style=shield] {
  -webkit-clip-path: polygon(50% 0%, 100% 20%, 100% 75%, 50% 100%, 0% 75%, 0% 20%);
          clip-path: polygon(50% 0%, 100% 20%, 100% 75%, 50% 100%, 0% 75%, 0% 20%);
  background: white;
  padding: 4px;
}
.player-info__badge[data-style=shield] img {
  -webkit-clip-path: polygon(50% 5%, 95% 22%, 95% 72%, 50% 95%, 5% 72%, 5% 22%);
          clip-path: polygon(50% 5%, 95% 22%, 95% 72%, 50% 95%, 5% 72%, 5% 22%);
}
.player-info__badge[data-style=none] {
  background: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
}
.player-info__badge[data-style=none] img {
  border-radius: 0;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.team-flag .fi {
  width: 100px;
  height: 75px;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  margin-bottom: 10px;
}

.teams-list {
  display: inline-block;
  text-align: left;
}
.teams-list li {
  list-style-type: none;
}
.teams-list li a {
  padding: 0 10px;
  font-size: 1.2rem;
  color: #999;
}
.teams-list li a:hover {
  color: #1892ed;
}

@media (max-width: 479px) {
  .teams-list {
    margin: 0 0 30px 0;
    padding: 0;
  }
  .teams-list li {
    width: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    place-content: center;
  }
  .teams-list li span.fi {
    display: inline-block;
  }
  .teams-list li a {
    display: inline-block;
    width: 75px;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px;
  }
  .page-team-by-group .teams-list li {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    place-content: center;
    margin-bottom: 10px;
  }
  .page-team-by-group .teams-list li span.fi {
    display: inline-block;
  }
  .page-team-by-group .teams-list li a {
    display: inline-block;
    width: 100%;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px;
  }
}
.page-teams .col-lg-4 {
  text-align: center;
}
.page-teams .col-lg-4 h5 {
  margin-top: 10px;
  margin-bottom: 20px;
}
.page-teams .teams-list ul {
  text-align: center;
  padding: 0;
}
.page-teams .teams-list ul li {
  display: inline-block;
  margin: 0 10px;
}

.page-team-by-group .page-content__title {
  margin-bottom: 40px;
}
.page-team-by-group .col-lg-12 {
  margin-bottom: 40px;
}
.page-team-by-group .teams-list li {
  margin-bottom: 10px;
}

.player-preview {
  background-image: url("/assets/img/soccer/samples/cielo-azul.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  min-height: 400px !important;
  width: 100% !important;
  position: relative !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}
.player-preview .player-info__item--photo {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 400px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
.player-preview .player-info__photo {
  margin: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  -webkit-transform: translateX(-50%) !important;
          transform: translateX(-50%) !important;
}
.player-preview .player-info__photo > img:first-child {
  position: relative;
  z-index: 5;
  display: block;
  max-width: 100%;
  height: auto;
}
.player-preview .player-info__badge {
  z-index: 20 !important;
}
.player-preview .player-info__chest-name {
  z-index: 20 !important;
}

/* Profile Picture Styles - Fix for transparent images */
.team-meta__logo img {
  background-color: #f5f5f5 !important;
  border: 1px solid #e0e0e0 !important;
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  border-radius: 50% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Fix team-meta logo container for profile pictures */
.team-meta__logo {
  width: 48px !important;
  height: 48px !important;
  overflow: visible !important;
  border-radius: 50% !important;
  display: block !important;
  position: relative !important;
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
  text-align: left !important;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

/* Force image visibility in all contexts */
img[src*="profiles/48/"],
img[src*="profiles/96/"] {
  visibility: visible !important;
  opacity: 1 !important;
  display: block !important;
}

/* Team Shield Styles */
.team-shield {
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: middle;
}

.team-shield-small {
  border-radius: 2px;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: middle;
}

.team-shield-tiny {
  border-radius: 2px;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: middle;
}

/* Competition Selector Styles */
/* Disabled state for non-authorized users */
.competition-selector-disabled {
  pointer-events: none;
}
.competition-selector-disabled .competition-selector-static {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 6px 12px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  color: inherit;
  font-size: 14px;
  font-weight: 500;
  cursor: not-allowed;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  opacity: 0.85;
  position: relative;
}
.competition-selector-disabled .competition-selector-static::after {
  content: "🔒";
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 12px;
  opacity: 0.5;
}
.competition-selector-disabled .competition-selector-static:hover {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.08);
  -webkit-transform: none;
          transform: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.competition-selector-disabled .competition-selector-static .competition-logo-header {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 4px;
  -webkit-filter: contrast(0.9);
          filter: contrast(0.9);
}
.competition-selector-disabled .competition-selector-static .competition-name {
  max-width: 200px !important;
  /*overflow: hidden;
  text-overflow: ellipsis;*/
  white-space: nowrap;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: rgba(255, 255, 255, 0.85);
}
.competition-selector-disabled .dropdown-menu {
  display: none !important;
  pointer-events: none !important;
}

/* Page-wide loading transition for competition switching */
body.htmx-request-competition-change {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 0.8;
}
body.htmx-request-competition-change::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.1);
  z-index: 9998;
  pointer-events: none;
}

#competition-selector-container {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
#competition-selector-container.htmx-request {
  opacity: 0.6;
  pointer-events: none;
}
#competition-selector-container .dropdown {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
#competition-selector-container .competition-selector-toggle {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  height: 100%;
}

.competition-selector {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 15px;
}
.competition-selector .competition-logo-small {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  vertical-align: middle;
  border-radius: 2px;
}
.competition-selector .competition-name {
  color: #fff;
  font-size: 14px;
  margin-right: 5px;
}
.competition-selector .dropdown-toggle {
  color: #fff;
  padding: 5px 10px;
  border-radius: 3px;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.competition-selector .dropdown-toggle:hover {
  background-color: rgba(255, 255, 255, 0.1);
  text-decoration: none;
}
.competition-selector .dropdown-menu {
  min-width: 250px;
  margin-top: 8px !important;
}
.competition-selector .dropdown-menu .competition-logo-dropdown {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  vertical-align: middle;
  border-radius: 2px;
}
.competition-selector .dropdown-menu li.active a {
  font-weight: bold;
}
.competition-selector .dropdown-menu .fa-check {
  color: #28a745;
  margin-top: 3px;
}

/* Competition Selector - Shortened & Nested */
.competition-selector-wrapper {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* Toggle Button */
  /* Dropdown Menu */
  /* Dropdown Items */
  /* Year Separator */
  /* Divider */
  /* Admin Option */
}
.competition-selector-wrapper .competition-selector-toggle {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 6px 12px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 8px;
  color: inherit;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  outline: none;
}
.competition-selector-wrapper .competition-selector-toggle:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.25);
  position: relative;
  top: -1px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.competition-selector-wrapper .competition-selector-toggle:focus {
  -webkit-box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.3);
          box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.3);
}
.competition-selector-wrapper .competition-selector-toggle[aria-expanded=true] .dropdown-arrow {
  display: inline-block;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  will-change: transform;
}
.competition-selector-wrapper .competition-selector-toggle .competition-logo-header {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 4px;
}
.competition-selector-wrapper .competition-selector-toggle .competition-name {
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.competition-selector-wrapper .competition-selector-toggle .dropdown-arrow {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0.7;
}
.competition-selector-wrapper .competition-selector-toggle {
  color: #fff !important;
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 4px 12px;
  border-radius: 4px;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.competition-selector-wrapper .competition-selector-toggle .competition-icon {
  font-size: 16px;
}
.competition-selector-wrapper .competition-selector-toggle .competition-name {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.competition-selector-wrapper .competition-selector-toggle .fa-angle-down {
  font-size: 12px;
  opacity: 0.8;
}
.competition-selector-wrapper .dropdown-menu {
  position: absolute;
  top: calc(100% + 12px);
  left: 0;
  right: auto;
  min-width: 400px;
  max-width: 440px;
  padding: 0 !important;
  margin: 0;
  margin-top: -12px !important;
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid #333 !important;
  border-radius: 20px;
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6) !important;
          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6) !important;
  z-index: 999999;
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), margin-top 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), margin-top 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.competition-selector-wrapper .dropdown-menu.show {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  opacity: 1;
  margin-top: -2px !important;
}
.competition-selector-wrapper .dropdown-menu li {
  -webkit-transition: 0;
  transition: 0;
  margin: 0;
  padding: 10px 40px 10px 20px;
  width: -webkit-fill-available;
}
.competition-selector-wrapper .dropdown-menu li.active, .competition-selector-wrapper .dropdown-menu li:active {
  color: #fff;
  text-decoration: none;
  background-color: rgba(235, 235, 235, 0.5098039216);
}
.competition-selector-wrapper .dropdown-menu .competition-option {
  color: #f0f0f0 !important;
}
.competition-selector-wrapper .dropdown-menu .competition-option.admin-option {
  color: #009bff !important;
  text-align: center !important;
  font-weight: 200 !important;
  font-size: 12px;
  opacity: 0.5;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.competition-selector-wrapper .dropdown-menu .competition-option.admin-option:hover {
  opacity: 1;
}
.competition-selector-wrapper .dropdown-menu .fa-check {
  color: #28a745 !important;
}
.competition-selector-wrapper .dropdown-item {
  list-style: none;
  margin: 4px 0;
  border-radius: 12px;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  /* Status Badges */
}
.competition-selector-wrapper .dropdown-item a span {
  color: #444 !important;
}
.competition-selector-wrapper .dropdown-item:hover .competition-option-content {
  -webkit-transform: translateX(4px);
          transform: translateX(4px);
}
.competition-selector-wrapper .dropdown-item .competition-option {
  display: block;
  padding: 0;
  color: #1a1a1a;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.competition-selector-wrapper .dropdown-item .competition-option .competition-option-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border-radius: 12px;
}
.competition-selector-wrapper .dropdown-item .competition-option .competition-option-content .competition-logo-dropdown {
  width: 52px;
  height: 52px;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
          filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
  padding: 7px;
}
.competition-selector-wrapper .dropdown-item .competition-option .competition-option-content .competition-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.competition-selector-wrapper .dropdown-item .competition-option .competition-option-content .competition-info .competition-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
}
.competition-selector-wrapper .dropdown-item .competition-option .competition-option-content .competition-info .competition-header .competition-option-name {
  font-size: 17px;
  font-weight: 600;
  color: #111827;
  line-height: 1.3;
  letter-spacing: -0.2px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.competition-selector-wrapper .dropdown-item .competition-option .competition-option-content .competition-info .competition-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.competition-selector-wrapper .dropdown-item .competition-option .competition-option-content .competition-info .competition-meta .competition-year {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  padding: 0;
}
.competition-selector-wrapper .dropdown-item .competition-status-badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 11px;
  padding: 4px 10px;
  border-radius: 6px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  white-space: nowrap;
}
.competition-selector-wrapper .dropdown-item .competition-status-badge.active {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.12), rgba(59, 130, 246, 0.08));
  color: #2563eb;
  border: 1px solid rgba(59, 130, 246, 0.2);
}
.competition-selector-wrapper .dropdown-item .competition-status-badge.finished {
  background: linear-gradient(135deg, rgba(251, 146, 60, 0.12), rgba(251, 146, 60, 0.08));
  color: #ea580c;
  border: 1px solid rgba(251, 146, 60, 0.2);
}
.competition-selector-wrapper .dropdown-item .competition-status-badge.future {
  background: linear-gradient(135deg, rgba(107, 114, 128, 0.12), rgba(107, 114, 128, 0.08));
  color: #4b5563;
  border: 1px solid rgba(107, 114, 128, 0.2);
}
.competition-selector-wrapper .dropdown-item.competition-status-not-participated {
  opacity: 0.7;
}
.competition-selector-wrapper .dropdown-item.competition-status-not-participated .competition-logo-dropdown {
  -webkit-filter: grayscale(0.5) opacity(0.8);
          filter: grayscale(0.5) opacity(0.8);
}
.competition-selector-wrapper .dropdown-item.competition-status-not-participated .competition-option-name {
  color: #9ca3af;
}
.competition-selector-wrapper .dropdown-item.competition-status-not-participated:hover .competition-logo-dropdown {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.competition-selector-wrapper .year-separator {
  list-style: none;
  display: none;
  margin: 16px 20px 12px;
  padding: 8px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  text-align: center;
  position: relative;
}
.competition-selector-wrapper .year-separator span {
  display: inline-block;
  padding: 0 12px;
  background: rgba(255, 255, 255, 0.92);
  color: #6b7280;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.competition-selector-wrapper .divider {
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(0, 0, 0, 0.06)), to(transparent));
  background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.06), transparent);
  margin: 12px 16px;
  list-style: none;
}
.competition-selector-wrapper .admin-option {
  color: #4b5563;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.competition-selector-wrapper .admin-option .competition-option-content {
  padding: 12px 16px;
}

/* Dark Mode */
@media (prefers-color-scheme: dark) {
  .competition-selector-wrapper .dropdown-menu {
    background: rgba(31, 41, 55, 0.95);
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
    border-color: rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: 0 24px 48px rgba(0, 0, 0, 0.4), 0 12px 24px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
            box-shadow: 0 24px 48px rgba(0, 0, 0, 0.4), 0 12px 24px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
  }
  .competition-selector-wrapper .dropdown-menu .competition-option {
    color: #f3f4f6;
  }
  .competition-selector-wrapper .dropdown-menu .competition-option-name {
    color: #f9fafb;
  }
  .competition-selector-wrapper .dropdown-menu .competition-year {
    color: #9ca3af;
  }
  .competition-selector-wrapper .dropdown-menu .dropdown-item.active .competition-option-name {
    color: #86efac;
  }
  .competition-selector-wrapper .dropdown-menu .dropdown-item.active .competition-option-content {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(16, 185, 129, 0.08));
    border-color: rgba(16, 185, 129, 0.25);
  }
  .competition-selector-wrapper .dropdown-menu .year-separator span {
    background: rgba(31, 41, 55, 0.95);
    color: #9ca3af;
  }
  .competition-selector-wrapper .dropdown-menu .admin-option {
    color: #9ca3af;
  }
}
/* Mobile and Tablet */
@media screen and (max-width: 991px) {
  .competition-selector-disabled .competition-selector-static {
    padding: 4px 10px;
  }
  .competition-selector-disabled .competition-selector-static::after {
    right: 6px;
    font-size: 11px;
  }
  .competition-selector-disabled .competition-selector-static .competition-logo-header {
    width: 18px;
    height: 18px;
  }
  .competition-selector-disabled .competition-selector-static .competition-name {
    font-size: 12px;
    max-width: 120px;
  }
  .competition-selector-wrapper .competition-name {
    max-width: 140px;
  }
  .competition-selector-wrapper .dropdown-menu {
    min-width: 340px;
    max-width: calc(100vw - 32px);
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-10px) scale(0.98);
            transform: translateX(-50%) translateY(-10px) scale(0.98);
    z-index: 1001 !important;
    position: fixed !important;
    top: 55px !important;
  }
  .competition-selector-wrapper .dropdown-menu.show {
    -webkit-transform: translateX(-50%) translateY(0) scale(1);
            transform: translateX(-50%) translateY(0) scale(1);
    z-index: 1001 !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    opacity: 1 !important;
  }
  .competition-selector-wrapper .dropdown-menu .competition-logo-dropdown {
    width: 44px;
    height: 44px;
  }
  .competition-selector-wrapper .dropdown-menu .competition-option-name {
    font-size: 16px;
  }
  .competition-selector-wrapper .dropdown-menu .competition-option-content {
    padding: 12px 14px;
  }
}
.page-teams.site-content,
.page-teams .site-content,
.page-stages.site-content,
.page-stages .site-content,
.page-competitions.site-content,
.page-competitions .site-content,
.page-competition.site-content,
.page-competition .site-content,
.page-groups.site-content,
.page-groups .site-content,
.page-results.site-content,
.page-results .site-content,
.page-players.site-content,
.page-players .site-content,
.page-matches.site-content,
.page-matches .site-content,
.page-awards.site-content,
.page-awards .site-content,
.page-admin-competitions.site-content,
.page-admin-competitions .site-content {
  padding-top: 0 !important;
  padding-bottom: 30px;
}
@media (min-width: 992px) {
  .page-teams.site-content,
  .page-teams .site-content,
  .page-stages.site-content,
  .page-stages .site-content,
  .page-competitions.site-content,
  .page-competitions .site-content,
  .page-competition.site-content,
  .page-competition .site-content,
  .page-groups.site-content,
  .page-groups .site-content,
  .page-results.site-content,
  .page-results .site-content,
  .page-players.site-content,
  .page-players .site-content,
  .page-matches.site-content,
  .page-matches .site-content,
  .page-awards.site-content,
  .page-awards .site-content,
  .page-admin-competitions.site-content,
  .page-admin-competitions .site-content {
    padding-bottom: 60px;
  }
}
.page-teams .competition-navigation,
.page-stages .competition-navigation,
.page-competitions .competition-navigation,
.page-competition .competition-navigation,
.page-groups .competition-navigation,
.page-results .competition-navigation,
.page-players .competition-navigation,
.page-matches .competition-navigation,
.page-awards .competition-navigation,
.page-admin-competitions .competition-navigation {
  margin-top: 0 !important;
}
.page-teams .competition-navigation + .container,
.page-stages .competition-navigation + .container,
.page-competitions .competition-navigation + .container,
.page-competition .competition-navigation + .container,
.page-groups .competition-navigation + .container,
.page-results .competition-navigation + .container,
.page-players .competition-navigation + .container,
.page-matches .competition-navigation + .container,
.page-awards .competition-navigation + .container,
.page-admin-competitions .competition-navigation + .container {
  padding-top: 30px;
}
@media (min-width: 992px) {
  .page-teams .competition-navigation + .container,
  .page-stages .competition-navigation + .container,
  .page-competitions .competition-navigation + .container,
  .page-competition .competition-navigation + .container,
  .page-groups .competition-navigation + .container,
  .page-results .competition-navigation + .container,
  .page-players .competition-navigation + .container,
  .page-matches .competition-navigation + .container,
  .page-awards .competition-navigation + .container,
  .page-admin-competitions .competition-navigation + .container {
    padding-top: 40px;
  }
}

.competition-navigation {
  margin-top: 0;
  margin-bottom: 60px;
}

#competition-nav-container {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}
#competition-nav-container .competition-navigation {
  margin-top: 0;
}

[data-template*=teams] .site-content,
[data-template*=stages] .site-content,
[data-template*=competitions] .site-content,
[data-template*=results] .site-content,
[data-template*=players] .site-content {
  padding-top: 0 !important;
}
[data-template*=teams] .site-content .competition-navigation,
[data-template*=stages] .site-content .competition-navigation,
[data-template*=competitions] .site-content .competition-navigation,
[data-template*=results] .site-content .competition-navigation,
[data-template*=players] .site-content .competition-navigation {
  margin-top: 0 !important;
}

@media screen and (max-width: 991px) {
  .page-teams .site-content,
  .page-stages .site-content,
  .page-competitions .site-content,
  .page-results .site-content,
  .page-players .site-content {
    padding-top: 0 !important;
  }
  .page-teams .site-content .competition-navigation,
  .page-stages .site-content .competition-navigation,
  .page-competitions .site-content .competition-navigation,
  .page-results .site-content .competition-navigation,
  .page-players .site-content .competition-navigation {
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 575px) {
  .page-teams .site-content,
  .page-stages .site-content,
  .page-competitions .site-content,
  .page-results .site-content,
  .page-players .site-content {
    padding-top: 0 !important;
  }
  .page-teams .site-content .competition-navigation,
  .page-stages .site-content .competition-navigation,
  .page-competitions .site-content .competition-navigation,
  .page-results .site-content .competition-navigation,
  .page-players .site-content .competition-navigation {
    margin-top: 0 !important;
  }
}
.has-competition-bar .page-teams .site-content,
.has-competition-bar .page-stages .site-content,
.has-competition-bar .page-competitions .site-content,
.has-competition-bar .page-results .site-content,
.has-competition-bar .page-players .site-content {
  padding-top: 0 !important;
}

/* Admin dropdown menu styles */
/* Fix z-index stacking context issues with header__primary */
.nav-account__item.dropdown,
.nav-account__item.has-children {
  position: relative !important;
  z-index: 99999999 !important; /* Ensure parent has high z-index above header__primary */
}
.nav-account__item.dropdown .dropdown-menu,
.nav-account__item.dropdown .admin-dropdown,
.nav-account__item.dropdown .main-nav__sub,
.nav-account__item.has-children .dropdown-menu,
.nav-account__item.has-children .admin-dropdown,
.nav-account__item.has-children .main-nav__sub {
  background-color: #1e1e1e !important;
  border: 1px solid #333;
  border-radius: 4px;
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6);
          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6);
  width: 350px !important;
  min-width: 350px !important;
  max-width: 350px !important;
  padding: 4px 0 !important;
  margin-top: 0;
  position: absolute !important;
  top: calc(100% + 5px) !important;
  right: 0 !important;
  z-index: 9999999 !important; /* Higher than header__primary z-index: 111100 */
  display: none;
  opacity: 1 !important;
  visibility: visible !important;
  -webkit-transform: none !important;
          transform: none !important;
}
.nav-account__item.dropdown .dropdown-menu::before,
.nav-account__item.dropdown .admin-dropdown::before,
.nav-account__item.dropdown .main-nav__sub::before,
.nav-account__item.has-children .dropdown-menu::before,
.nav-account__item.has-children .admin-dropdown::before,
.nav-account__item.has-children .main-nav__sub::before {
  content: "";
  position: absolute;
  top: -6px;
  right: 15px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #1e1e1e;
  z-index: 9999999 !important;
}
.nav-account__item.dropdown .dropdown-menu::after,
.nav-account__item.dropdown .admin-dropdown::after,
.nav-account__item.dropdown .main-nav__sub::after,
.nav-account__item.has-children .dropdown-menu::after,
.nav-account__item.has-children .admin-dropdown::after,
.nav-account__item.has-children .main-nav__sub::after {
  content: "";
  position: absolute;
  top: -7px;
  right: 14px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #333;
}
.nav-account__item.dropdown .dropdown-menu li,
.nav-account__item.dropdown .admin-dropdown li,
.nav-account__item.dropdown .main-nav__sub li,
.nav-account__item.has-children .dropdown-menu li,
.nav-account__item.has-children .admin-dropdown li,
.nav-account__item.has-children .main-nav__sub li {
  border-bottom: 1px solid #333;
  margin: 0;
}
.nav-account__item.dropdown .dropdown-menu li:last-child,
.nav-account__item.dropdown .admin-dropdown li:last-child,
.nav-account__item.dropdown .main-nav__sub li:last-child,
.nav-account__item.has-children .dropdown-menu li:last-child,
.nav-account__item.has-children .admin-dropdown li:last-child,
.nav-account__item.has-children .main-nav__sub li:last-child {
  border-bottom: none;
}
.nav-account__item.dropdown .dropdown-menu li.menu-divider,
.nav-account__item.dropdown .admin-dropdown li.menu-divider,
.nav-account__item.dropdown .main-nav__sub li.menu-divider,
.nav-account__item.has-children .dropdown-menu li.menu-divider,
.nav-account__item.has-children .admin-dropdown li.menu-divider,
.nav-account__item.has-children .main-nav__sub li.menu-divider {
  height: 1px;
  background-color: #444;
  border-bottom: none;
  margin: 8px 12px;
  padding: 0;
}
.nav-account__item.dropdown .dropdown-menu li.menu-divider:hover,
.nav-account__item.dropdown .admin-dropdown li.menu-divider:hover,
.nav-account__item.dropdown .main-nav__sub li.menu-divider:hover,
.nav-account__item.has-children .dropdown-menu li.menu-divider:hover,
.nav-account__item.has-children .admin-dropdown li.menu-divider:hover,
.nav-account__item.has-children .main-nav__sub li.menu-divider:hover {
  background-color: #444;
}
.nav-account__item.dropdown .dropdown-menu li a,
.nav-account__item.dropdown .admin-dropdown li a,
.nav-account__item.dropdown .main-nav__sub li a,
.nav-account__item.has-children .dropdown-menu li a,
.nav-account__item.has-children .admin-dropdown li a,
.nav-account__item.has-children .main-nav__sub li a {
  color: #f0f0f0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 12px !important;
  font-size: 12px !important;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-decoration: none;
  position: relative;
  white-space: nowrap;
}
.nav-account__item.dropdown .dropdown-menu li a:hover,
.nav-account__item.dropdown .admin-dropdown li a:hover,
.nav-account__item.dropdown .main-nav__sub li a:hover,
.nav-account__item.has-children .dropdown-menu li a:hover,
.nav-account__item.has-children .admin-dropdown li a:hover,
.nav-account__item.has-children .main-nav__sub li a:hover {
  background-color: #2a2a2a !important;
  color: #1892ed !important;
  padding-left: 16px !important;
}
.nav-account__item.dropdown .dropdown-menu li a:hover::before,
.nav-account__item.dropdown .admin-dropdown li a:hover::before,
.nav-account__item.dropdown .main-nav__sub li a:hover::before,
.nav-account__item.has-children .dropdown-menu li a:hover::before,
.nav-account__item.has-children .admin-dropdown li a:hover::before,
.nav-account__item.has-children .main-nav__sub li a:hover::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2px;
  height: 50%;
  background-color: #1892ed;
  border-radius: 1px;
}
.nav-account__item.dropdown .dropdown-menu li a > img.header-top-icon,
.nav-account__item.dropdown .dropdown-menu li a > i,
.nav-account__item.dropdown .dropdown-menu li a > span:first-child,
.nav-account__item.dropdown .admin-dropdown li a > img.header-top-icon,
.nav-account__item.dropdown .admin-dropdown li a > i,
.nav-account__item.dropdown .admin-dropdown li a > span:first-child,
.nav-account__item.dropdown .main-nav__sub li a > img.header-top-icon,
.nav-account__item.dropdown .main-nav__sub li a > i,
.nav-account__item.dropdown .main-nav__sub li a > span:first-child,
.nav-account__item.has-children .dropdown-menu li a > img.header-top-icon,
.nav-account__item.has-children .dropdown-menu li a > i,
.nav-account__item.has-children .dropdown-menu li a > span:first-child,
.nav-account__item.has-children .admin-dropdown li a > img.header-top-icon,
.nav-account__item.has-children .admin-dropdown li a > i,
.nav-account__item.has-children .admin-dropdown li a > span:first-child,
.nav-account__item.has-children .main-nav__sub li a > img.header-top-icon,
.nav-account__item.has-children .main-nav__sub li a > i,
.nav-account__item.has-children .main-nav__sub li a > span:first-child {
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin-right: 8px;
  margin-left: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-style: normal;
  font-size: 14px;
}
.nav-account__item.dropdown .dropdown-menu li a img.header-top-icon,
.nav-account__item.dropdown .admin-dropdown li a img.header-top-icon,
.nav-account__item.dropdown .main-nav__sub li a img.header-top-icon,
.nav-account__item.has-children .dropdown-menu li a img.header-top-icon,
.nav-account__item.has-children .admin-dropdown li a img.header-top-icon,
.nav-account__item.has-children .main-nav__sub li a img.header-top-icon {
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.nav-account__item.dropdown .dropdown-menu li a .highlight,
.nav-account__item.dropdown .admin-dropdown li a .highlight,
.nav-account__item.dropdown .main-nav__sub li a .highlight,
.nav-account__item.has-children .dropdown-menu li a .highlight,
.nav-account__item.has-children .admin-dropdown li a .highlight,
.nav-account__item.has-children .main-nav__sub li a .highlight {
  margin-left: auto;
  padding-left: 10px;
  font-weight: bold;
  color: #1892ed;
  font-size: 11px;
}
.nav-account__item.dropdown:hover .admin-dropdown, .nav-account__item.dropdown:hover .main-nav__sub,
.nav-account__item.has-children:hover .admin-dropdown,
.nav-account__item.has-children:hover .main-nav__sub {
  display: block !important;
}
.nav-account__item.dropdown.show .dropdown-menu, .nav-account__item.dropdown.open .dropdown-menu,
.nav-account__item.has-children.show .dropdown-menu,
.nav-account__item.has-children.open .dropdown-menu {
  display: block !important;
}

.nav-account .dropdown-menu.show {
  display: block !important;
}

/* Mobile view - ensure admin menu is visible in hamburger menu */
@media (max-width: 991px) {
  .main-nav__list > li > a {
    text-transform: uppercase;
    font-weight: 700;
    color: #fff !important;
  }
  .main-nav__list .nav-account__item {
    position: relative;
  }
  .main-nav__list .nav-account__item > a {
    text-transform: uppercase;
  }
  .main-nav__list .nav-account__item .main-nav__toggle {
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .main-nav__list .nav-account__item.has-children .main-nav__sub,
  .main-nav__list .nav-account__item.has-children .admin-dropdown,
  .main-nav__list .nav-account__item.has-children .dropdown-menu, .main-nav__list .nav-account__item.dropdown .main-nav__sub,
  .main-nav__list .nav-account__item.dropdown .admin-dropdown,
  .main-nav__list .nav-account__item.dropdown .dropdown-menu {
    position: static !important;
    display: none;
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-transform: none !important;
            transform: none !important;
    width: 100% !important;
    margin-left: 20px;
    margin-top: 10px;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none;
    background-color: rgba(30, 30, 30, 0.95) !important;
  }
  .main-nav__list .nav-account__item.has-children .main-nav__sub::before, .main-nav__list .nav-account__item.has-children .main-nav__sub::after,
  .main-nav__list .nav-account__item.has-children .admin-dropdown::before,
  .main-nav__list .nav-account__item.has-children .admin-dropdown::after,
  .main-nav__list .nav-account__item.has-children .dropdown-menu::before,
  .main-nav__list .nav-account__item.has-children .dropdown-menu::after, .main-nav__list .nav-account__item.dropdown .main-nav__sub::before, .main-nav__list .nav-account__item.dropdown .main-nav__sub::after,
  .main-nav__list .nav-account__item.dropdown .admin-dropdown::before,
  .main-nav__list .nav-account__item.dropdown .admin-dropdown::after,
  .main-nav__list .nav-account__item.dropdown .dropdown-menu::before,
  .main-nav__list .nav-account__item.dropdown .dropdown-menu::after {
    display: none;
  }
  .main-nav__list .nav-account__item.has-children .main-nav__sub li a,
  .main-nav__list .nav-account__item.has-children .admin-dropdown li a,
  .main-nav__list .nav-account__item.has-children .dropdown-menu li a, .main-nav__list .nav-account__item.dropdown .main-nav__sub li a,
  .main-nav__list .nav-account__item.dropdown .admin-dropdown li a,
  .main-nav__list .nav-account__item.dropdown .dropdown-menu li a {
    padding: 10px 15px !important;
    text-transform: uppercase;
    font-weight: 700;
  }
  .main-nav__list .nav-account__item.has-children.is-open .main-nav__sub, .main-nav__list .nav-account__item.has-children.is-open .admin-dropdown, .main-nav__list .nav-account__item.dropdown.is-open .main-nav__sub, .main-nav__list .nav-account__item.dropdown.is-open .admin-dropdown {
    display: block !important;
  }
  .main-nav__list .nav-account__item.has-children .main-nav__toggle--rotate ~ .main-nav__sub,
  .main-nav__list .nav-account__item.has-children .main-nav__toggle--rotate ~ .admin-dropdown, .main-nav__list .nav-account__item.dropdown .main-nav__toggle--rotate ~ .main-nav__sub,
  .main-nav__list .nav-account__item.dropdown .main-nav__toggle--rotate ~ .admin-dropdown {
    display: block !important;
  }
  .main-nav__list li:has(a[href="/registrations-status"]) {
    display: none !important;
  }
}
/* Hide the standalone Estado Registros item in desktop and mobile */
.nav-account__item--wishlist:has(a[href="/registrations-status"]) {
  display: none !important;
}

/* Hide Currency and Language items everywhere - desktop and mobile */
.nav-account .is-hidden {
  display: none !important;
}

/* Mobile menu - also hide is-hidden items */
.main-nav__list .is-hidden {
  display: none !important;
}

/* Ensure nav items don't break */
.nav-account__item {
  white-space: nowrap;
}
.nav-account__item > a {
  white-space: nowrap;
}

/* Ensure nav-account has proper z-index for dropdown */
.nav-account {
  position: relative;
  z-index: 99999999 !important; /* Above header__primary */
}

/* Override Bootstrap dropdown z-index when used in admin menu */
.nav-account .dropdown-menu,
.nav-account__item .dropdown-menu {
  z-index: 99999999 !important; /* Above header__primary z-index: 111100 */
}

/* Fix "Tu cuenta" display issue */
.nav-account__item a[href*="/player/"] .highlight {
  min-width: 80px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: max-width 0.3s ease;
  transition: max-width 0.3s ease;
  max-width: 60px;
}

body[data-route*=admin] .table td, body[data-route*=admin] .table th,
.admin-content .table td,
.admin-content .table th,
.page-content .table td,
.page-content .table th {
  color: #31404b !important;
}
body[data-route*=admin] .table a,
.admin-content .table a,
.page-content .table a {
  color: #38a9ff !important;
}
body[data-route*=admin] .table a:hover,
.admin-content .table a:hover,
.page-content .table a:hover {
  color: #1892ed !important;
  text-decoration: underline;
}
body[data-route*=admin] .table small,
.admin-content .table small,
.page-content .table small {
  color: #6c757d !important;
}
body[data-route*=admin] .table strong,
.admin-content .table strong,
.page-content .table strong {
  color: #31404b !important;
}

.table tfoot tr {
  background-color: #f5f7f9 !important;
}
.table tfoot tr th, .table tfoot tr td {
  color: #31404b !important;
  border-top: 2px solid #e4e7ed !important;
  font-weight: 700 !important;
}

body .label {
  padding: 4px 8px;
  display: inline-block;
  border-radius: 3px;
  font-weight: 600;
  font-size: 11px;
  text-transform: uppercase;
}
body .label.label--success {
  background-color: #28a745 !important;
  color: #ffffff !important;
}
body .label.label--info {
  background-color: #17a2b8 !important;
  color: #ffffff !important;
}
body .label.label--warning {
  background-color: #ffc107 !important;
  color: #333333 !important;
}
body .label.label--primary {
  background-color: #38a9ff !important;
  color: #ffffff !important;
}
body .label.label--default {
  background-color: #6c757d !important;
  color: #ffffff !important;
}
body .label.label--danger {
  background-color: #dc3545 !important;
  color: #ffffff !important;
}

.label:contains("🥇") {
  background-color: #FFD700 !important;
  color: #333333 !important;
}

.label:contains("🥈") {
  background-color: #C0C0C0 !important;
  color: #333333 !important;
}

.label:contains("🥉") {
  background-color: #CD7F32 !important;
  color: #ffffff !important;
}

.form-group label {
  color: #31404b !important;
  font-weight: 600 !important;
}
.form-group .form-text {
  color: #6c757d !important;
}
.form-group .form-control {
  color: #31404b !important;
  background-color: #ffffff !important;
  border-color: #ced4da !important;
}
.form-group .form-control:focus {
  color: #31404b !important;
  background-color: #ffffff !important;
  border-color: #38a9ff !important;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(56, 169, 255, 0.25) !important;
          box-shadow: 0 0 0 0.2rem rgba(56, 169, 255, 0.25) !important;
}

.alert-info {
  background-color: #d1ecf1 !important;
  border-color: #bee5eb !important;
  color: #0c5460 !important;
}
.alert-info h5, .alert-info strong {
  color: #0c5460 !important;
}

.table-hover tbody tr:hover {
  background-color: rgba(56, 169, 255, 0.05) !important;
}
.table-hover tbody tr:hover td {
  color: #31404b !important;
}

.admin-results-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
  gap: 1.5rem;
  padding: 1rem 0;
}
@media (max-width: 768px) {
  .admin-results-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}

.admin-match-result-card {
  background: #fff;
  border-radius: 12px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.admin-match-result-card:hover {
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.admin-match-result-card.has-result {
  border-left: 4px solid #28a745;
}
.admin-match-result-card.is-live {
  border-left: 4px solid #ffc107;
  -webkit-animation: livePulse 2s infinite;
          animation: livePulse 2s infinite;
}
.admin-match-result-card__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.75rem 1rem;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border-bottom: 1px solid #dee2e6;
}
.admin-match-result-card__datetime {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  color: #6c757d;
  font-size: 0.875rem;
}
.admin-match-result-card__datetime iconify-icon {
  color: #495057;
}
.admin-match-result-card__datetime .date {
  font-weight: 600;
}
.admin-match-result-card__datetime .time {
  color: #868e96;
}
.admin-match-result-card__status .badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  padding: 0.35rem 0.75rem;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.admin-match-result-card__status .badge--success {
  background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
  color: white;
}
.admin-match-result-card__status .badge--warning {
  background: linear-gradient(135deg, #ffc107 0%, #ffb700 100%);
  color: #333;
}
.admin-match-result-card__status .badge--warning.pulse {
  -webkit-animation: pulse 1.5s infinite;
          animation: pulse 1.5s infinite;
}
.admin-match-result-card__status .badge--secondary {
  background: linear-gradient(135deg, #6c757d 0%, #495057 100%);
  color: white;
}
.admin-match-result-card__content {
  padding: 1.5rem 1rem;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.admin-match-result-card__team {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 8px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.admin-match-result-card__team.is-winner {
  background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
}
.admin-match-result-card__team.is-winner .team-name {
  color: #155724;
  font-weight: 700;
}
.admin-match-result-card__team.is-winner .winner-icon {
  color: #ffc107;
  -webkit-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
          filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
  -webkit-animation: bounce 2s infinite;
          animation: bounce 2s infinite;
}
.admin-match-result-card__team .team-logo {
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.admin-match-result-card__team .team-logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.admin-match-result-card__team .team-logo iconify-icon {
  color: #adb5bd;
}
.admin-match-result-card__team .team-info {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.125rem;
}
.admin-match-result-card__team .team-info .team-name {
  font-size: 0.875rem;
  font-weight: 600;
  color: #212529;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.admin-match-result-card__team .team-info .team-code {
  font-size: 0.75rem;
  color: #6c757d;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.admin-match-result-card__score-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
}
.admin-match-result-card__score-section .score-inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.admin-match-result-card__score-section .score-inputs .score-input {
  width: 60px;
  height: 60px;
  font-size: 1.75rem;
  font-weight: 700;
  text-align: center;
  border: 2px solid #dee2e6;
  border-radius: 8px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: white;
}
.admin-match-result-card__score-section .score-inputs .score-input:focus {
  border-color: #007bff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  outline: none;
}
.admin-match-result-card__score-section .score-inputs .score-input.is-winner {
  background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
  border-color: #28a745;
  color: #155724;
}
.admin-match-result-card__score-section .score-inputs .score-input::-webkit-inner-spin-button, .admin-match-result-card__score-section .score-inputs .score-input::-webkit-outer-spin-button {
  opacity: 1;
  height: 40px;
}
.admin-match-result-card__score-section .score-inputs .score-separator {
  font-size: 1.5rem;
  font-weight: 600;
  color: #6c757d;
  padding: 0 0.25rem;
}
.admin-match-result-card__score-section .save-feedback {
  min-height: 20px;
  font-size: 0.75rem;
}
.admin-match-result-card__score-section .save-feedback.text-success {
  color: #28a745;
  font-weight: 600;
}
.admin-match-result-card__score-section .save-feedback.text-danger {
  color: #dc3545;
}
.admin-match-result-card__score-section .clear-button {
  margin-top: 0.5rem;
  padding: 0.25rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-color: #dc3545;
  color: #dc3545;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.admin-match-result-card__score-section .clear-button:hover {
  background: #dc3545;
  color: white;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.admin-match-result-card__score-section .clear-button iconify-icon {
  margin-right: 0.25rem;
}
.admin-match-result-card__score-section .result-display .result-label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.75rem;
  border-radius: 16px;
  font-size: 0.75rem;
  font-weight: 600;
}
.admin-match-result-card__score-section .result-display .result-label--winner {
  background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
  color: white;
}
.admin-match-result-card__score-section .result-display .result-label--draw {
  background: linear-gradient(135deg, #ffc107 0%, #ffb700 100%);
  color: #333;
}
.admin-match-result-card__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.75rem 1rem;
  background: #f8f9fa;
  border-top: 1px solid #dee2e6;
  font-size: 0.75rem;
  color: #6c757d;
}
.admin-match-result-card__footer .stadium-info,
.admin-match-result-card__footer .stage-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
}
.admin-match-result-card__footer .stadium-info iconify-icon,
.admin-match-result-card__footer .stage-info iconify-icon {
  color: #868e96;
}
.admin-match-result-card__loader {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.95);
  padding: 1rem;
  border-radius: 8px;
  display: none;
}
.admin-match-result-card__loader.htmx-request {
  display: block;
}

@-webkit-keyframes livePulse {
  0% {
    -webkit-box-shadow: 0 2px 8px rgba(255, 193, 7, 0.2);
            box-shadow: 0 2px 8px rgba(255, 193, 7, 0.2);
  }
  50% {
    -webkit-box-shadow: 0 2px 16px rgba(255, 193, 7, 0.4);
            box-shadow: 0 2px 16px rgba(255, 193, 7, 0.4);
  }
  100% {
    -webkit-box-shadow: 0 2px 8px rgba(255, 193, 7, 0.2);
            box-shadow: 0 2px 8px rgba(255, 193, 7, 0.2);
  }
}

@keyframes livePulse {
  0% {
    -webkit-box-shadow: 0 2px 8px rgba(255, 193, 7, 0.2);
            box-shadow: 0 2px 8px rgba(255, 193, 7, 0.2);
  }
  50% {
    -webkit-box-shadow: 0 2px 16px rgba(255, 193, 7, 0.4);
            box-shadow: 0 2px 16px rgba(255, 193, 7, 0.4);
  }
  100% {
    -webkit-box-shadow: 0 2px 8px rgba(255, 193, 7, 0.2);
            box-shadow: 0 2px 8px rgba(255, 193, 7, 0.2);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
}
@keyframes bounce {
  0%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
}
@media (max-width: 480px) {
  .admin-match-result-card__content {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  .admin-match-result-card__team {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .admin-match-result-card__team .team-info {
    text-align: left;
  }
  .admin-match-result-card__team .team-info .team-name {
    max-width: none;
  }
  .admin-match-result-card__score-section .score-inputs .score-input {
    width: 50px;
    height: 50px;
    font-size: 1.5rem;
  }
}
/* ========================================
   MEMORIAL - CRESPÓN NEGRO
   In memoriam: Robe
   ======================================== */
.memorial-banner {
  background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
  border: 1px solid #333;
  border-radius: 8px;
  padding: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.5rem;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
.memorial-banner__photo-link {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #444;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
  -webkit-transition: -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  transition: transform 0.2s ease, box-shadow 0.2s ease, -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
}
.memorial-banner__photo-link:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);
}
.memorial-banner__photo {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
}
.memorial-banner__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.memorial-banner__text {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 300;
  margin: 0;
  letter-spacing: 0.5px;
}
.memorial-banner__text strong {
  font-weight: 600;
}
.memorial-banner__link {
  color: #999;
  font-size: 0.9rem;
  margin-top: 0.5rem;
  display: block;
}
.memorial-banner__link a {
  color: #ccc;
  text-decoration: underline;
}
.memorial-banner__link a:hover {
  color: #fff;
}
.memorial-banner__ribbon {
  width: 60px;
  height: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  opacity: 0.9;
  -webkit-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
          filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}
@media (max-width: 576px) {
  .memorial-banner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    padding: 1rem;
  }
  .memorial-banner__photo-link {
    width: 60px;
    height: 60px;
    -webkit-box-ordinal-group: -1;
        -ms-flex-order: -2;
            order: -2;
    margin-bottom: 0.5rem;
  }
  .memorial-banner__ribbon {
    width: 50px;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin-bottom: 0.5rem;
  }
  .memorial-banner__text {
    font-size: 1.2rem;
  }
}

.header-logo,
.header-mobile__logo {
  position: relative;
}

.ribbon-link {
  position: absolute;
  top: -8px;
  right: -8px;
  z-index: 10;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.ribbon-link:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.ribbon-link .black-ribbon-overlay {
  width: 28px;
  height: auto;
  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5));
          filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5));
}
.ribbon-link--mobile {
  top: -4px;
  right: -6px;
}
.ribbon-link--mobile .black-ribbon-overlay {
  width: 20px;
}

.header-mobile {
  position: relative !important;
}

.ribbon-link-mobile-centered {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 125px;
  z-index: 1000;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  display: block;
}
.ribbon-link-mobile-centered img {
  width: 28px;
  height: auto;
  -webkit-filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.6));
          filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.6));
  display: block;
}
.ribbon-link-mobile-centered:hover {
  -webkit-transform: translateX(-50%) scale(1.1);
          transform: translateX(-50%) scale(1.1);
}

.header-logo .laporra-logo {
  position: relative;
}

.header-logo__ribbon {
  position: absolute;
  top: -5px;
  right: -10px;
  width: 24px;
  height: auto;
  z-index: 100;
  pointer-events: none;
  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5));
          filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5));
}

.login-memorial {
  text-align: center;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.login-memorial__ribbon {
  width: 40px;
  height: auto;
  margin-bottom: 0.5rem;
  opacity: 0.9;
}
.login-memorial__text {
  color: #ccc;
  font-size: 1rem;
  margin: 0;
  font-weight: 300;
}

.login-logo-wrapper {
  position: relative;
  display: inline-block;
}
.login-logo-wrapper .login-ribbon {
  position: absolute;
  top: -10px;
  right: -15px;
  width: 35px;
  height: auto;
  z-index: 10;
  -webkit-filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.4));
          filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.4));
}

/* VISTA MÓVIL */
.header-mobile__search-icon {
  display: none;
}

/* Mobile and Tablet Header Adjustments */
/* Competition bar is fixed at top, header mobile below it */
@media screen and (max-width: 991px) {
  .header-mobile {
    position: fixed;
    top: 42px !important;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1000;
    background-color: #1e1e1e;
  }
  .main-content,
  body > .container:first-of-type {
    padding-top: 142px !important;
  }
  .pushy-panel {
    top: 42px !important;
    z-index: 1003;
  }
}
@media screen and (max-width: 991px) {
  .header-mobile {
    top: 56px !important;
  }
  .main-content {
    padding-top: 142px !important;
  }
}
@media screen and (max-width: 480px) {
  .header-mobile {
    top: 52px !important;
  }
  .competition-title-bar .competition-info-wrapper {
    font-size: 10px;
  }
  .competition-title-bar .competition-info-wrapper .competition-left-info {
    width: -webkit-fill-available;
  }
  .competition-title-bar .competition-info-wrapper .competition-left-info .competition-selector-in-bar {
    margin: 0;
    padding: 0;
    width: -webkit-fill-available;
  }
  .competition-title-bar .competition-info-wrapper .competition-left-info .competition-selector-in-bar .competition-selector-wrapper {
    width: -webkit-fill-available;
    margin: 0;
    padding: 0;
  }
  .competition-title-bar .competition-info-wrapper .competition-left-info .competition-selector-in-bar .competition-selector-wrapper button.competition-selector-toggle,
  .competition-title-bar .competition-info-wrapper .competition-left-info .competition-selector-in-bar .competition-selector-wrapper .competition-selector-static {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .competition-title-bar .competition-info-wrapper .competition-left-info .competition-players-count {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .page-stage .match-day__info__content,
  .page-team .match-day__info__content {
    position: relative;
  }
  .page-stage .match-day__info__content .fi,
  .page-team .match-day__info__content .fi {
    display: none !important;
  }
  .floating-thirds {
    margin-top: 0px !important;
    position: relative;
  }
  .floating-thirds .best-thirds-aside {
    display: block;
    right: 0;
    opacity: 1;
    zoom: 1;
    position: relative;
  }
  .floating-thirds .best-thirds-aside:hover {
    right: 0;
    opacity: 1;
    zoom: 1;
  }
  .groups-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }
  .groups-tabs li {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .groups-tabs li a {
    font-size: 0.7rem !important;
    padding: 10px 0 !important;
  }
  .grid-expanded .is-desktop {
    display: none;
  }
}
@media screen and (max-width: 475px) {
  .porrero-actual {
    font-size: 16px !important;
  }
  .card__content.card-content-with-no-padding {
    padding: 0 0px !important;
  }
  .card__content.card-content-with-no-padding .tournament-backet__round {
    padding: 0 0px !important;
  }
}
@media screen and (max-width: 425px) {
  .page-stage .menu-matchday-date,
  .page-team .menu-matchday-date {
    margin-top: 20px;
  }
  .page-stage .menu-matchday-time,
  .page-stage .menu-matchday-minutes,
  .page-team .menu-matchday-time,
  .page-team .menu-matchday-minutes {
    margin: 10px 0 30px;
  }
  .page-stage .match-day__info__content .vs,
  .page-team .match-day__info__content .vs {
    padding: 0;
    place-content: center;
    position: relative;
  }
}
@media (min-width: 992px) {
  .grid-expanded .is-mobile {
    display: none;
  }
}
body[data-route*=admin] .table td, body[data-route*=admin] .table th,
.admin-content .table td,
.admin-content .table th,
.page-content .table td,
.page-content .table th {
  color: #31404b !important;
}
body[data-route*=admin] .table a,
.admin-content .table a,
.page-content .table a {
  color: #38a9ff !important;
}
body[data-route*=admin] .table a:hover,
.admin-content .table a:hover,
.page-content .table a:hover {
  color: #1892ed !important;
  text-decoration: underline;
}
body[data-route*=admin] .table small,
.admin-content .table small,
.page-content .table small {
  color: #6c757d !important;
}
body[data-route*=admin] .table strong,
.admin-content .table strong,
.page-content .table strong {
  color: #31404b !important;
}

.table tfoot tr {
  background-color: #f5f7f9 !important;
}
.table tfoot tr th, .table tfoot tr td {
  color: #31404b !important;
  border-top: 2px solid #e4e7ed !important;
  font-weight: 700 !important;
}

body .label {
  padding: 4px 8px;
  display: inline-block;
  border-radius: 3px;
  font-weight: 600;
  font-size: 11px;
  text-transform: uppercase;
}
body .label.label--success {
  background-color: #28a745 !important;
  color: #ffffff !important;
}
body .label.label--info {
  background-color: #17a2b8 !important;
  color: #ffffff !important;
}
body .label.label--warning {
  background-color: #ffc107 !important;
  color: #333333 !important;
}
body .label.label--primary {
  background-color: #38a9ff !important;
  color: #ffffff !important;
}
body .label.label--default {
  background-color: #6c757d !important;
  color: #ffffff !important;
}
body .label.label--danger {
  background-color: #dc3545 !important;
  color: #ffffff !important;
}

.label:contains("🥇") {
  background-color: #FFD700 !important;
  color: #333333 !important;
}

.label:contains("🥈") {
  background-color: #C0C0C0 !important;
  color: #333333 !important;
}

.label:contains("🥉") {
  background-color: #CD7F32 !important;
  color: #ffffff !important;
}

.form-group label {
  color: #31404b !important;
  font-weight: 600 !important;
}
.form-group .form-text {
  color: #6c757d !important;
}
.form-group .form-control {
  color: #31404b !important;
  background-color: #ffffff !important;
  border-color: #ced4da !important;
}
.form-group .form-control:focus {
  color: #31404b !important;
  background-color: #ffffff !important;
  border-color: #38a9ff !important;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(56, 169, 255, 0.25) !important;
          box-shadow: 0 0 0 0.2rem rgba(56, 169, 255, 0.25) !important;
}

.alert-info {
  background-color: #d1ecf1 !important;
  border-color: #bee5eb !important;
  color: #0c5460 !important;
}
.alert-info h5, .alert-info strong {
  color: #0c5460 !important;
}

.table-hover tbody tr:hover {
  background-color: rgba(56, 169, 255, 0.05) !important;
}
.table-hover tbody tr:hover td {
  color: #31404b !important;
}

/**
 * Awards Pages Styling
 * Consistent with Competition pages layout
 */
/* Page Awards - Main container */
.page-awards {
  padding-top: 30px;
  min-height: calc(100vh - 200px);
}

/* Awards Navigation - Same style as competition navigation */
/* Awards Content Wrapper */
.awards-content-wrapper {
  padding-top: 30px;
  min-height: calc(100vh - 200px);
}

/* Clean Message Box - Replace purple gradient */
.awards-message {
  margin: 30px auto;
  max-width: 800px;
}
.awards-message .alert {
  font-size: 1rem;
  border-radius: 8px;
}
.awards-message .alert .alert-heading {
  font-size: 1.25rem;
  font-weight: 600;
  color: inherit;
}
.awards-message .alert p {
  margin-bottom: 0.5rem;
}
.awards-message .alert p:last-child {
  margin-bottom: 0;
}

/* Awards List Page */
.awards-list .award-item {
  padding: 15px 0;
  border-bottom: 1px solid #e9ecef;
}
.awards-list .award-item:last-child {
  border-bottom: none;
}
.awards-list .award-item a {
  font-size: 1.1rem;
  font-weight: 500;
  color: #31404b;
  text-decoration: none;
}
.awards-list .award-item a:hover {
  color: #667eea;
}
.awards-list .award-item .award-description {
  color: #666;
  margin-left: 10px;
}

/* Responsive Design */
@media (max-width: 768px) {
  .page-awards {
    padding-top: 20px;
  }
  .awards-content-wrapper {
    padding-top: 20px;
  }
}
/* ========================================
   CHAMPIONS LEAGUE LIVE HEADER
   ======================================== */
.champions-live-header {
  background: linear-gradient(135deg, #1a237e 0%, #283593 100%);
  border-bottom: 3px solid #ffd700;
  padding: 1rem 0;
  margin-bottom: 1rem;
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}
.champions-live-header h2 {
  color: #fff !important;
  margin-bottom: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.champions-live-header .badge-danger {
  -webkit-animation: pulse-live 1.5s ease-in-out infinite;
          animation: pulse-live 1.5s ease-in-out infinite;
  font-size: 0.8rem;
  padding: 0.3rem 0.6rem;
}
.champions-live-header .live-match-row {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  padding: 0.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.champions-live-header .live-match-row:hover {
  background: rgba(255, 255, 255, 0.08);
}
.champions-live-header .live-match-row .team-name {
  font-size: 1rem;
}
.champions-live-header .live-match-row .score {
  font-size: 1.5rem !important;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.champions-live-header .live-match-row .match-time {
  background: rgba(0, 0, 0, 0.3);
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
  display: inline-block;
  margin-top: 0.25rem;
}
.champions-live-header .live-match-row .match-stage {
  color: #ffd700 !important;
  font-weight: 500;
}

@-webkit-keyframes pulse-live {
  0%, 100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    opacity: 0.7;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

@keyframes pulse-live {
  0%, 100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    opacity: 0.7;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.pulse-animation {
  -webkit-animation: pulse-ball 2s ease-in-out infinite;
          animation: pulse-ball 2s ease-in-out infinite;
}

@-webkit-keyframes pulse-ball {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}

@keyframes pulse-ball {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
/* ========================================
   GLOBAL UTILITY CLASSES
   ======================================== */
.to-change {
  display: none !important;
  border: 2px dashed goldenrod;
}

.is-scaffolded {
  display: none !important;
  border: 2px dashed #ffb680;
}

.is-hidden {
  display: none !important;
}

.is-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.has-text-left {
  text-align: left !important;
}

.has-text-centered {
  text-align: center !important;
}

.has-text-right {
  text-align: right !important;
}

.text-danger {
  color: #ffb680 !important;
}

.text-light {
  color: whitesmoke;
}

.text-success {
  color: #24d9b0 !important;
}

.text-golden {
  color: goldenrod !important;
}

.text-whitesmoke {
  color: whitesmoke !important;
}

.has-text-bold-white {
  color: white !important;
  font-weight: 700 !important;
}

.has-text-primary {
  color: #41bcf4 !important;
}

.has-text-xl {
  font-size: 24px !important;
}

.has-text-xxl {
  font-size: 28px !important;
}

.has-text-lg {
  font-size: 20px !important;
}

.has-text-normal {
  font-size: 16px !important;
}

.has-text-sm {
  font-size: 14px !important;
}

.has-text-xs {
  font-size: 12px !important;
}

/* ========================================
   HTMX UTILITIES
   ======================================== */
.htmx-indicator {
  display: none;
}
.htmx-indicator img {
  width: 150px !important;
  height: 150px !important;
}
.htmx-indicator img.small {
  width: 20px !important;
  height: 20px !important;
}

.htmx-request .htmx-indicator {
  display: inline;
}

.htmx-request.htmx-indicator {
  display: inline;
}

.fade-effect {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.fade-effect.htmx-swapping {
  opacity: 0;
}

/* ========================================
   PROGRESS WIDGET LABELS FIX
   ======================================== */
.widget-progress-players .label,
.table-progress .label {
  padding: 4px 8px;
  border-radius: 3px;
  font-weight: 600;
  display: inline-block;
}
.widget-progress-players .label.label--primary,
.table-progress .label.label--primary {
  background-color: #FFD700 !important;
  color: #333 !important;
  border: 1px solid #DAA520;
}
.widget-progress-players .label.label--success,
.table-progress .label.label--success {
  background-color: #28a745 !important;
  color: #fff !important;
}
.widget-progress-players .label.label--default,
.table-progress .label.label--default {
  background-color: #6c757d !important;
  color: #fff !important;
}
.widget-progress-players .label.label--info,
.table-progress .label.label--info {
  background-color: #17a2b8 !important;
  color: #fff !important;
}
.widget-progress-players .label.label--warning,
.table-progress .label.label--warning {
  background-color: #ffc107 !important;
  color: #333 !important;
}
.widget-progress-players .label.label--danger,
.table-progress .label.label--danger {
  background-color: #dc3545 !important;
  color: #fff !important;
}

/* ========================================
   AUTH PAGES SPECIFIC
   ======================================== */
body.auth-pages .text-info {
  color: #c0e3fe !important;
}

body:not(.auth-pages) a:not(.content-filter__link) {
  color: #1892ed;
}

body:not(.auth-pages) a:hover {
  color: #41bcf4;
}

/* ========================================
   LAYOUT UTILITIES
   ======================================== */
.no-padding {
  padding: 0 !important;
}

.is-full-width {
  width: 100% !important;
}

.to-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 10px;
}

.content-to-right {
  text-align: right !important;
}

/* ========================================
   LA PORRA SPECIFIC UTILITIES
   ======================================== */
.laporra-logo {
  max-width: 140px;
}

.header-slogan {
  text-align: left;
  color: whitesmoke !important;
}

.porrero-actual {
  display: block;
  text-align: center;
  font-size: 0.9rem;
  color: #bdbdbd;
  font-weight: 300;
}

/* ========================================
   SPECIFIC OVERRIDES & PATCHES
   ======================================== */
.fi-xx {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNMzA3LjcgNC4ySDQ3NXYxNjcuNkgzMDcuN3oiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcGF0aD0idXJsKCNhKSIgdHJhbnNmb3JtPSJzY2FsZSgxLjA3NzMzKSB0cmFuc2xhdGUoLTMzMS4zNiAtNC41MzMpIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMC0uMWg5OTkuNnYxNjguMUgweiIvPjxwYXRoIGZpbGw9IiNjMDAiIGQ9Ik0wLS4xaDk5OS42djExLjJIMHptMCAxNTYuOWg5OTkuNnYxMS4ySDB6Ii8+PHBhdGggZmlsbD0iIzAwNiIgZD0iTTAtLjFoMzgxLjN2NzguOUgweiIvPjxwYXRoIGZpbGw9IiNjMDAiIGQ9Ik0yMDQuOSAyNy40aC01LjhsLTMuNiA0LjEtMy41LTQuMS01LjguMSAzLjUgNS4zLTMuNSA1LjNoNS44bDMuNS00IDMuNiA0aDUuOGwtMy42LTUuNHptMjkuNiAwSDIzNWwtLjIgMTAuNmg1LjN6bS0xNy44IDBoLTV2MTAuNmg0Ljl6bTQ2LjUgNGMwIDEtLjcgMS44LTEuNyAxLjlhMi4yIDIuMiAwIDAwMS43IDIuMWMwIDEuMS0uNyAyLTEuNyAyYTIuMiAyLjIgMCAwMDEuNyAyLjFoLTkuN2MwLTEgLjgtMS44IDEuOC0xLjlhMi4yIDIuMiAwIDAwLTEuOC0yLjFjMC0xLjEuOC0yIDEuOC0yYTIuMiAyLjIgMCAwMC0xLjgtMi4xaDkuN3ptLTQ3LjktMy42bC0xLjktLjFjLTIuOCAwLTQuMyAxLjUtNC4zIDMuNnMxLjUgMy42IDQuMyAzLjZsMS45LS4xdjEuOGwtMS45LS4xYy00IDAtNi40LTIuMy02LjQtNS40czIuMy01LjQgNi40LTUuNGwxLjktLjF2MS44em00MS4xLS40YzQuMSAwIDYuNCAyLjQgNi40IDUuNXMtMi4zIDUuNC02LjQgNS40Yy00IDAtNi40LTIuMy02LjQtNS40czIuNC01LjUgNi40LTUuNXptMCA0LjZjMC0xLjktMS0zLTIuNC0zLTEuMyAwLTIuMyAxLjEtMi4zIDNzMSAyLjkgMi4zIDIuOWMxLjQgMCAyLjQtMSAyLjQtM3ptLTE3LjYtNC42YzQuMSAwIDYuNCAyLjQgNi40IDUuNXMtMi4zIDUuNC02LjQgNS40Yy00IDAtNi40LTIuMy02LjQtNS40czIuNC01LjUgNi40LTUuNXptMCA0LjZjMC0xLjktMS0zLTIuNC0zLTEuMyAwLTIuMyAxLjEtMi4zIDNzMSAyLjkgMi4zIDIuOWMxLjQgMCAyLjQtMSAyLjQtM3oiLz48L2c+PC9zdmc+);
  background-position: center;
}

.header-mobile__logo-holder {
  margin-left: 10px;
}

.header-info__player .header-info__inner .header-info__player-name-tag {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.header-info__player:hover .header-info__inner .header-info__player-name-tag {
  opacity: 1;
  visibility: visible;
}

.header__navigation {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header__navigation .main-nav {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header__navigation .main-nav > ul {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.header__navigation .main-nav > ul > li {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.blink-2s {
  -webkit-animation: blink 2s linear infinite;
          animation: blink 2s linear infinite;
}

.blink-10s {
  -webkit-animation: blink 10s linear infinite;
          animation: blink 10s linear infinite;
}

@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
.live-icon-link {
  color: white;
  text-decoration: none;
  -webkit-animation: blink 2s linear infinite;
          animation: blink 2s linear infinite;
}

.iconify {
  display: inline-block;
  vertical-align: middle;
}
.iconify.icon-md {
  font-size: 24px;
  width: 24px;
  height: 24px;
}
.iconify.icon-lg {
  font-size: 32px;
  width: 32px;
  height: 32px;
}

/* ========================================
   RESPONSIVE OVERRIDES
   ======================================== */
/* ========================================
   TEMPORARY FIXES & PATCHES
   ======================================== */
/* .card#semis, .card#final { */
/* display: none!important;     */
/* } */
.form-control {
  padding: 0.375rem 0.75rem !important;
}

.no-after::after,
.no-before::before {
  display: none !important;
}

/* ========================================
   END OF CUSTOM STYLES
   ======================================== */
/* Crosshatch Art - Light Pattern */
.background-crosshatch-light {
  background-image: repeating-linear-gradient(22.5deg, transparent, transparent 2px, rgba(75, 85, 99, 0.06) 2px, rgba(75, 85, 99, 0.06) 3px, transparent 3px, transparent 8px), repeating-linear-gradient(67.5deg, transparent, transparent 2px, rgba(107, 114, 128, 0.05) 2px, rgba(107, 114, 128, 0.05) 3px, transparent 3px, transparent 8px), repeating-linear-gradient(112.5deg, transparent, transparent 2px, rgba(55, 65, 81, 0.04) 2px, rgba(55, 65, 81, 0.04) 3px, transparent 3px, transparent 8px), repeating-linear-gradient(157.5deg, transparent, transparent 2px, rgba(31, 41, 55, 0.03) 2px, rgba(31, 41, 55, 0.03) 3px, transparent 3px, transparent 8px);
}

/* Zigzag Lightning - Light Pattern */
.background-zigzag-light {
  background-image: repeating-linear-gradient(0deg, transparent, transparent 20px, rgba(75, 85, 99, 0.08) 20px, rgba(75, 85, 99, 0.08) 21px), repeating-linear-gradient(90deg, transparent, transparent 30px, rgba(107, 114, 128, 0.06) 30px, rgba(107, 114, 128, 0.06) 31px), repeating-linear-gradient(60deg, transparent, transparent 40px, rgba(55, 65, 81, 0.05) 40px, rgba(55, 65, 81, 0.05) 41px), repeating-linear-gradient(150deg, transparent, transparent 35px, rgba(31, 41, 55, 0.04) 35px, rgba(31, 41, 55, 0.04) 36px);
}

/* Circuit Board - Light Pattern */
.background-circuit-light {
  background-image: repeating-linear-gradient(0deg, transparent, transparent 19px, rgba(75, 85, 99, 0.08) 19px, rgba(75, 85, 99, 0.08) 20px, transparent 20px, transparent 39px, rgba(75, 85, 99, 0.08) 39px, rgba(75, 85, 99, 0.08) 40px), repeating-linear-gradient(90deg, transparent, transparent 19px, rgba(75, 85, 99, 0.08) 19px, rgba(75, 85, 99, 0.08) 20px, transparent 20px, transparent 39px, rgba(75, 85, 99, 0.08) 39px, rgba(75, 85, 99, 0.08) 40px), radial-gradient(circle at 20px 20px, rgba(55, 65, 81, 0.12) 2px, transparent 2px), radial-gradient(circle at 40px 40px, rgba(55, 65, 81, 0.12) 2px, transparent 2px);
}

/* Concentric Squares - Light Pattern */
.background-concentric-light {
  background-image: repeating-linear-gradient(0deg, transparent, transparent 5px, rgba(75, 85, 99, 0.06) 5px, rgba(75, 85, 99, 0.06) 6px, transparent 6px, transparent 15px), repeating-linear-gradient(90deg, transparent, transparent 5px, rgba(75, 85, 99, 0.06) 5px, rgba(75, 85, 99, 0.06) 6px, transparent 6px, transparent 15px), repeating-linear-gradient(0deg, transparent, transparent 10px, rgba(107, 114, 128, 0.04) 10px, rgba(107, 114, 128, 0.04) 11px, transparent 11px, transparent 30px), repeating-linear-gradient(90deg, transparent, transparent 10px, rgba(107, 114, 128, 0.04) 10px, rgba(107, 114, 128, 0.04) 11px, transparent 11px, transparent 30px);
}

/* Paper Texture */
.background-paper {
  background-image: radial-gradient(circle at 1px 1px, rgba(0, 0, 0, 0.08) 1px, transparent 0), repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0, 0, 0, 0.02) 2px, rgba(0, 0, 0, 0.02) 4px), repeating-linear-gradient(90deg, transparent, transparent 2px, rgba(0, 0, 0, 0.02) 2px, rgba(0, 0, 0, 0.02) 4px);
}

/* Morning Haze */
.background-morning-haze {
  background-image: radial-gradient(circle at 50% 100%, rgba(253, 224, 71, 0.4) 0%, transparent 60%), radial-gradient(circle at 50% 100%, rgba(251, 191, 36, 0.4) 0%, transparent 70%), radial-gradient(circle at 50% 100%, rgba(244, 114, 182, 0.5) 0%, transparent 80%);
}

/* Top Fade Grid Background */
.background-top-fade-grid {
  background-image: linear-gradient(to right, #e2e8f0 1px, transparent 1px), linear-gradient(to bottom, #e2e8f0 1px, transparent 1px);
  background-size: 20px 30px;
}

/* White Grid with Dots Background */
.background-white-grid-dots {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.06) 1px, transparent 1px), linear-gradient(to bottom, rgba(0, 0, 0, 0.06) 1px, transparent 1px), radial-gradient(circle, rgba(51, 65, 85, 0.4) 1px, transparent 1px);
  background-size: 20px 20px, 20px 20px, 20px 20px;
  background-position: 0 0, 0 0, 0 0;
}

/* Simple Grid Background */
.background-simple-grid {
  background-image: linear-gradient(to right, #e5e7eb 1px, transparent 1px), linear-gradient(to bottom, #e5e7eb 1px, transparent 1px);
  background-size: 40px 40px;
}

/* Noise Texture (Darker Dots) Background */
.background-noise-texture {
  background: #ffffff;
  background-image: radial-gradient(circle at 1px 1px, rgba(0, 0, 0, 0.35) 1px, transparent 0);
  background-size: 20px 20px;
}

/* Diagonal Grid with Light */
.background-diagonal-grid {
  background-color: #fafafa;
  background-image: repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0.1) 1px, transparent 1px, transparent 20px), repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0.1) 1px, transparent 1px, transparent 20px);
  background-size: 40px 40px;
}

/* Diagonal Grid with Light */
.background-diagonal-grid-light {
  background-color: #fafafa;
  background-image: repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0.1) 1px, transparent 1px, transparent 20px), repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0.1) 1px, transparent 1px, transparent 20px);
  background-size: 40px 40px;
}

/* Diagonal Grid with Electric Orange */
.background-diagonal-grid-orange {
  background-color: #fafafa;
  background-image: repeating-linear-gradient(45deg, rgba(255, 0, 100, 0.1) 0, rgba(255, 0, 100, 0.1) 1px, transparent 1px, transparent 20px), repeating-linear-gradient(-45deg, rgba(255, 0, 100, 0.1) 0, rgba(255, 0, 100, 0.1) 1px, transparent 1px, transparent 20px);
  background-size: 40px 40px;
}

.background-diagonal-stripes {
  background-image: repeating-linear-gradient(45deg, transparent, transparent 2px, #f3f4f6 2px, #f3f4f6 4px);
}

/* Visually Hidden (HTMX) utility */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* Reset Badge color font */
.badge {
  color: var(--white);
  font-weight: bold !important;
}

.is-transparent-background {
  background-color: transparent !important;
}

.bg-gray {
  background-color: #f2f2f2 !important;
}

.bg-gray-light {
  background-color: #f3f4f6 !important;
}

.bg-white {
  background-color: #ffffff !important;
}

.no-bordered {
  border: none !important;
}
/*# sourceMappingURL=maps/custom.css.map */