/* Buscador de promociones. Pastilla naranja de 44 px y radio 24, el
   mismo look que la del home. En páginas estáticas, a 390 el chat queda
   una fila arriba. No recoloca las pastillas que ya pinta el PR #363. */
#et-buscador-root {
  position: static;
  width: 0;
  height: 0;
  overflow: visible;
}
#et-buscador-launcher {
  position: fixed;
  z-index: 2147483000;
  left: 12px;
  bottom: calc(12px + env(safe-area-inset-bottom, 0px));
  display: inline-flex;
  align-items: center;
  gap: 8px;
  box-sizing: border-box;
  width: max-content;
  max-width: calc(50vw - 18px);
  height: 44px;
  margin: 0;
  padding: 0 12px;
  border: 0;
  border-radius: 24px;
  background: #ff4f00;
  color: #0b1f3a;
  font: 800 13px/1 system-ui, sans-serif;
  letter-spacing: 0;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 4px 12px rgb(0 0 0 / .22);
}
#et-buscador-launcher span {
  overflow: hidden;
  text-overflow: ellipsis;
}
#et-buscador-launcher svg {
  flex: none;
}
#et-buscador-launcher:hover {
  background: #ff6a26;
  color: #0b1f3a;
}
#et-buscador-launcher:focus-visible,
#et-buscador-cerrar:focus-visible,
#et-buscador-q:focus-visible {
  outline: 2px solid #0b1f3a;
  outline-offset: 2px;
}
#et-buscador-panel {
  position: fixed;
  z-index: 2147483002;
  left: 12px;
  bottom: calc(72px + env(safe-area-inset-bottom, 0px));
  box-sizing: border-box;
  width: 380px;
  max-width: calc(100vw - 24px);
  max-height: calc(100vh - 284px);
  margin: 0;
  padding: 0;
  border: 1px solid #ddd6cc;
  border-radius: 20px;
  background: #fff;
  color: #14181f;
  box-shadow: 0 18px 48px rgba(15, 23, 42, .22);
  overflow: auto;
}
#et-buscador-panel[hidden] {
  display: none !important;
}
.et-buscador-shell {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.et-buscador-bar {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px;
  background: #faf8f5;
  border-bottom: 1px solid #ddd6cc;
}
.et-buscador-bar h2 {
  margin: 0;
  font: 800 16px/1.2 system-ui, sans-serif;
  letter-spacing: -.02em;
}
.et-buscador-marca:empty {
  display: none;
}
.et-buscador-marca {
  margin: 0 0 2px;
  font: 800 11px/1.2 system-ui, sans-serif;
  letter-spacing: .04em;
  color: #8d3040;
}
.et-buscador-hint {
  margin: 4px 0 0;
  font: 600 13px/1.3 system-ui, sans-serif;
  color: #536079;
}
#et-buscador-cerrar {
  flex: none;
  width: 36px;
  height: 36px;
  margin-left: auto;
  border: 1px solid #ddd6cc;
  border-radius: 999px;
  background: #fff;
  color: #14181f;
  font: 800 22px/1 system-ui, sans-serif;
  cursor: pointer;
}
.et-buscador-form {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px;
}
.et-buscador-label {
  font: 700 12px/1.2 system-ui, sans-serif;
  color: #536079;
}
#et-buscador-q {
  box-sizing: border-box;
  width: 100%;
  height: 44px;
  margin: 0;
  padding: 0 12px;
  border: 1px solid #ddd6cc;
  border-radius: 12px;
  background: #fff;
  color: #14181f;
  font: 600 16px/1.2 system-ui, sans-serif;
}
.et-buscador-resultados {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 12px 12px;
}
.et-buscador-item {
  display: block;
  box-sizing: border-box;
  max-width: 100%;
  padding: 10px 12px;
  border: 1px solid #e4eef2;
  border-radius: 12px;
  background: #fff;
  color: #14181f;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.et-buscador-item img {
  display: block;
  width: 72px;
  max-width: 100%;
  height: 48px;
  margin-bottom: 6px;
  object-fit: cover;
  border-radius: 8px;
}
.et-buscador-item strong,
.et-buscador-item small,
.et-buscador-item em {
  display: block;
  font-style: normal;
}
.et-buscador-item strong {
  font: 800 14px/1.3 system-ui, sans-serif;
}
.et-buscador-item small,
.et-buscador-item em {
  margin-top: 2px;
  font: 600 13px/1.35 system-ui, sans-serif;
  color: #536079;
}
.et-buscador-estado {
  margin: 0;
  padding: 0 12px 12px;
  font: 600 13px/1.4 system-ui, sans-serif;
  color: #536079;
}
html.et-buscador-estatico .et-popups-respiro {
  height: 132px;
}
@media (max-width: 480px) {
  #et-buscador-launcher {
    max-width: calc(100vw - 24px);
  }
  #et-buscador-panel {
    bottom: calc(124px + env(safe-area-inset-bottom, 0px));
  }
  html.et-buscador-estatico #et-promo-chat-launcher {
    right: 12px;
    bottom: calc(64px + env(safe-area-inset-bottom, 0px));
    max-width: calc(100vw - 24px);
  }
  html.et-buscador-estatico #et-chat-panel {
    right: 12px;
    bottom: calc(122px + env(safe-area-inset-bottom, 0px));
    max-width: calc(100vw - 24px);
  }
}