.hbi-buscador {
  position: relative;
}

.hbi-buscador--card {
  --hbi-form-padding: 1rem;
  --hbi-form-radius: 18px;
  --hbi-field-radius: 18px;
  --hbi-item-radius: 18px;
  --hbi-results-gap: .75rem;
}

.hbi-buscador--compact {
  --hbi-form-padding: .8rem;
  --hbi-form-radius: 14px;
  --hbi-field-radius: 14px;
  --hbi-item-radius: 12px;
  --hbi-results-gap: .5rem;
}

.hbi-buscador--faq {
  --hbi-form-padding: 1.15rem;
  --hbi-form-radius: 22px;
  --hbi-field-radius: 18px;
  --hbi-item-radius: 10px;
  --hbi-results-gap: .85rem;
}

.hbi-buscador--inline {
  --hbi-form-padding: 1.15rem;
  --hbi-form-radius: 22px;
  --hbi-field-radius: 16px;
  --hbi-item-radius: 16px;
  --hbi-results-gap: .65rem;
}

.hbi-buscador__honeypot {
  position: absolute !important;
  left: -9999px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.hbi-buscador__form,
.hbi-buscador__summary,
.hbi-buscador__item,
.hbi-buscador__error,
.hbi-buscador__skeleton-card {
  border: 1px solid color-mix(in srgb, currentColor 12%, transparent);
  border-radius: 18px;
  background: color-mix(in srgb, currentColor 2.5%, transparent);
}

.hbi-buscador__form {
  padding: var(--hbi-form-padding, 1rem);
  border-radius: var(--hbi-form-radius, 18px);
}

.hbi-buscador__textarea {
  width: 100%;
  min-height: 11rem;
  padding: 1rem 1.05rem;
  border: 1px solid color-mix(in srgb, currentColor 14%, transparent);
  border-radius: var(--hbi-field-radius, 18px);
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: 1.5;
  resize: vertical;
}

.hbi-buscador__photo-input {
  position: absolute !important;
  left: -9999px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.hbi-buscador__textarea:focus,
.hbi-buscador__button:focus,
.hbi-buscador__toggle:focus,
.hbi-buscador__share:focus {
  outline: 2px solid color-mix(in srgb, currentColor 28%, transparent);
  outline-offset: 2px;
}

.hbi-buscador__helper,
.hbi-buscador__note,
.hbi-buscador__status,
.hbi-buscador__count {
  opacity: .78;
  font-size: .95rem;
}

.hbi-buscador__actions {
  display: flex;
  align-items: center;
  gap: .9rem;
  margin-top: 1rem;
  flex-wrap: wrap;
}

.hbi-buscador__button {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.hbi-buscador__spinner {
  width: .95rem;
  height: .95rem;
  border-radius: 999px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  display: inline-flex;
  flex: 0 0 auto;
  box-sizing: border-box;
  animation: hbiSpin .7s linear infinite;
  opacity: 0;
  visibility: hidden;
  transition: opacity .16s ease, visibility .16s ease;
}

.hbi-buscador__spinner.is-visible {
  opacity: 1;
  visibility: visible;
}

.hbi-buscador__results {
  margin-top: 1.25rem;
}

.hbi-buscador__summary {
  padding: 1rem 1.05rem;
  margin-bottom: 1rem;
}

.hbi-buscador__summary-text {
  margin: 0;
  font-weight: 700;
}

.hbi-buscador__summary--vegan {
  border-left: 4px solid color-mix(in srgb, currentColor 40%, transparent);
}

.hbi-buscador__summary--warning,
.hbi-buscador__summary--not-vegan {
  border-left: 4px solid color-mix(in srgb, currentColor 55%, transparent);
}

.hbi-buscador__accordion {
  display: grid;
  gap: var(--hbi-results-gap, .75rem);
}

.hbi-buscador__item {
  --hbi-status-color: currentColor;
  overflow: hidden;
  border-radius: var(--hbi-item-radius, 18px);
  border-color: color-mix(in srgb, var(--hbi-status-color) 20%, transparent);
}

.hbi-buscador__item-header {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: stretch;
  column-gap: .25rem;
}

.hbi-buscador__toggle,
.hbi-buscador__share {
  appearance: none;
  border: 0;
  background: transparent;
  color: inherit;
}

.hbi-buscador__toggle {
  width: 100%;
  min-width: 0;
  padding: .95rem 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  cursor: pointer;
  text-align: left;
}

.hbi-buscador__share {
  width: 3rem;
  min-width: 3rem;
  padding: 0 .85rem;
  display: inline-flex !important;
  align-self: stretch;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  color: color-mix(in srgb, var(--hbi-status-color) 82%, currentColor);
  opacity: .92;
  visibility: visible;
}

.hbi-buscador__share svg {
  display: block;
  width: 1.15rem;
  height: 1.15rem;
}

.hbi-buscador__item-main,
.hbi-buscador__item-meta {
  display: inline-flex;
  align-items: center;
  gap: .75rem;
}

.hbi-buscador__item-name {
  font-weight: 600;
}

.hbi-buscador__bullet {
  width: .55rem;
  height: .55rem;
  border-radius: 999px;
  background: var(--hbi-status-color);
  opacity: .95;
}

.hbi-buscador__badge {
  display: inline-flex;
  align-items: center;
  padding: .22rem .65rem;
  border-radius: 999px;
  font-size: .85rem;
  line-height: 1.2;
  font-weight: 600;
  position: relative;
  z-index: 1;
  isolation: isolate;
  opacity: 1 !important;
  mix-blend-mode: normal;
  filter: none !important;
  color: var(--hbi-badge-text-color, var(--hbi-status-color)) !important;
  border: 1px solid var(--hbi-badge-border-color, color-mix(in srgb, var(--hbi-status-color) 35%, transparent)) !important;
  background-color: var(--hbi-badge-bg-color, color-mix(in srgb, var(--hbi-status-color) 16%, transparent)) !important;
  background-image: none !important;
  box-shadow: none !important;
}

.hbi-buscador__toggle:hover .hbi-buscador__badge,
.hbi-buscador__toggle:focus .hbi-buscador__badge,
.hbi-buscador__toggle:active .hbi-buscador__badge,
.hbi-buscador__toggle[aria-expanded="true"] .hbi-buscador__badge {
  color: var(--hbi-badge-text-color, var(--hbi-status-color)) !important;
  border-color: var(--hbi-badge-border-color, color-mix(in srgb, var(--hbi-status-color) 35%, transparent)) !important;
  background-color: var(--hbi-badge-bg-color, color-mix(in srgb, var(--hbi-status-color) 16%, transparent)) !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  filter: none !important;
}

.hbi-buscador__badge.hbi-buscador__badge--apto {
  --hbi-badge-text-color: #137333;
  --hbi-badge-border-color: #81c995;
  --hbi-badge-bg-color: #e6f4ea;
  color: #137333 !important;
  border-color: #81c995 !important;
  background: #e6f4ea !important;
}

.hbi-buscador__badge.hbi-buscador__badge--no-apto {
  --hbi-badge-text-color: #c5221f;
  --hbi-badge-border-color: #f28b82;
  --hbi-badge-bg-color: #fce8e6;
  color: #c5221f !important;
  border-color: #f28b82 !important;
  background: #fce8e6 !important;
}

.hbi-buscador__badge.hbi-buscador__badge--depende {
  --hbi-badge-text-color: #8d5b00;
  --hbi-badge-border-color: #e0b200;
  --hbi-badge-bg-color: #fff4cc;
  color: #8d5b00 !important;
  border-color: #e0b200 !important;
  background: #fff4cc !important;
}

.hbi-buscador__badge.hbi-buscador__badge--no-claro {
  --hbi-badge-text-color: #b95000;
  --hbi-badge-border-color: #f6ad55;
  --hbi-badge-bg-color: #fff0e1;
  color: #b95000 !important;
  border-color: #f6ad55 !important;
  background: #fff0e1 !important;
}

.hbi-buscador__item--apto {
  --hbi-status-color: #1f8f4a;
}

.hbi-buscador__item--no-apto {
  --hbi-status-color: #d93025;
}

.hbi-buscador__item--depende {
  --hbi-status-color: #c99700;
}

.hbi-buscador__item--no-claro {
  --hbi-status-color: #f08c00;
}

.hbi-buscador__chevron {
  width: .7rem;
  height: .7rem;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  transition: transform .18s ease;
  opacity: .75;
}

.hbi-buscador__toggle[aria-expanded="true"] .hbi-buscador__chevron {
  transform: rotate(-135deg);
}

.hbi-buscador__panel {
  padding: 0 1rem 1rem;
}

.hbi-buscador__panel-inner {
  border-top: 1px solid color-mix(in srgb, currentColor 10%, transparent);
  padding-top: .9rem;
  display: grid;
  gap: .8rem;
}

.hbi-buscador__detail-row {
  display: grid;
  gap: .25rem;
}

.hbi-buscador__detail-label {
  font-size: .86rem;
  font-weight: 700;
  opacity: .8;
}

.hbi-buscador__detail-value {
  line-height: 1.55;
}

.hbi-buscador__item-note,
.hbi-buscador__error {
  padding: .9rem 1rem;
}

.hbi-buscador__item-note {
  display: flex;
  align-items: center;
  gap: .5rem;
  flex-wrap: wrap;
  justify-content: space-between;
}

.hbi-buscador__report-link {
  appearance: none;
  border: 1px solid #0b57d0;
  border-radius: 999px;
  padding: .45rem .8rem;
  margin: 0;
  background: #0b57d0;
  color: #ffffff;
  font: inherit;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, opacity .16s ease;
}

.hbi-buscador__report-link:hover,
.hbi-buscador__report-link:focus {
  background: #0842a0;
  border-color: #0842a0;
  color: #ffffff;
}

.hbi-buscador__report-link.is-loading,
.hbi-buscador__report-link.is-sent,
.hbi-buscador__report-link[disabled] {
  opacity: .7;
}

.hbi-buscador__report-link.is-sent {
  background: #1f8f4a;
  border-color: #1f8f4a;
  color: #ffffff;
}

.hbi-buscador__report-link.is-sent,
.hbi-buscador__report-link[disabled] {
  cursor: default;
}

.hbi-buscador--compact .hbi-buscador__title {
  margin-bottom: .5rem;
  font-size: 1.05rem;
}

.hbi-buscador--compact .hbi-buscador__textarea {
  min-height: 8rem;
  padding: .8rem .9rem;
}

.hbi-buscador--compact .hbi-buscador__actions {
  gap: .65rem;
  margin-top: .75rem;
}

.hbi-buscador--compact .hbi-buscador__toggle {
  padding: .8rem .9rem;
}

.hbi-buscador--compact .hbi-buscador__panel {
  padding: 0 .9rem .9rem;
}

.hbi-buscador--faq .hbi-buscador__form,
.hbi-buscador--faq .hbi-buscador__summary {
  background: #fff;
  box-shadow: 0 12px 36px rgba(15, 23, 42, .06);
}

.hbi-buscador--faq .hbi-buscador__item {
  background: #fff;
  border-width: 1px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .05);
}

.hbi-buscador--faq .hbi-buscador__toggle {
  padding: 1rem 1.1rem;
}

.hbi-buscador--faq .hbi-buscador__panel {
  padding: 0 1.1rem 1.1rem;
}

.hbi-buscador--inline .hbi-buscador__form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem 1.1rem;
  align-items: start;
}

.hbi-buscador--inline .hbi-buscador__textarea {
  min-height: 8.5rem;
  grid-column: 1 / -1;
}

.hbi-buscador--inline .hbi-buscador__helper,
.hbi-buscador--inline .hbi-buscador__note {
  grid-column: 1 / -1;
}

.hbi-buscador--inline .hbi-buscador__actions {
  grid-column: 1 / -1;
  margin-top: 0;
  justify-content: flex-start;
}

.hbi-buscador--inline .hbi-buscador__results {
  margin-top: 1rem;
}

.hbi-buscador__error {
  margin-top: .4rem;
}

.hbi-buscador__toast {
  position: fixed;
  left: 50%;
  bottom: 1.5rem;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  pointer-events: none;
  z-index: 99999;
  padding: .8rem 1rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, currentColor 16%, transparent);
  background: #111;
  color: #fff;
  box-shadow: 0 10px 35px rgba(0,0,0,.16);
  transition: opacity .18s ease, transform .18s ease;
  max-width: calc(100vw - 2rem);
  text-align: center;
}

.hbi-buscador__toast.is-visible {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.hbi-buscador__skeleton {
  display: grid;
  gap: .75rem;
}

.hbi-buscador__skeleton-card {
  padding: 1rem;
}

.hbi-buscador__skeleton-line {
  width: 100%;
  height: .9rem;
  border-radius: 999px;
  background: linear-gradient(90deg,
    color-mix(in srgb, currentColor 8%, transparent) 25%,
    color-mix(in srgb, currentColor 15%, transparent) 37%,
    color-mix(in srgb, currentColor 8%, transparent) 63%);
  background-size: 400% 100%;
  animation: hbiShimmer 1.25s ease infinite;
}

.hbi-buscador__skeleton-line--lg {
  height: 1.15rem;
}

.hbi-buscador__skeleton-line--sm {
  width: 72%;
  margin-top: .6rem;
}

@keyframes hbiShimmer {
  0% { background-position: 100% 50%; }
  100% { background-position: 0 50%; }
}

@keyframes hbiSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@media (max-width: 640px) {
  .hbi-buscador__item-header {
    grid-template-columns: 1fr;
  }

  .hbi-buscador__share {
    width: auto;
    justify-content: flex-end;
    padding: 0 1rem .8rem;
  }
}

/* ═══════════════════════════════════════════════════════════
   INPUT WIDGET  (shortcode: hbi-buscador-input)
   ═══════════════════════════════════════════════════════════ */

.hbi-buscador--input-widget,
.hbi-buscador--input-widget .hbi-buscador__input-form {
  width: 100%;
  box-sizing: border-box;
}

.hbi-buscador--input-widget .hbi-buscador__input-form {
  border: none;
  background: none;
  border-radius: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

/* High-specificity rules beat WP theme textarea resets */
.hbi-buscador.hbi-buscador--input-widget textarea.hbi-buscador__search-input {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  border: none !important;
  border-bottom: 1.5px dashed color-mix(in srgb, currentColor 22%, transparent) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font: inherit !important;
  font-size: 1rem !important;
  padding: 0.75rem 0 !important;
  margin: 0 0 1rem 0 !important;
  outline: none !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  resize: none !important;
  overflow: hidden !important;
  min-height: 2.75rem !important;
  line-height: 1.5 !important;
}

.hbi-buscador.hbi-buscador--input-widget textarea.hbi-buscador__search-input:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
  border-bottom-color: color-mix(in srgb, currentColor 48%, transparent) !important;
}

.hbi-buscador.hbi-buscador--input-widget textarea.hbi-buscador__search-input::placeholder {
  opacity: 0.42;
}

.hbi-buscador__input-actions {
  display: flex;
  align-items: stretch;
  gap: 0.65rem;
  width: 100%;
}

.hbi-buscador__analyze-btn {
  flex: 1;
  min-width: 0;
  justify-content: center;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.hbi-buscador__btn-icon {
  flex-shrink: 0;
  display: block;
}

.hbi-buscador__photo-btn {
  appearance: none;
  -webkit-appearance: none;
  border: 1.5px solid color-mix(in srgb, currentColor 18%, transparent);
  background: transparent;
  color: inherit;
  padding: 0 0.75rem;
  height: 2.5rem;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: border-color .14s ease, background .14s ease;
}

.hbi-buscador__photo-btn:hover {
  border-color: color-mix(in srgb, currentColor 35%, transparent);
  background: color-mix(in srgb, currentColor 5%, transparent);
}

.hbi-buscador__input-meta {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.55rem;
  font-size: 0.8rem;
  opacity: 0.65;
  min-height: 1.2em;
}

/* ═══════════════════════════════════════════════════════════
   REPORT DESIGN  (shortcodes: hbi-buscador-input / -results)
   ═══════════════════════════════════════════════════════════ */

/* ── Portal & empty state ──────────────────────────────────── */
.hbi-buscador__portal {
  position: relative;
}

.hbi-buscador__empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 1.5rem;
  text-align: center;
  color: color-mix(in srgb, currentColor 55%, transparent);
}

.hbi-buscador__empty-state[hidden],
.hbi-buscador__empty-state--hidden {
  display: none !important;
}

.hbi-buscador__empty-icon {
  width: 3.5rem;
  height: 3.5rem;
  margin-bottom: 1rem;
  opacity: .55;
}

.hbi-buscador__empty-title {
  margin: 0 0 .5rem;
  font-size: 1.2rem;
  font-weight: 600;
}

.hbi-buscador__empty-body {
  margin: 0;
  font-size: .95rem;
  max-width: 40ch;
  line-height: 1.55;
}

/* ── Results header ──────────────────────────────────────────── */
.hbi-buscador__report-header {
  display: flex;
  align-items: baseline;
  gap: 1rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}

.hbi-buscador__report-title {
  margin: 0;
  font-size: 1.55rem;
  font-weight: 700;
}

.hbi-buscador__report-count {
  font-size: .9rem;
  opacity: .6;
}

/* ── Filter bar ─────────────────────────────────────────────── */
.hbi-buscador__filter-bar {
  display: flex;
  gap: .6rem;
  flex-wrap: wrap;
  margin-bottom: 1.25rem;
}

.hbi-buscador__filter-btn {
  appearance: none;
  display: inline-flex;
  align-items: center;
  padding: .42rem .85rem;
  border-radius: 999px;
  border: 1.5px solid color-mix(in srgb, currentColor 18%, transparent);
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: .875rem;
  font-weight: 500;
  cursor: pointer;
  transition: border-color .14s ease, background .14s ease, color .14s ease;
}

.hbi-buscador__filter-btn--apto     { --hbi-filter-color: var(--hbi-color-apto,     #367A5D); }
.hbi-buscador__filter-btn--depende  { --hbi-filter-color: var(--hbi-color-depende,  #C89B3C); }
.hbi-buscador__filter-btn--no-apto  { --hbi-filter-color: var(--hbi-color-no-apto,  #B24A3A); }
.hbi-buscador__filter-btn--no-claro { --hbi-filter-color: var(--hbi-color-no-claro, #CC6B00); }

.hbi-buscador__filter-btn:hover,
.hbi-buscador__filter-btn.is-active {
  border-color: var(--hbi-filter-color);
  background: color-mix(in srgb, var(--hbi-filter-color) 10%, transparent);
  color: var(--hbi-filter-color);
}

/* ── Alert banner ───────────────────────────────────────────── */
.hbi-buscador__alert-banner {
  display: flex;
  gap: .9rem;
  align-items: flex-start;
  padding: 1rem 1.1rem;
  border-radius: 12px;
  border: 1.5px solid transparent;
  margin-bottom: 1.5rem;
}

.hbi-buscador__alert-banner--apto     { --hbi-alert-color: var(--hbi-color-apto,     #367A5D); }
.hbi-buscador__alert-banner--depende  { --hbi-alert-color: var(--hbi-color-depende,  #C89B3C); }
.hbi-buscador__alert-banner--no-apto  { --hbi-alert-color: var(--hbi-color-no-apto,  #B24A3A); }
.hbi-buscador__alert-banner--no-claro { --hbi-alert-color: var(--hbi-color-no-claro, #CC6B00); }

.hbi-buscador__alert-banner {
  background: color-mix(in srgb, var(--hbi-alert-color, currentColor) 10%, transparent);
  border-color: color-mix(in srgb, var(--hbi-alert-color, currentColor) 30%, transparent);
  color: var(--hbi-alert-color, inherit);
}

.hbi-buscador__alert-title {
  font-weight: 600;
  margin-bottom: .2rem;
}

.hbi-buscador__alert-body {
  font-size: .9rem;
}

/* ── Card grid ──────────────────────────────────────────────── */
.hbi-buscador__card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: .85rem;
  margin-bottom: 2rem;
}

.hbi-buscador__card {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: 1rem;
  border-radius: 12px;
  border: 1px solid color-mix(in srgb, currentColor 12%, transparent);
  background: color-mix(in srgb, currentColor 2%, transparent);
  cursor: pointer;
  transition: background .14s ease, border-color .14s ease;
  overflow: hidden;
}

.hbi-buscador__card:hover {
  background: color-mix(in srgb, currentColor 5%, transparent);
  border-color: color-mix(in srgb, currentColor 22%, transparent);
}

.hbi-buscador__card-body {
  display: flex;
  flex-direction: column;
  gap: .4rem;
  min-width: 0;
  flex: 1;
}

.hbi-buscador__card-name {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
}

.hbi-buscador__card-chevron {
  width: .55rem;
  height: .55rem;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
  opacity: .45;
  flex-shrink: 0;
}

.hbi-buscador__share--legacy {
  display: none !important;
}

/* ── Bottom 4 cards ─────────────────────────────────────────── */
.hbi-buscador__bottom-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  margin-top: 2rem;
}

@media (max-width: 1024px) {
  .hbi-buscador__bottom-cards { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
  .hbi-buscador__bottom-cards { grid-template-columns: 1fr; }
}

.hbi-buscador__bottom-card {
  padding: 1.25rem;
  border-radius: 12px;
  border: 1px solid color-mix(in srgb, currentColor 12%, transparent);
  display: flex;
  flex-direction: column;
  gap: .65rem;
  /* background/color come from inline style set by PHP settings */
}

.hbi-buscador__bottom-card-title {
  margin: 0 0 0.6rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  color: inherit;
}

.hbi-buscador__bottom-card-body {
  margin: 0;
  font-size: .875rem;
  line-height: 1.55;
  flex: 1;
  color: inherit;
  opacity: .85;
}

.hbi-buscador__interpret-list {
  display: flex;
  flex-direction: column;
  gap: .6rem;
}

.hbi-buscador__interpret-row {
  display: flex;
  align-items: flex-start;
  gap: .6rem;
}

.hbi-buscador__interpret-dot {
  width: .5rem;
  height: .5rem;
  border-radius: 999px;
  flex-shrink: 0;
  margin-top: .3rem;
}

.hbi-buscador__interpret-dot--apto     { background: var(--hbi-color-apto,     #367A5D); }
.hbi-buscador__interpret-dot--no-apto  { background: var(--hbi-color-no-apto,  #B24A3A); }
.hbi-buscador__interpret-dot--depende  { background: var(--hbi-color-depende,  #C89B3C); }
.hbi-buscador__interpret-dot--no-claro { background: var(--hbi-color-no-claro, #CC6B00); }

.hbi-buscador__interpret-label {
  font-size: .82rem;
  font-weight: 600;
}

.hbi-buscador__interpret-desc {
  font-size: .78rem;
  opacity: .65;
}

.hbi-buscador__report-share-btn,
.hbi-buscador__not-found-btn {
  appearance: none;
  border: none;
  padding: .6rem 1rem;
  border-radius: 8px;
  font: inherit;
  font-size: .875rem;
  font-weight: 600;
  cursor: pointer;
  margin-top: auto;
  transition: opacity .14s ease;
  background: color-mix(in srgb, currentColor 14%, transparent);
  color: inherit;
}

.hbi-buscador__report-share-btn:hover,
.hbi-buscador__not-found-btn:hover {
  opacity: .75;
}

.hbi-buscador__not-found-btn[disabled] {
  cursor: default;
  opacity: .55;
}

/* ── Modal ─────────────────────────────────────────────────── */
@keyframes hbiSlideUp {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}

.hbi-buscador__modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 100000;
  background: rgba(0, 0, 0, .42);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.25rem;
}

.hbi-buscador__modal {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .2);
  width: 100%;
  max-width: 560px;
  max-height: 85vh;
  overflow-y: auto;
  padding: 1.75rem 1.5rem 1.5rem;
  animation: hbiSlideUp .22s ease;
  outline: none;
  color: #111;
}

.hbi-buscador__modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.25rem;
}

.hbi-buscador__modal-title {
  margin: 0 0 .45rem;
  font-size: 1.15rem;
  font-weight: 700;
  color: #111;
}

.hbi-buscador__modal-close {
  appearance: none;
  border: none;
  background: transparent;
  cursor: pointer;
  padding: .2rem;
  color: #555;
  flex-shrink: 0;
  line-height: 0;
  border-radius: 4px;
}

.hbi-buscador__modal-close:hover { color: #111; }

.hbi-buscador__modal-field {
  margin-bottom: .9rem;
}

.hbi-buscador__modal-field-label {
  font-size: .74rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: #777;
  margin-bottom: .3rem;
}

.hbi-buscador__modal-field-value {
  font-size: .95rem;
  line-height: 1.55;
  margin: 0;
  color: #111;
}

.hbi-buscador__modal-desc {
  padding: .9rem 1rem;
  border-radius: 8px;
  background: #f6f6f4;
  border-left: 4px solid #ccc;
  margin-top: .25rem;
}

@media (max-width: 600px) {
  .hbi-buscador__modal { padding: 1.25rem 1rem 1rem; }
}