.neo-language-switch {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.08);
  flex: 0 0 auto;
}

.neo-language-switch a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-width: 42px;
  height: 30px;
  padding: 0 8px;
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.70);
  font-size: 11px;
  font-weight: 650;
  line-height: 1;
  text-decoration: none;
}

.neo-language-switch a.active {
  color: #111821;
  background: #a6ff12;
}

.neo-language-switch span {
  font-size: 14px;
  line-height: 1;
}

.neo-language-switch em {
  font-style: normal;
  letter-spacing: 0;
}

.side-menu-language-switch,
.public-language-switch {
  width: max-content;
}

.public-nav .neo-language-switch {
  background: rgba(10, 15, 22, 0.08);
  border-color: rgba(10, 15, 22, 0.08);
}

.public-nav .neo-language-switch a {
  color: #637083;
}

.public-nav .neo-language-switch a.active {
  color: #111821;
}

body.matches-app-page[data-locale="es"] .matches-date-control {
  background: transparent !important;
  box-shadow: none !important;
}

body.matches-app-page[data-locale="es"] .matches-date-control > a,
body.matches-app-page[data-locale="es"] .matches-date-control > span,
body.matches-app-page[data-locale="es"] .matches-date-control > button {
  background: var(--matches-control, #ffffff) !important;
  color: #172235 !important;
  border-color: transparent !important;
}

body.matches-app-page[data-locale="es"] .matches-date-control strong,
body.matches-app-page[data-locale="es"] .matches-date-control em,
body.matches-app-page[data-locale="es"] .matches-date-control svg {
  color: #172235 !important;
  stroke: currentColor !important;
}

body.matches-app-page .matches-date-menu {
  background: #ffffff !important;
  color: #172235 !important;
  border-color: rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.16) !important;
}

body.matches-app-page .matches-date-menu a {
  background: transparent !important;
  color: #172235 !important;
}

body.matches-app-page .matches-date-menu a:hover,
body.matches-app-page .matches-date-menu a:focus-visible {
  background: #f2f4f7 !important;
  color: #172235 !important;
}

body.matches-app-page .matches-date-menu a.active {
  background: rgba(167, 255, 19, 0.28) !important;
  color: #07100b !important;
}

body.matches-app-page .matches-date-menu a span {
  color: #667085 !important;
}

body.matches-app-page[data-locale="es"] .app-filter-row {
  background: var(--matches-control, #ffffff) !important;
  color: #5e6b7e !important;
}

body.matches-app-page[data-locale="es"] .app-filter-row button,
body.matches-app-page[data-locale="es"] .app-filter-row a {
  background: transparent !important;
  color: #5e6b7e !important;
}

body.matches-app-page[data-locale="es"] .app-filter-row button.active,
body.matches-app-page[data-locale="es"] .app-filter-row a.active,
body.matches-app-page[data-locale="es"] .app-filter-row .active {
  background: #a7ff13 !important;
  color: #07100b !important;
}

@media (max-width: 768px) {
  .app-header > .neo-language-switch {
    margin-left: auto;
  }

  .app-header > .neo-language-switch a {
    min-width: 34px;
    height: 28px;
    padding: 0 6px;
  }

  .app-header > .neo-language-switch em {
    display: none;
  }

  .side-menu-language-switch {
    margin-bottom: 12px;
  }
}