/* ═══════════════════════════════════════════════════════════════════════════
   Buscar · en el lenguaje de la portada v4 («Noche plata»).
   Cabecera con la esfera mini (js/cielo-mini.js), buscador de línea,
   filtros en mono, «Lo que sientes» como índice editorial (n.º + serif),
   temas y diccionario como índice de palabras, resultados como lectura.
   Todo con prefijo .sb-section. Solo aspecto: ids y onclick no cambian.
   ═══════════════════════════════════════════════════════════════════════════ */

body[data-tab-active="buscar"]{ background:var(--v4-bg) !important; }
body .sb-section{
  background:var(--v4-bg) !important; color:var(--v4-ink); font-family:var(--v4-ui);
  padding:calc(var(--mv-nav-h, 68px) + 40px) clamp(20px,5vw,72px) 120px !important; position:relative; overflow-x:clip;
}
body .sb-section::before, body .sb-section::after{ display:none !important; }
body .sb-section .sb-wrap{ max-width:1100px; margin:0 auto; }

/* ── Cabecera + esfera ── */
.sb-section .sb-head{
  display:grid; grid-template-columns:minmax(0,1fr); gap:40px; align-items:center;
  text-align:left !important; margin:0 0 44px !important; padding:0 !important;
}
.sb-section .sb-eyebrow{
  display:flex !important; align-items:center; gap:12px; margin:0 0 26px; padding:0 !important; background:none !important; border:0 !important;
  font:500 10.5px/1.4 var(--v4-mono) !important; letter-spacing:.16em !important; text-transform:uppercase; color:var(--v4-muted) !important;
}
.sb-section .sb-eyebrow::before{ content:''; width:28px; height:1px; background:var(--v4-gold); }
.sb-section .sb-title{
  font:400 clamp(46px,7vw,92px)/.95 var(--v4-serif) !important; letter-spacing:-.02em !important; margin:0 0 22px !important;
  color:var(--v4-ink) !important; text-align:left !important; background:none !important; -webkit-text-fill-color:currentColor !important;
}
.sb-section .sb-title em{ font-style:italic; color:var(--v4-gold); }
.sb-section .sb-sub{ max-width:520px; margin:0 !important; font:400 16px/1.6 var(--v4-ui) !important; color:var(--v4-muted) !important; text-align:left !important; }
.sb-section .cielo-mini{ width:300px; height:300px; display:block; justify-self:end; }

/* ── Buscador: una línea, como escribir en una página ── */
.sb-section .sb-searchwrap{ margin:0 0 22px !important; position:relative; }
.sb-section .sb-searchbar{
  background:none !important; border:0 !important; border-bottom:1px solid var(--v4-line-2) !important; border-radius:0 !important;
  box-shadow:none !important; padding:0 0 14px !important; gap:14px !important; transition:border-color .2s;
}
.sb-section .sb-searchbar:focus-within{ border-bottom-color:var(--v4-gold) !important; box-shadow:none !important; }
.sb-section .sb-mag{ width:22px !important; height:22px !important; color:var(--v4-muted) !important; flex:none; }
.sb-section .sb-input{
  background:none !important; border:0 !important; color:var(--v4-ink) !important; padding:6px 0 !important;
  font:400 clamp(24px,3.4vw,34px)/1.2 var(--v4-serif) !important; letter-spacing:-.01em;
}
.sb-section .sb-input::placeholder{ color:color-mix(in srgb, var(--v4-muted) 70%, transparent); font-style:italic; }
.sb-section .sb-mic{
  width:42px !important; height:42px !important; border-radius:50% !important; border:1px solid var(--v4-line-2) !important;
  background:none !important; color:var(--v4-ink) !important; display:grid !important; place-items:center; flex:none; box-shadow:none !important;
}
.sb-section .sb-mic:hover{ border-color:var(--v4-gold) !important; color:var(--v4-gold) !important; }
.sb-section .sb-go{
  height:42px; padding:0 22px !important; border-radius:40px !important; border:0 !important; flex:none;
  background:var(--v4-ink) !important; color:var(--v4-bg) !important; box-shadow:none !important;
  font:500 13.5px/1 var(--v4-ui) !important; letter-spacing:0 !important; text-transform:none !important; transition:background .18s;
}
.sb-section .sb-go:hover{ background:var(--v4-gold) !important; }

/* Sugerencias */
.sb-section .sb-suggest{ background:var(--v4-bg-2) !important; border:1px solid var(--v4-line) !important; border-radius:4px !important; box-shadow:0 30px 60px -20px rgba(0,0,0,.8) !important; }
.sb-section .sb-sug{ color:var(--v4-ink) !important; font-family:var(--v4-ui); border-bottom:1px solid var(--v4-line); }
.sb-section .sb-sug:hover, .sb-section .sb-sug.active{ background:rgba(236,238,243,.04) !important; color:var(--v4-gold) !important; }

/* ── Filtros: palabras en mono, la elegida con línea de oro ── */
.sb-section .sb-filters{ display:flex; align-items:center; gap:16px; margin:0 0 64px !important; border:0 !important; padding:0 !important; }
.sb-section .sb-tabs{ flex:1 1 auto; min-width:0; max-width:none !important; width:auto !important; gap:22px !important; overflow-x:auto; scrollbar-width:none; padding:4px 0 !important; background:none !important; border:0 !important; }
.sb-section .sb-tabs::-webkit-scrollbar{ display:none; }
.sb-section .sb-tab{
  background:none !important; border:0 !important; border-radius:0 !important; padding:6px 0 !important; box-shadow:none !important; white-space:nowrap;
  font:500 10.5px/1 var(--v4-mono) !important; letter-spacing:.16em !important; text-transform:uppercase; color:var(--v4-muted) !important; position:relative;
}
.sb-section .sb-tab:hover{ color:var(--v4-ink) !important; }
.sb-section .sb-tab.active{ color:var(--v4-ink) !important; }
.sb-section .sb-tab.active::after{ content:''; position:absolute; left:0; right:0; bottom:-2px; height:1px; background:var(--v4-gold); }
.sb-section .sb-tab-sep{ width:1px !important; height:14px !important; background:var(--v4-line-2) !important; flex:none; }
.sb-section .sb-version{
  margin-left:auto; flex:none; background:none !important; border:1px solid color-mix(in srgb, var(--v4-gold) 45%, transparent) !important;
  border-radius:40px !important; padding:6px 11px !important; color:var(--v4-gold) !important;
  font:500 10px/1 var(--v4-mono) !important; letter-spacing:.14em !important;
}

/* ── Bloques ── */
.sb-section .sb-block{ margin:0 0 72px !important; padding:0 !important; background:none !important; border:0 !important; }
.sb-section .sb-block-head{ display:flex !important; align-items:baseline; gap:16px; margin:0 0 26px !important; padding:0 0 14px !important; border-bottom:1px solid var(--v4-line) !important; }
.sb-section .sb-block-ic{ display:none !important; }
.sb-section .sb-block-t{ display:block; font:400 34px/1 var(--v4-serif) !important; color:var(--v4-ink) !important; letter-spacing:-.01em !important; text-transform:none !important; }
.sb-section .sb-block-t small{ font:500 10.5px/1 var(--v4-mono); letter-spacing:.14em; color:var(--v4-gold); margin-left:10px; vertical-align:6px; }
.sb-section .sb-block-s{ display:block; margin-top:8px; font:400 14px/1.4 var(--v4-ui) !important; color:var(--v4-muted) !important; }
.sb-section .sb-block-label{
  display:block; margin:0 0 22px !important; padding:0 0 14px; border-bottom:1px solid var(--v4-line);
  font:400 34px/1 var(--v4-serif) !important; letter-spacing:-.01em !important; text-transform:none !important; color:var(--v4-ink) !important;
}

/* «Lo que sientes»: índice editorial numerado, como «Palabras» en la portada */
.sb-section .sb-intent-grid{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:0 48px !important; counter-reset:int; }
.sb-section .sb-intent{
  counter-increment:int; display:grid !important; grid-template-columns:34px 1fr; grid-template-rows:auto auto; column-gap:10px; align-items:baseline;
  background:none !important; border:0 !important; border-bottom:1px solid var(--v4-line) !important; border-radius:0 !important;
  padding:18px 0 !important; text-align:left; box-shadow:none !important; transform:none !important; transition:none;
}
.sb-section .sb-intent::before{ content:counter(int, decimal-leading-zero); grid-row:1 / 3; font:500 11px/1 var(--v4-mono); letter-spacing:.1em; color:var(--v4-muted); padding-top:6px; }
.sb-section .sb-intent-ic{ display:none !important; }
.sb-section .sb-intent-t{ font:400 25px/1.1 var(--v4-serif) !important; color:var(--v4-ink) !important; transition:color .18s; }
.sb-section .sb-intent-s{ font:400 13px/1.4 var(--v4-ui) !important; color:var(--v4-muted) !important; margin-top:4px; }
.sb-section .sb-intent:hover .sb-intent-t{ color:var(--v4-gold) !important; font-style:italic; }
.sb-section .sb-intent:hover::before{ color:var(--v4-gold); }

/* Temas y diccionario: palabras sueltas en serif, separadas por puntos */
.sb-section .sb-topics{ display:flex !important; flex-wrap:wrap; gap:6px 0 !important; }
.sb-section .sb-topic, .sb-section .sb-dict-chip{
  background:none !important; border:0 !important; border-radius:0 !important; padding:2px 0 !important; box-shadow:none !important;
  font:400 21px/1.4 var(--v4-serif) !important; color:color-mix(in srgb, var(--v4-ink) 78%, transparent) !important; letter-spacing:0 !important;
  text-transform:none !important; transition:color .18s;
}
.sb-section .sb-topic:not(:last-child)::after, .sb-section .sb-dict-chip:not(:last-child)::after{
  content:'·'; margin:0 12px; color:var(--v4-muted); font-style:normal;
}
.sb-section .sb-topic:hover, .sb-section .sb-dict-chip:hover{ color:var(--v4-gold) !important; font-style:italic; }

/* ── Resultados: lectura ── */
.sb-section .sb-results-area{ margin-top:8px; }
.sb-section .sb-results-head{
  display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; padding:0 0 14px !important; margin:0 0 6px !important;
  border-bottom:1px solid var(--v4-line) !important; font:500 10.5px/1.4 var(--v4-mono) !important; letter-spacing:.14em; text-transform:uppercase; color:var(--v4-muted) !important;
}
.sb-section #searchCount{ color:var(--v4-ink) !important; }
.sb-section .sb-results-hint{ color:var(--v4-muted) !important; display:flex; align-items:center; gap:8px; }
.sb-section .sb-results-hint .ic{ width:12px; height:12px; color:var(--v4-gold); }
.sb-section .search-result{
  display:block; width:100%; text-align:left; background:none !important; border:0 !important; border-bottom:1px solid var(--v4-line) !important;
  border-radius:0 !important; padding:24px 0 !important; margin:0 !important; box-shadow:none !important; transform:none !important; cursor:pointer;
}
.sb-section .search-result:hover{ background:none !important; }
.sb-section .sr-meta{ display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:0 0 10px !important; }
.sb-section .search-result-ref{ font:500 11px/1 var(--v4-mono) !important; letter-spacing:.14em !important; text-transform:uppercase; color:var(--v4-gold) !important; }
.sb-section .sr-badge{ background:none !important; border:1px solid var(--v4-line-2) !important; border-radius:20px !important; color:var(--v4-muted) !important; font:500 9px/1 var(--v4-mono) !important; letter-spacing:.12em; padding:4px 7px !important; }
.sb-section .sr-tag{ background:none !important; border:0 !important; padding:0 !important; color:var(--v4-muted) !important; font:500 9.5px/1 var(--v4-mono) !important; letter-spacing:.12em; text-transform:uppercase; }
.sb-section .sr-tag::before{ content:'· '; }
.sb-section .search-result-text{ font:400 clamp(20px,2.2vw,24px)/1.45 var(--v4-serif) !important; color:var(--v4-ink) !important; max-width:860px; }
.sb-section .search-result-text mark, .sb-section .search-result-text .hl{ background:none !important; color:var(--v4-gold) !important; font-style:italic; }
.sb-section .sr-study{
  margin-top:12px !important; display:inline-flex; align-items:center; gap:8px; background:none !important; border:0 !important; padding:0 !important;
  font:500 10px/1 var(--v4-mono) !important; letter-spacing:.14em; text-transform:uppercase; color:var(--v4-muted) !important; transition:color .18s;
}
.sb-section .search-result:hover .sr-study{ color:var(--v4-gold) !important; }
.sb-section .search-result:hover .search-result-text{ color:#fff !important; }
.sb-section .sb-dict-sec, .sb-section .sb-dict-top{ background:none !important; border-color:var(--v4-line) !important; }

/* ── Móvil ── */
@media (max-width:820px){
  body .sb-section{ padding-top:calc(var(--mv-nav-h, 58px) + 18px) !important; padding-bottom:140px !important; }
  .sb-section .sb-head{ grid-template-columns:1fr; gap:0; position:relative; margin-bottom:30px !important; }
  .sb-section .cielo-mini{ position:absolute; top:-30px; right:-50px; width:210px; height:210px; opacity:.75; pointer-events:none; z-index:0; }
  .sb-section .sb-head-txt{ position:relative; z-index:1; }
  .sb-section .sb-eyebrow{ margin-bottom:18px; }
  .sb-section .sb-title{ font-size:clamp(44px,13vw,60px) !important; padding-right:20px; }
  .sb-section .sb-sub{ font-size:15px !important; }
  .sb-section .sb-searchbar{ flex-wrap:nowrap; }
  .sb-section .sb-input{ font-size:24px !important; min-width:0; }
  .sb-section .sb-go{ padding:0 16px !important; }
  .sb-section .sb-filters{ margin-bottom:44px !important; flex-wrap:wrap; gap:12px; }
  .sb-section .sb-tabs{ width:100%; gap:18px !important; }
  .sb-section .sb-version{ margin-left:0; }
  .sb-section .sb-block{ margin-bottom:54px !important; }
  .sb-section .sb-block-t, .sb-section .sb-block-label{ font-size:28px !important; }
  .sb-section .sb-intent-grid{ grid-template-columns:1fr !important; }
  .sb-section .sb-intent{ padding:15px 0 !important; }
  .sb-section .sb-intent-t{ font-size:22px !important; }
  .sb-section .sb-topic, .sb-section .sb-dict-chip{ font-size:19px !important; }
  .sb-section .sb-topic:not(:last-child)::after, .sb-section .sb-dict-chip:not(:last-child)::after{ margin:0 9px; }
}
@media (max-width:420px){
  .sb-section .sb-mic{ display:none !important; }
}

/* Los resultados salen justo bajo el buscador (antes quedaban al final, tras
   temas y diccionario, y en el móvil no se veían al pulsar Intro). */
body .sb-section .sb-wrap{ display:flex; flex-direction:column; }
.sb-section .sb-head{ order:1; } .sb-section .sb-searchwrap{ order:2; } .sb-section .sb-filters{ order:3; }
.sb-section .sb-results-area{ order:4; margin-bottom:72px; } .sb-section .sb-block{ order:5; }

/* ── Ficha del diccionario (sale primero cuando la búsqueda es un tema) ── */
.sb-section .sb-dict{
  background:none !important; border:0 !important; border-top:1px solid var(--v4-gold) !important; border-radius:0 !important;
  box-shadow:none !important; padding:26px 0 8px !important; margin:0 0 30px !important;
}
.sb-section .sb-dict::before{ display:none !important; }
.sb-section .sb-dict-eyebrow, .sb-section .sb-dict-kind, .sb-section .sb-dict-label, .sb-section .sb-dict-sec h4, .sb-section .sb-dict-rel > span{
  font:500 10.5px/1.4 var(--v4-mono) !important; letter-spacing:.16em !important; text-transform:uppercase; color:var(--v4-muted) !important;
  background:none !important; border:0 !important; padding:0 !important;
}
.sb-section .sb-dict-eyebrow{ color:var(--v4-gold) !important; }
.sb-section .sb-dict-eyebrow .ic{ display:none; }
.sb-section .sb-dict-term{ font:400 clamp(44px,6vw,64px)/1 var(--v4-serif) !important; letter-spacing:-.02em; color:var(--v4-ink) !important; margin:14px 0 14px !important; }
.sb-section .sb-dict-def{ font:400 19px/1.6 var(--v4-serif) !important; color:color-mix(in srgb, var(--v4-ink) 86%, transparent) !important; max-width:760px; }
.sb-section .sb-dict-words{ gap:0 32px !important; margin:22px 0 !important; }
.sb-section .sb-dict-word{ background:none !important; border:0 !important; border-top:1px solid var(--v4-line) !important; border-radius:0 !important; padding:16px 0 !important; }
.sb-section .sb-dict-lang{ background:none !important; padding:0 !important; font:500 10px/1 var(--v4-mono) !important; letter-spacing:.16em; color:var(--v4-gold) !important; }
.sb-section .sb-dict-lang.lang-griego{ color:var(--v4-ink) !important; }
.sb-section .sb-dict-or{ color:var(--v4-ink) !important; font-size:30px !important; }
.sb-section .sb-dict-tr{ font:italic 400 17px/1.3 var(--v4-serif) !important; color:var(--v4-gold-soft) !important; }
.sb-section .sb-dict-tr abbr{ font:500 10px/1 var(--v4-mono) !important; color:var(--v4-muted) !important; }
.sb-section .sb-dict-word p{ color:var(--v4-muted) !important; font:400 14px/1.5 var(--v4-ui) !important; }
.sb-section .sb-dict-more{ background:none !important; border:0 !important; border-top:1px solid var(--v4-line) !important; border-bottom:1px solid var(--v4-line) !important; border-radius:0 !important; }
.sb-section .sb-dict-more summary{ padding:18px 0 !important; color:var(--v4-ink) !important; font:400 22px/1.1 var(--v4-serif) !important; }
.sb-section .sb-dict-more summary .ic{ display:none; }
.sb-section .sb-dict-more summary small{ font:500 10px/1.4 var(--v4-mono) !important; letter-spacing:.14em; text-transform:uppercase; color:var(--v4-muted) !important; margin-top:6px; }
.sb-section .sb-dict-sec{ padding:0 0 18px !important; }
.sb-section .sb-dict-sec p{ font:400 17px/1.65 var(--v4-serif) !important; color:color-mix(in srgb, var(--v4-ink) 84%, transparent) !important; }
.sb-section .sb-dict-sec.cristo{ margin:0 0 18px !important; padding:4px 0 4px 18px !important; border:0 !important; border-left:1px solid var(--v4-gold) !important; border-radius:0 !important; background:none !important; }
.sb-section .sb-dict-sec.cristo h4{ color:var(--v4-gold) !important; }
.sb-section .sb-dict-refs{ gap:0 !important; }
.sb-section .sb-dict-ref{
  background:none !important; border:0 !important; border-bottom:1px solid var(--v4-line) !important; border-radius:0 !important;
  padding:16px 0 !important; text-align:left; box-shadow:none !important;
}
.sb-section .sb-dict-ref b{ display:block; font:500 11px/1 var(--v4-mono) !important; letter-spacing:.14em; text-transform:uppercase; color:var(--v4-gold) !important; margin-bottom:8px; }
.sb-section .sb-dict-ref span{ font:400 19px/1.5 var(--v4-serif) !important; color:var(--v4-ink) !important; }
.sb-section .sb-dict-rel{ display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 0; margin-top:22px; }
.sb-section .sb-dict-rel > span{ margin-right:16px !important; }
.sb-section .search-empty{ font:italic 400 20px/1.4 var(--v4-serif) !important; color:var(--v4-muted) !important; background:none !important; border:0 !important; padding:24px 0 !important; text-align:left !important; }

/* ── Páginas de resultados (10 por página) ── */
.sb-pager{ display:flex; justify-content:center; flex-wrap:wrap; gap:8px; margin:28px 0 8px; }
.sb-pager:empty{ display:none; }
.sb-pager button{
  min-width:42px; height:42px; padding:0 12px; border-radius:40px; border:1px solid var(--v4-line-2, rgba(236,238,243,.18)); background:none; cursor:pointer;
  font:500 13px/1 var(--v4-mono, ui-monospace, monospace); color:var(--v4-muted, #868B99); transition:border-color .18s, color .18s, background .18s;
}
.sb-pager button:hover:not(:disabled){ border-color:var(--v4-gold, #C9A84C); color:var(--v4-ink, #ECEEF3); }
.sb-pager button.is-on{ background:var(--v4-gold, #C9A84C); border-color:var(--v4-gold, #C9A84C); color:var(--v4-bg, #06080F); }
.sb-pager button:disabled{ opacity:.3; cursor:default; }