/* Make both Mallorca Guide categories read as clear, tappable destinations. */
#mallorca .guide-tabs {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  width: min(100%, 620px);
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

#mallorca .guide-tab {
  display: grid !important;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
  min-height: 78px;
  padding: 16px 18px !important;
  border: 1px solid rgba(29, 43, 34, 0.3) !important;
  border-radius: 6px !important;
  background: rgba(255, 252, 245, 0.72) !important;
  color: #1d2b22 !important;
  box-shadow: 0 8px 22px rgba(29, 43, 34, 0.06);
  font-weight: 700;
  text-align: left;
  cursor: pointer;
  transition: transform 160ms ease, border-color 160ms ease,
    background-color 160ms ease, box-shadow 160ms ease;
}

#mallorca .guide-tab::before {
  color: #a75e35;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 0.9rem;
  font-weight: 400;
}

#mallorca .guide-tab:first-child::before {
  content: "01";
}

#mallorca .guide-tab:nth-child(2)::before {
  content: "02";
}

#mallorca .guide-tab::after {
  content: "\2192";
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1;
}

#mallorca .guide-tab:hover {
  transform: translateY(-2px);
  border-color: rgba(29, 43, 34, 0.62) !important;
  box-shadow: 0 12px 26px rgba(29, 43, 34, 0.1);
}

#mallorca .guide-tab:focus-visible {
  outline: 3px solid rgba(196, 119, 67, 0.42);
  outline-offset: 3px;
}

#mallorca .guide-tab.is-active,
#mallorca .guide-tab.active,
#mallorca .guide-tab[aria-selected="true"] {
  border-color: #1d2b22 !important;
  background: #1d2b22 !important;
  color: #fffaf1 !important;
  box-shadow: 0 12px 28px rgba(29, 43, 34, 0.18);
}

#mallorca .guide-tab.is-active::before,
#mallorca .guide-tab.active::before,
#mallorca .guide-tab[aria-selected="true"]::before {
  color: #efc56f;
}

@media (max-width: 560px) {
  #mallorca .guide-tabs {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  #mallorca .guide-tab {
    min-height: 64px;
    padding: 13px 16px !important;
  }
}