/* BolsaHoy search system: one light, pill-shaped control across public and admin views. */
:root {
  --bh-search-surface: rgba(247, 250, 253, .97);
  --bh-search-surface-focus: #fff;
  --bh-search-ink: #1b3049;
  --bh-search-muted: #718297;
  --bh-search-border: rgba(117, 143, 169, .58);
  --bh-search-focus: #2b8dff;
}

/* The site defaults to dark mode. Keep the control near-black/navy there and
   reserve the white surface for the light theme, without changing the page
   backgrounds around it. */
html[data-theme="dark"] {
  --bh-search-surface: #050d1a;
  --bh-search-surface-focus: #0b1e35;
  --bh-search-ink: #eef5ff;
  --bh-search-muted: #91a9c4;
  --bh-search-border: rgba(74, 139, 218, .56);
}

html[data-theme="light"] {
  --bh-search-surface: #fff;
  --bh-search-surface-focus: #fff;
  --bh-search-ink: #17304d;
  --bh-search-muted: #667f9b;
  --bh-search-border: rgba(117, 143, 169, .58);
}

.hero-asset-search,
.mkt-hero-search,
.mwa-search-wrap,
.mwa-category-search,
.comm-search,
.lab-page #cartera .lab-asset-combobox,
.lab-reading-create-card .lab-asset-combobox,
.finance-search .search-row,
.admin-page .toolbar > input[type="search"],
.admin-page .users-toolbar > input[type="search"],
.admin-page .newsletter-toolbar > input[type="search"],
.admin-page .events-toolbar > input[type="search"],
.community-search-box {
  box-sizing: border-box;
  border: 1px solid var(--bh-search-border);
  border-radius: 999px;
  background: var(--bh-search-surface);
  color: var(--bh-search-ink);
  box-shadow: 0 8px 20px rgba(9, 30, 56, .12);
}

.hero-asset-search:focus-within,
.mkt-hero-search:focus-within,
.mwa-search-wrap:focus-within,
.mwa-category-search:focus-within,
.comm-search:focus-within,
.lab-page #cartera .lab-asset-combobox:focus-within,
.lab-reading-create-card .lab-asset-combobox:focus-within,
.finance-search .search-row:focus-within,
.admin-page .toolbar > input[type="search"]:focus,
.admin-page .users-toolbar > input[type="search"]:focus,
.admin-page .newsletter-toolbar > input[type="search"]:focus,
.admin-page .events-toolbar > input[type="search"]:focus,
.community-search-box:focus-within {
  border-color: var(--bh-search-focus);
  background-color: var(--bh-search-surface-focus);
  box-shadow: 0 0 0 3px rgba(43, 141, 255, .16), 0 10px 24px rgba(9, 30, 56, .14);
}

.hero-asset-search input,
.mkt-hero-search input,
.mwa-search-wrap input,
.mwa-category-search input,
.comm-search input,
.lab-page #cartera .lab-asset-combobox input,
.lab-reading-create-card .lab-asset-combobox input,
.finance-search .search-row input,
.admin-page .toolbar > input[type="search"],
.admin-page .users-toolbar > input[type="search"],
.admin-page .newsletter-toolbar > input[type="search"],
.admin-page .events-toolbar > input[type="search"],
.community-search-box input {
  color: var(--bh-search-ink);
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
}

.hero-asset-search input::placeholder,
.mkt-hero-search input::placeholder,
.mwa-search-wrap input::placeholder,
.mwa-category-search input::placeholder,
.comm-search input::placeholder,
.lab-page #cartera .lab-asset-combobox input::placeholder,
.lab-reading-create-card .lab-asset-combobox input::placeholder,
.finance-search .search-row input::placeholder,
.admin-page .toolbar > input[type="search"]::placeholder,
.admin-page .users-toolbar > input[type="search"]::placeholder,
.admin-page .newsletter-toolbar > input[type="search"]::placeholder,
.admin-page .events-toolbar > input[type="search"]::placeholder,
.community-search-box input::placeholder {
  color: var(--bh-search-muted);
  opacity: 1;
}

.hero-asset-search > .hero-action-icon,
.mkt-hero-search > .bh-icon,
.mwa-search-wrap > .bh-icon,
.mwa-category-search > .bh-icon,
.comm-search > .bh-icon,
.lab-page #cartera .lab-asset-combobox > svg,
.lab-reading-create-card .lab-asset-combobox > svg,
.community-search-box > .bh-icon {
  color: var(--bh-search-muted);
}

.mkt-hero-search {
  gap: 0;
  min-height: 48px;
  padding: 0 5px 0 15px;
  box-shadow: 0 8px 20px rgba(9, 30, 56, .12);
}

.mkt-hero-search > .bh-icon {
  display: block;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}

.mkt-hero-search input {
  min-height: 46px;
  padding: 0 10px;
  border: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
}

.mkt-hero-search input:focus {
  border: 0;
  box-shadow: none;
}

.mkt-hero-search-btn {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--bh-search-muted);
}

.mkt-hero-search-btn:hover {
  background: rgba(43, 141, 255, .12);
  color: var(--bh-search-focus);
}

.hero-asset-search {
  height: 52px;
  border-radius: 999px;
  background: var(--bh-search-surface);
  color: var(--bh-search-ink);
}

.hero-asset-search > .hero-action-icon {
  margin-left: 14px;
}

.hero-asset-search input {
  height: 50px;
  padding: 0 7px 0 9px;
  border: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
}

.hero-asset-search input:focus {
  border: 0;
  box-shadow: none;
}

.hero-asset-search button {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  margin-right: 5px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--bh-search-muted);
}

.hero-asset-search button:hover {
  background: rgba(43, 141, 255, .12);
  color: var(--bh-search-focus);
}

#heroWatchlistBtn.hero-action {
  aspect-ratio: 1;
  border-radius: 50%;
}

.mwa-search-wrap,
.mwa-category-search {
  min-height: 44px;
  padding: 0 12px;
  box-shadow: 0 6px 16px rgba(9, 30, 56, .1);
}

.mwa-search-wrap input,
.mwa-category-search input {
  min-height: 42px;
  height: 42px;
  padding: 0 8px;
  border: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
}

.mwa-search-wrap input:focus,
.mwa-category-search input:focus {
  border: 0;
  box-shadow: none;
}

.mwa-search-clear,
.lab-page #cartera .lab-asset-combobox > button,
.lab-reading-create-card .lab-asset-combobox > button {
  border-color: transparent;
  background: transparent;
  color: var(--bh-search-muted);
}

.mwa-search-clear:hover,
.lab-page #cartera .lab-asset-combobox > button:hover,
.lab-reading-create-card .lab-asset-combobox > button:hover {
  border-color: transparent;
  background: rgba(43, 141, 255, .12);
  color: var(--bh-search-focus);
}

.comm-search {
  min-height: 48px;
  padding: 0 16px;
  border-width: 1px;
  box-shadow: 0 8px 20px rgba(9, 30, 56, .12);
}

.comm-search input {
  min-height: 46px;
  padding: 0;
}

.comm-search svg {
  color: var(--bh-search-muted);
}

.lab-page #cartera .lab-asset-combobox,
.lab-reading-create-card .lab-asset-combobox {
  height: 48px;
  min-height: 48px;
  border-radius: 999px;
  background: var(--bh-search-surface);
}

.lab-page #cartera .lab-asset-combobox input,
.lab-reading-create-card .lab-asset-combobox input {
  height: 46px;
  padding: 0 10px;
  border: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
}

.finance-search .search-card {
  padding: 0;
  border: 0;
  background: transparent;
}

.finance-search .search-row {
  display: flex;
  align-items: center;
  gap: 0;
  min-height: 48px;
  padding: 0 4px 0 12px;
}

.finance-search .search-row > .suggest-wrap {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
}

.finance-search .bh-search-leading-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  margin-left: 1px;
  color: var(--bh-search-muted);
}

.finance-search .search-row input {
  width: 100%;
  min-height: 46px;
  height: 46px;
  padding: 0 8px;
  border: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
}

.finance-search .search-row input:focus {
  border: 0;
  box-shadow: none;
}

.finance-search .search-row > button {
  min-height: 38px;
  height: 38px;
  margin-left: 5px;
  padding: 0 16px;
  border-radius: 999px;
  box-shadow: none;
}

.admin-page .toolbar > input[type="search"],
.admin-page .users-toolbar > input[type="search"],
.admin-page .newsletter-toolbar > input[type="search"],
.admin-page .events-toolbar > input[type="search"] {
  width: 100%;
  min-height: 46px;
  height: 46px;
  padding: 0 15px;
  outline: 0;
  padding-left: 42px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23718297' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.8' cy='10.8' r='6.8'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 18px 18px;
}

.community-search-box {
  min-height: 48px;
  padding: 0 14px;
  box-shadow: 0 8px 20px rgba(9, 30, 56, .12);
}

.community-search-box input {
  min-height: 46px;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
}

.community-search-box input:focus {
  border: 0;
  box-shadow: none;
}

/* The attached reference includes a microphone, but BolsaHoy intentionally does not. */
input[type="search"]::-webkit-search-cancel-button {
  opacity: .55;
}

/* Page-specific rules historically targeted these inputs by id. Keep their
   typography on the same scale as the shared control. */
#heroAssetSearchInput,
#heroSearchInput,
#mobileMarketSearchInput,
#mobileMarketCategorySearch,
#assetInput,
#commSearch,
#tradeSymbol {
  font-size: 14px !important;
}

/* Community focus mode has intentionally stronger selectors in its mobile
   stylesheet; these rules keep the shared pill shape there too. */
body[data-community-focus="true"] .comm-search {
  min-height: 48px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
}

body[data-community-focus="true"] .comm-search input {
  min-height: 46px !important;
  font-size: 14px !important;
}

/* Theme contract: page-local legacy rules used to force a white/dark surface
   after this shared sheet. These selectors keep every public search control
   synchronized when the user toggles the theme. */
html[data-theme="dark"] :where(
  .hero-asset-search,
  .mkt-hero-search,
  .mwa-search-wrap,
  .mwa-category-search,
  .comm-search,
  .lab-page #cartera .lab-asset-combobox,
  .lab-reading-create-card .lab-asset-combobox,
  .finance-search .search-row,
  .admin-page .toolbar > input[type="search"],
  .admin-page .users-toolbar > input[type="search"],
  .admin-page .newsletter-toolbar > input[type="search"],
  .admin-page .events-toolbar > input[type="search"],
  .community-search-box
) {
  color: var(--bh-search-ink) !important;
  border-color: var(--bh-search-border) !important;
  background-color: var(--bh-search-surface) !important;
  color-scheme: dark;
}

html[data-theme="light"] :where(
  .hero-asset-search,
  .mkt-hero-search,
  .mwa-search-wrap,
  .mwa-category-search,
  .comm-search,
  .lab-page #cartera .lab-asset-combobox,
  .lab-reading-create-card .lab-asset-combobox,
  .finance-search .search-row,
  .admin-page .toolbar > input[type="search"],
  .admin-page .users-toolbar > input[type="search"],
  .admin-page .newsletter-toolbar > input[type="search"],
  .admin-page .events-toolbar > input[type="search"],
  .community-search-box
) {
  color: var(--bh-search-ink) !important;
  border-color: var(--bh-search-border) !important;
  background-color: var(--bh-search-surface) !important;
  color-scheme: light;
}

html[data-theme="dark"] :where(
  .hero-asset-search:focus-within,
  .mkt-hero-search:focus-within,
  .mwa-search-wrap:focus-within,
  .mwa-category-search:focus-within,
  .comm-search:focus-within,
  .lab-page #cartera .lab-asset-combobox:focus-within,
  .lab-reading-create-card .lab-asset-combobox:focus-within,
  .finance-search .search-row:focus-within,
  .admin-page .toolbar > input[type="search"]:focus,
  .admin-page .users-toolbar > input[type="search"]:focus,
  .admin-page .newsletter-toolbar > input[type="search"]:focus,
  .admin-page .events-toolbar > input[type="search"]:focus,
  .community-search-box:focus-within
) {
  background-color: var(--bh-search-surface-focus) !important;
}

html[data-theme="light"] :where(
  .hero-asset-search:focus-within,
  .mkt-hero-search:focus-within,
  .mwa-search-wrap:focus-within,
  .mwa-category-search:focus-within,
  .comm-search:focus-within,
  .lab-page #cartera .lab-asset-combobox:focus-within,
  .lab-reading-create-card .lab-asset-combobox:focus-within,
  .finance-search .search-row:focus-within,
  .admin-page .toolbar > input[type="search"]:focus,
  .admin-page .users-toolbar > input[type="search"]:focus,
  .admin-page .newsletter-toolbar > input[type="search"]:focus,
  .admin-page .events-toolbar > input[type="search"]:focus,
  .community-search-box:focus-within
) {
  background-color: var(--bh-search-surface-focus) !important;
}

html[data-theme="dark"] :where(
  .hero-asset-search input,
  .mkt-hero-search input,
  .mwa-search-wrap input,
  .mwa-category-search input,
  .comm-search input,
  .lab-page #cartera .lab-asset-combobox input,
  .lab-reading-create-card .lab-asset-combobox input,
  .finance-search .search-row input
) {
  color: var(--bh-search-ink) !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

html[data-theme="light"] :where(
  .hero-asset-search input,
  .mkt-hero-search input,
  .mwa-search-wrap input,
  .mwa-category-search input,
  .comm-search input,
  .lab-page #cartera .lab-asset-combobox input,
  .lab-reading-create-card .lab-asset-combobox input,
  .finance-search .search-row input
) {
  color: var(--bh-search-ink) !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] :where(
  .hero-asset-search input::placeholder,
  .mkt-hero-search input::placeholder,
  .mwa-search-wrap input::placeholder,
  .mwa-category-search input::placeholder,
  .comm-search input::placeholder,
  .lab-page #cartera .lab-asset-combobox input::placeholder,
  .lab-reading-create-card .lab-asset-combobox input::placeholder,
  .finance-search .search-row input::placeholder,
  .admin-page .toolbar > input[type="search"]::placeholder,
  .admin-page .users-toolbar > input[type="search"]::placeholder,
  .admin-page .newsletter-toolbar > input[type="search"]::placeholder,
  .admin-page .events-toolbar > input[type="search"]::placeholder,
  .community-search-box input::placeholder
) {
  color: var(--bh-search-muted) !important;
  opacity: 1;
}

html[data-theme="light"] :where(
  .hero-asset-search input::placeholder,
  .mkt-hero-search input::placeholder,
  .mwa-search-wrap input::placeholder,
  .mwa-category-search input::placeholder,
  .comm-search input::placeholder,
  .lab-page #cartera .lab-asset-combobox input::placeholder,
  .lab-reading-create-card .lab-asset-combobox input::placeholder,
  .finance-search .search-row input::placeholder,
  .admin-page .toolbar > input[type="search"]::placeholder,
  .admin-page .users-toolbar > input[type="search"]::placeholder,
  .admin-page .newsletter-toolbar > input[type="search"]::placeholder,
  .admin-page .events-toolbar > input[type="search"]::placeholder,
  .community-search-box input::placeholder
) {
  color: var(--bh-search-muted) !important;
  opacity: 1;
}

@media (max-width: 820px) {
  .mkt-hero-search {
    min-height: 46px;
    padding-left: 13px;
  }

  .mkt-hero-search input {
    min-height: 44px;
    font-size: 16px !important;
  }

  .hero-asset-search {
    height: 48px;
  }

  .hero-asset-search input {
    height: 46px;
    font-size: 16px !important;
  }

  .mwa-search-wrap,
  .mwa-category-search,
  .comm-search,
  .lab-page #cartera .lab-asset-combobox,
  .lab-reading-create-card .lab-asset-combobox,
  .finance-search .search-row,
  .community-search-box {
    min-height: 46px;
  }

  .mwa-search-wrap input,
  .mwa-category-search input,
  .comm-search input,
  .lab-page #cartera .lab-asset-combobox input,
  .lab-reading-create-card .lab-asset-combobox input,
  .finance-search .search-row input,
  .community-search-box input,
  .admin-page .toolbar > input[type="search"],
  .admin-page .users-toolbar > input[type="search"],
  .admin-page .newsletter-toolbar > input[type="search"],
  .admin-page .events-toolbar > input[type="search"] {
    min-height: 44px;
    height: 44px;
    font-size: 16px !important;
  }

  #heroAssetSearchInput,
  #heroSearchInput,
  #mobileMarketSearchInput,
  #mobileMarketCategorySearch,
  #assetInput,
  #commSearch,
  #tradeSymbol {
    font-size: 16px !important;
  }

  body[data-community-focus="true"] .comm-search {
    min-height: 46px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
  }

  body[data-community-focus="true"] .comm-search input,
  body[data-community-focus="true"] .comm-search input:focus {
    min-height: 44px !important;
    font-size: 16px !important;
  }
}