/* Herramientas de las páginas nuevas (8-oct-2026): el buscador de frases (pesame.js), la carta (carta.js), el recuadro de ayuda
   y las fuentes. Mismos colores que legal.css (sus variables); nada en línea, por la CSP. */
.buscador [hidden], .carta [hidden] { display: none !important; }
.sans, .buscador-controles, .buscador-cuenta, .copiar, .carta-botones, .carta-estado, .carta-etiqueta, .carta-privado { font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }

/* Buscador de frases */
.buscador { margin: 10px 0 0; }
.buscador-controles { display: flex; flex-direction: column; gap: 14px; margin: 0 0 14px; padding: 16px; border: 1px solid var(--linea); border-radius: 14px; background: var(--lino-2); }
.buscador-texto { display: flex; flex-direction: column; gap: 6px; font-size: .92rem; font-weight: 600; }
.buscador-texto input { width: 100%; min-height: 44px; padding: 8px 14px; border: 1px solid var(--linea); border-radius: 999px; background: var(--lino); color: var(--tinta); font: inherit; font-weight: 400; font-size: 1rem; }
.buscador-texto input:focus-visible { outline: 2px solid var(--ocre); outline-offset: 1px; }
.buscador-grupo { margin: 0; padding: 0; border: 0; min-width: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.buscador-grupo legend { width: 100%; padding: 0; margin: 0 0 6px; font-size: .92rem; font-weight: 600; }
.buscador-grupo button { min-height: 40px; padding: 6px 14px; border-radius: 999px; border: 1px solid var(--linea); background: var(--lino); color: var(--tinta); font: inherit; font-size: .88rem; cursor: pointer; }
.buscador-grupo button:hover, .buscador-grupo button:focus-visible { border-color: var(--ocre); }
.buscador-grupo button[aria-pressed="true"] { background: linear-gradient(180deg, #ffd98a, #f3b85a); border-color: #e0a64a; color: #1a1406; font-weight: 700; }
.buscador-cuenta { margin: 0 0 10px; font-size: .88rem; color: var(--tinta-suave); text-align: center; }
.buscador-lista { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr; gap: 8px; }
.buscador-lista li { margin: 0; display: flex; align-items: center; gap: 10px; padding: 10px 10px 10px 16px; border: 1px solid var(--linea); border-radius: 12px; background: var(--lino-2); }
.buscador-lista .frase { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
.copiar { flex: 0 0 auto; min-height: 40px; min-width: 76px; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--linea); background: var(--lino); color: var(--ocre-osc); font-size: .82rem; font-weight: 700; cursor: pointer; }
.copiar:hover, .copiar:focus-visible { border-color: var(--ocre); }
.copiar.copiada { background: var(--ocre); color: var(--lino); border-color: var(--ocre); }
.fuera-de-vista { position: fixed; left: -9999px; top: 0; width: 1px; height: 1px; opacity: 0; }

/* La carta */
.carta { margin: 10px 0 0; }
.carta-privado { padding: 12px 16px; border: 1px solid var(--linea); border-left: 4px solid var(--ocre); border-radius: 12px; background: var(--lino-2); font-size: .95rem; }
.carta-preguntas { margin: 0 0 1.2em; }
.carta-preguntas li { margin: 0 0 .5em; }
.carta-etiqueta { display: block; margin: 0 0 6px; font-weight: 600; }
.carta-texto { display: block; width: 100%; min-height: 320px; resize: vertical; padding: 14px 16px; border: 1px solid var(--linea); border-radius: 12px; background: var(--lino-2); color: var(--tinta); font: inherit; font-size: 1.05rem; line-height: 1.6; }
.carta-texto:focus-visible { outline: 2px solid var(--ocre); outline-offset: 1px; }
.carta-estado { min-height: 1.4em; margin: 6px 0; font-size: .88rem; color: var(--ocre-osc); font-weight: 600; }
.carta-botones { display: flex; flex-wrap: wrap; gap: 8px; }
.carta-boton { min-height: 44px; padding: 8px 18px; border-radius: 999px; border: 1px solid var(--linea); background: var(--lino-2); color: var(--tinta); font: inherit; font-size: .92rem; font-weight: 600; cursor: pointer; }
.carta-boton:hover, .carta-boton:focus-visible { border-color: var(--ocre); color: var(--ocre-osc); }
.carta-borrar { margin-left: auto; color: var(--tinta-suave); }
.carta-impresa { display: none; }

/* Recuadro de ayuda, fuentes y más páginas */
.ayuda-recuadro { margin: 26px 0 0; padding: 18px 20px; border: 1px solid var(--linea); border-left: 4px solid var(--ocre); border-radius: 14px; background: var(--lino-2); }
.ayuda-recuadro h2 { font-size: 1.2rem; margin: 0 0 .5em; }
.ayuda-recuadro p { margin: 0; }
.fuentes { font-size: .9rem; color: var(--tinta-suave); }
.fuentes h2 { font-size: 1.1rem; }
.fuentes li { margin: 0 0 .4em; overflow-wrap: anywhere; }
.mas-recordar { border-top: 1px solid var(--linea); padding: 26px 0 10px; text-align: center; }
.mas-recordar h2 { font-size: 1.2rem; }

/* Imprimir la carta: solo el texto de la carta, sin nada más de la página. */
@media print {
  :root.imprimiendo-carta body::before { display: none; }
  :root.imprimiendo-carta body { background: #fff; color: #000; }
  :root.imprimiendo-carta body > *:not(.carta-impresa) { display: none !important; }
  :root.imprimiendo-carta .carta-impresa { display: block; white-space: pre-wrap; overflow-wrap: anywhere; font-family: var(--serif); font-size: 13pt; line-height: 1.6; color: #000; }
  .cerrar-pagina, .tema-pagina, .volver-pagina, .buscador-controles, .copiar { display: none !important; }
}