/* «Busca con IA» en la portada de BuscadorTributario (maqueta 3-oct-2026). Mismo bloque que el de BuscadorLaboral
   (5-design/chat-bl-2026-10/docroot/css/chat-bl-home.css), en navy y con las sombras tintadas al navy, nunca al negro.
   Vive sobre la banda de marca del hero (.bt-home-world): caja blanca con el botón navy adentro, ejemplos como enlaces
   de texto y la salida al buscador por texto. Medidas en px: responsive-tune.css cambia html{font-size}. */
.btia-hero { max-width: 600px; margin: 18px 0 0; }
.btia-hero-pregunta {
  display: block; margin: 0 0 10px; color: var(--oc-on-navy);
  font: 700 20px/1.25 var(--oc-font-serif); letter-spacing: -0.01em;
}
.btia-hero-caja {
  display: flex; align-items: stretch; gap: 6px; padding: 6px;
  background: var(--oc-surface); border-radius: var(--oc-r);
  box-shadow: 0 14px 34px -14px rgba(11, 30, 63, .6), 0 2px 6px rgba(11, 30, 63, .2);
}
.btia-hero-caja:focus-within { box-shadow: 0 0 0 3px var(--oc-focus-on-dark), 0 14px 34px -14px rgba(11, 30, 63, .6); }
.btia-hero-caja input {
  flex: 1; min-width: 0; padding: 12px; margin: 0; border: 0; background: transparent; outline: none; box-shadow: none;
  font: 500 16px/1.4 var(--oc-font-sans); color: var(--oc-text);
}
.btia-hero-caja input::placeholder { color: var(--oc-mute); }
.btia-hero-caja button {
  flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; padding: 0 18px; margin: 0; cursor: pointer;
  font: 700 15px/1 var(--oc-font-sans); color: var(--oc-on-navy); background: var(--oc-navy);
  border: 0; border-radius: var(--oc-r-sm); transition: background var(--oc-dur) var(--oc-ease);
}
.btia-hero-caja button:hover { background: var(--oc-navy-500); }
.btia-hero-caja button:focus-visible { outline: 3px solid var(--oc-focus-on-dark); outline-offset: 2px; }
.btia-hero-ejemplos { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 0; padding: 0; }
.btia-hero-ejemplos a {
  display: inline-block; padding: 6px 12px; border-radius: var(--oc-r-pill);
  border: 1px solid rgba(255, 255, 255, .32); color: var(--oc-on-navy); text-decoration: none;
  font: 600 13.5px/1.3 var(--oc-font-sans); transition: background var(--oc-dur) var(--oc-ease), border-color var(--oc-dur) var(--oc-ease);
}
.btia-hero-ejemplos a:hover { background: rgba(255, 255, 255, .12); border-color: rgba(255, 255, 255, .6); }
.btia-hero-ejemplos a:focus-visible { outline: 3px solid var(--oc-focus-on-dark); outline-offset: 3px; }
@media (max-width: 560px) {
  .btia-hero-caja { flex-direction: column; }
  .btia-hero-caja button { justify-content: center; padding: 13px 18px; }
}

/* Cuentas gratis con sesión (founder 4-oct: «muéstralo también a cuentas gratis con sesión»). La portada editorial le
   oculta el hero a toda sesión (html.nv-home-auth, bt-home-editorial.css) y al que paga (html.nv-paga, oc-hero-styles).
   A la sesión GRATIS se le devuelve el hero compacto, solo con «Busca con IA»: sin titular, párrafo ni fuentes. Quien paga
   sigue sin hero. Solo si el bloque está encendido (data/.chat_ui_v2); sin :has(), queda oculto como antes. */
html.nv-home-auth:not(.nv-paga) .bt-home-world .oc-hero:has(.btia-hero:not([hidden])) { display: block; }
html.nv-home-auth:not(.nv-paga) .bt-home-world .oc-hero:has(.btia-hero:not([hidden])) :is(.bt-hero-copy > h1, .bt-hero-copy > p, .bt-hero-sources) { display: none; }
html.nv-home-auth:not(.nv-paga) .bt-home-world .oc-hero:has(.btia-hero:not([hidden])) .oc-hero-inner { grid-template-columns: minmax(0, 1fr); padding: 26px 0 30px; }
html.nv-home-auth:not(.nv-paga) .bt-home-world .oc-hero:has(.btia-hero:not([hidden])) .btia-hero { margin-top: 0; }

/* En la página del chat (/chat, o al llegar con una pregunta desde la home) el hero no se muestra: el chat queda arriba y
   se ve buscar desde el primer segundo (founder 4-oct, «en los dos casos»). La clase la ponen el script temprano del
   <head> y nv-chat-ia-v2.js al cambiar de pestaña. Gana sobre la regla de cuentas gratis de más arriba. */
html.nv-chat-abierto .bt-home-world .oc-hero,
html.nv-chat-abierto.nv-home-auth:not(.nv-paga) .bt-home-world .oc-hero:has(.btia-hero:not([hidden])) { display: none; }