html { scrollbar-gutter: stable; }
@supports not (scrollbar-gutter: stable) { html { overflow-y: scroll; } }
.menu-search-control[hidden], #carta section[hidden], #carta li[hidden], #eventos .space-y-4[hidden] { display: none; }
.menu-search-control { display: grid; place-items: center; margin-top: 1.5rem !important; min-height: 2.75rem; }
.search-trigger, .menu-search { grid-area: 1 / 1; }
.search-trigger { display: inline-flex; align-items: center; gap: .625rem; min-height: 2.75rem; padding: .5rem .75rem; border: 0; color: #4e4541; background: transparent; font: inherit; font-size: .8125rem; cursor: pointer; transition: opacity 160ms ease, transform 180ms ease, visibility 180ms; }
.search-trigger:hover { color: #7d5700; }
.search-icon { width: 1.125rem; height: 1.125rem; flex-shrink: 0; }
.menu-search { width: min(26rem, 100%); max-width: 100%; opacity: 0; visibility: hidden; overflow: hidden; clip-path: inset(0 35%); transform: translateY(.25rem); transition: clip-path 240ms ease, transform 240ms ease, opacity 180ms ease; }
.is-open .search-trigger { opacity: 0; visibility: hidden; transform: translateY(-.25rem); pointer-events: none; }
.is-open .menu-search { opacity: 1; visibility: visible; clip-path: inset(0); transform: translateY(0); }
.search-bar { display: flex; align-items: center; gap: .75rem; border-bottom: 1px solid #d1c4be; min-height: 2.75rem; text-align: left; }
.search-bar:focus-within { border-bottom-color: #7d5700; }
.search-bar input { min-width: 0; width: 100%; padding: .5rem 0; border: 0; background: transparent; font: inherit; font-size: 1rem; color: #1c1c19; box-shadow: none; }
.search-bar input:focus { outline: none; box-shadow: none; }
.search-bar input::-webkit-search-cancel-button { display: none; }
.search-close { display: flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; flex-shrink: 0; border: 0; background: transparent; color: #4e4541; cursor: pointer; font-size: 1.25rem; }
.search-close:hover { color: #7d5700; }
.search-status { margin: .5rem 0 0; min-height: 1.125rem; color: #4e4541; font-size: .75rem; }
.search-trigger:focus-visible, .search-close:focus-visible { outline: 2px solid #7d5700; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .search-trigger, .menu-search { transition: none; } }

@media (max-width: 639px) {
  #carta > .text-center { margin-bottom: .775rem; }
}