body.event-usa,
body.event-euro,
body.event-nordeste,
body.event-sudamericana {
  /* Tipografia alinhada à Macro Home; cores ficam por evento abaixo. */
  --confut-event-dropdown-link-size: clamp(0.875rem, 2.4vw, 0.96rem);
  --event-menu-switcher-accent: #cf1c31;
  --event-menu-switcher-surface: linear-gradient(188deg, rgba(8, 24, 48, 0.98) 0%, rgba(12, 32, 58, 0.98) 100%);
  --event-menu-switcher-border: rgba(207, 28, 49, 0.28);
  --event-menu-switcher-top-border: #cf1c31;
  --event-menu-switcher-hover: linear-gradient(90deg, rgba(2, 32, 70, 0.28), rgba(207, 28, 49, 0.18));
  --event-menu-switcher-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
}

body.event-euro {
  --event-menu-switcher-accent: #ffd700;
  --event-menu-switcher-surface: linear-gradient(188deg, rgba(7, 18, 33, 0.98) 0%, rgba(10, 28, 52, 0.98) 100%);
  --event-menu-switcher-border: rgba(255, 215, 0, 0.28);
  --event-menu-switcher-top-border: #ffd700;
  --event-menu-switcher-hover: linear-gradient(90deg, rgba(0, 31, 63, 0.26), rgba(255, 215, 0, 0.18));
}

body.event-nordeste {
  --event-menu-switcher-accent: #ff9800;
  --event-menu-switcher-surface: linear-gradient(188deg, rgba(30, 7, 7, 0.98) 0%, rgba(58, 13, 13, 0.98) 100%);
  --event-menu-switcher-border: rgba(167, 4, 4, 0.28);
  --event-menu-switcher-top-border: #ff9800;
  --event-menu-switcher-hover: linear-gradient(90deg, rgba(167, 4, 4, 0.26), rgba(255, 152, 0, 0.18));
}

body.event-sudamericana {
  --event-menu-switcher-accent: #21931b;
  --event-menu-switcher-surface: linear-gradient(188deg, rgba(8, 17, 38, 0.98) 0%, rgba(12, 31, 70, 0.98) 100%);
  --event-menu-switcher-border: rgba(38, 94, 234, 0.28);
  --event-menu-switcher-top-border: #21931b;
  --event-menu-switcher-hover: linear-gradient(90deg, rgba(38, 94, 234, 0.26), rgba(33, 147, 27, 0.18));
}

.event-menu-switcher {
  position: relative;
}

#mainmenu > li.event-menu-switcher,
#mainmenu > li.event-menu-switcher:hover {
  float: left;
}

#mainmenu > li.event-menu-switcher.has-child::after,
header.header-mobile #mainmenu > li.event-menu-switcher > span {
  display: none !important;
  content: none !important;
}

.event-menu-switcher__trigger {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.42rem;
  cursor: pointer;
  border: 0;
  background: transparent;
  appearance: none;
  -webkit-appearance: none;
}

.event-menu-switcher__trigger-text {
  white-space: nowrap;
}

.event-menu-switcher__trigger::after {
  content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  bottom: 0.32rem;
  height: 2px;
  border-radius: 2px;
  background: var(--event-menu-switcher-accent);
  transform: scaleX(1);
  opacity: 0.9;
}

.event-menu-switcher__trigger-caret {
  font-size: 0.92em;
  transition: transform 250ms ease;
}

.event-menu-switcher.is-open .event-menu-switcher__trigger,
.event-menu-switcher__trigger:hover,
.event-menu-switcher__trigger:focus-visible {
  color: var(--event-menu-switcher-accent) !important;
}

.event-menu-switcher.is-open .event-menu-switcher__trigger-caret {
  transform: rotate(180deg);
}

.event-menu-switcher__panel {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 240px;
  padding: 0.65rem 0;
  border-radius: 14px;
  border: 1px solid var(--event-menu-switcher-border);
  border-top: 2px solid var(--event-menu-switcher-top-border);
  background: var(--event-menu-switcher-surface);
  box-shadow: var(--event-menu-switcher-shadow);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: none;
  transition: opacity 200ms ease, visibility 200ms ease;
  z-index: 260;
}

/* Ponte invisível trigger → painel (mesmo padrão do #mainmenu li > ul da Macro Home). */
.event-menu-switcher__panel::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -10px;
  height: 10px;
}

.event-menu-switcher.is-open .event-menu-switcher__panel {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: none;
}

@media (min-width: 992px) {
  #mainmenu > li.event-menu-switcher {
    overflow: visible !important;
  }

  body.confut-usa-refactor header.usa-site-header .usa-header__nav-panel,
  body.confut-euro-refactor header.euro-site-header .euro-header__nav-panel,
  body.confut-nordeste-refactor header.nordeste-site-header .ne-header__nav-panel,
  body.confut-sudamericana-refactor header.sudamericana-site-header .suda-header__nav-panel,
  body.confut-usa-refactor header.usa-site-header .usa-header__menu,
  body.confut-euro-refactor header.euro-site-header .euro-header__menu,
  body.confut-nordeste-refactor header.nordeste-site-header .ne-header__menu,
  body.confut-sudamericana-refactor header.sudamericana-site-header .suda-header__menu {
    overflow: visible !important;
  }

  .event-menu-switcher:hover .event-menu-switcher__panel,
  .event-menu-switcher:focus-within .event-menu-switcher__panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
  }
}

.event-menu-switcher__list {
  display: block;
  margin: 0;
  padding: 0;
  border-radius: inherit;
  overflow: hidden;
}

.event-menu-switcher__list-item {
  display: block;
  margin: 0;
  padding: 0;
  border: 0 !important;
  float: none !important;
  width: 100% !important;
  list-style: none !important;
}

.event-menu-switcher__list-item + .event-menu-switcher__list-item {
  border-top: 0 !important;
}

.event-menu-switcher__option {
  display: flex !important;
  align-items: center;
  justify-content: flex-start !important;
  width: 100%;
  min-height: 0;
  padding: 0.72rem 1rem !important;
  border-radius: 0;
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: var(--confut-event-dropdown-link-size) !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
  line-height: 1.35;
  text-transform: none !important;
  text-decoration: none !important;
  text-shadow: none;
  transition: color 0.22s ease, background-color 0.22s ease !important;
  border: 0 !important;
  text-align: left !important;
}

.event-menu-switcher__option:hover,
.event-menu-switcher__option:focus-visible {
  background: var(--event-menu-switcher-hover) !important;
  color: #fff !important;
  outline: none;
}

.event-menu-switcher__title {
  display: inline-block;
  flex: 1 1 auto;
  min-width: 0;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit;
  letter-spacing: inherit;
  text-transform: none !important;
  border: 0 !important;
  width: auto !important;
  padding: 0 !important;
}

.event-menu-switcher__city {
  display: none;
}

.event-menu-switcher__check {
  display: none;
}

.event-menu-switcher__option--active {
  color: #fff !important;
  background: var(--event-menu-switcher-hover) !important;
}

.event-menu-switcher__option--active .event-menu-switcher__title {
  text-decoration: none;
}

.event-menu-switcher__option span:not(.event-menu-switcher__check),
.event-menu-switcher__option i {
  border: 0 !important;
}

/* Anula #mainmenu li li { font-size: 14px } do tema nos itens do switcher. */
#mainmenu li.event-menu-switcher .event-menu-switcher__option.menu-item::after {
  display: none !important;
}

/* Vence `#mainmenu a span:not(.badge) { text-transform: uppercase }` em style.css
   e `.confut-*-theme header #mainmenu li a.menu-item` em style-event-*.css (carrega depois no NE/Suda). */
#mainmenu li.event-menu-switcher a.menu-item.event-menu-switcher__option,
body.confut-nordeste-theme header #mainmenu li.event-menu-switcher a.menu-item.event-menu-switcher__option,
body.confut-sudamericana-theme header #mainmenu li.event-menu-switcher a.menu-item.event-menu-switcher__option {
  justify-content: flex-start !important;
  text-align: left !important;
  width: 100%;
  padding: 0.72rem 1rem !important;
  border-radius: 0 !important;
  text-shadow: none !important;
  text-transform: none !important;
}

#mainmenu li.event-menu-switcher a.menu-item.event-menu-switcher__option span.event-menu-switcher__title,
body.confut-nordeste-theme header #mainmenu li.event-menu-switcher a.menu-item.event-menu-switcher__option span.event-menu-switcher__title,
body.confut-sudamericana-theme header #mainmenu li.event-menu-switcher a.menu-item.event-menu-switcher__option span.event-menu-switcher__title {
  text-transform: none !important;
}

#mainmenu li.event-menu-switcher a.menu-item.event-menu-switcher__option span.event-menu-switcher__title,
body.confut-nordeste-theme header #mainmenu li.event-menu-switcher a.menu-item.event-menu-switcher__option span.event-menu-switcher__title,
body.confut-sudamericana-theme header #mainmenu li.event-menu-switcher a.menu-item.event-menu-switcher__option span.event-menu-switcher__title {
  display: inline-block !important;
  width: auto !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  border-bottom: 0 !important;
}

@media (max-width: 991px) {
  .event-menu-switcher {
    width: 100%;
  }

  .event-menu-switcher__trigger {
    width: 100%;
    justify-content: flex-start !important;
  }

  .event-menu-switcher__trigger::after {
    display: none;
  }

  .event-menu-switcher__panel {
    position: static;
    width: 100%;
    margin-top: 11px;
    min-width: 0;
    padding: 0.65rem 0;
    border-radius: 14px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: none;
    display: none;
  }

  .event-menu-switcher.is-open .event-menu-switcher__panel {
    display: block;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .event-menu-switcher__list {
    border-radius: inherit;
  }

  .event-menu-switcher__option {
    min-height: 0;
    padding: 0.72rem 1rem !important;
    justify-content: flex-start !important;
    text-align: left !important;
    text-transform: none !important;
  }
}