/* TendenciasFX · Acciones caras o baratas · estilos de la herramienta v1.0 (16-10-2026)
   Va después de _comun/herramientas.css (usa sus variables y sus clases tfx-herr-*) y solo trae lo propio de esta
   herramienta (tfx-ac-*), para no tocar la hoja común. Dorado = cuánto más cara que su valor. */

.tfx-ac { --ac-oro: #f1cf6a; --ac-oro-fondo: #fdf6dc; }
.tfx-ac-frase { margin: 0 0 10px; font-size: 18px; line-height: 1.55; color: var(--tinta); }
.tfx-ac-sello { margin: 0 0 16px; font: 500 14px/1.45 var(--quick); color: var(--tinta2); }
.tfx-ac-controles { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px 24px; margin: 0 0 14px; padding: 14px 16px; background: var(--t-alterna); border: 1px solid var(--t-borde); }
.tfx-ac-controles[hidden], .tfx-ac-estado[hidden], .tfx-ac-nada[hidden], .tfx-ac-marco[hidden] { display: none; }
.tfx-ac-buscar { flex: 1 1 280px; max-width: 420px; }
.tfx-ac-sector { flex: 0 1 240px; }
.tfx-ac-controles .tfx-herr-etiqueta { margin: 0 0 6px; }
.tfx-ac-select select { flex: 1 1 auto; min-width: 0; width: 100%; height: 100%; margin: 0; padding: 0 10px; border: 0; border-radius: 0; background: transparent; outline: none; font: 16px/1.2 var(--texto); color: var(--tinta); cursor: pointer; }
.tfx-ac-estado { margin: 0 0 12px; font: 500 14px/1.45 var(--quick); color: var(--tinta2); }

/* lo que sale si lo que se busca no está entre las caras: dice eso y nada más */
.tfx-ac-nada { margin: 0 0 14px; padding: 12px 16px; background: var(--ac-oro-fondo); border: 1px solid #c9a100; color: #5c4700; font: 600 15px/1.5 var(--quick); }
.tfx-ac-nada:focus { outline: 2px solid var(--nominal); outline-offset: 2px; }
.tfx-ac-nada p { margin: 0 0 6px; }
.tfx-ac-nada p:last-child { margin: 0; font-weight: 500; }
.tfx-ac-nada a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }

/* la tabla */
.tfx-ac-marco { margin: 0 0 14px; }
.tfx-ac-tabla { font-size: 15px; }
.tfx-ac-tabla th, .tfx-ac-tabla td { padding: 8px 10px; vertical-align: middle; }
.tfx-ac-tabla thead th { vertical-align: bottom; white-space: nowrap; }
.tfx-ac-tabla tbody th { position: sticky; left: 0; z-index: 1; background: #fff; font-weight: 400; }
.tfx-ac-tabla tbody tr:nth-child(even) th { background: var(--t-alterna); }
.tfx-ac-tabla tbody tr[hidden] { display: none; }
.tfx-ac-pos { width: 1%; text-align: right; color: var(--tenue); font-variant-numeric: tabular-nums; }
.tfx-ac-nom { display: block; font-weight: 600; color: var(--tinta); text-decoration: none; }
.tfx-ac-nom:hover { color: var(--verde-texto); text-decoration: underline; }
.tfx-ac-tk { display: block; margin: 2px 0 0; font: 600 12.5px/1.3 var(--quick); letter-spacing: .03em; color: var(--tenue); }
.tfx-ac-b, .tfx-ac-s { color: var(--tinta2); white-space: nowrap; }
.tfx-ac-tabla .tfx-ac-c { width: 190px; min-width: 150px; }
.tfx-ac-pct { display: block; font: 600 16px/1.2 var(--quick); font-variant-numeric: tabular-nums; color: var(--tinta); }
.tfx-ac-barra { display: block; height: 6px; margin: 5px 0 0; background: #eceeef; }
.tfx-ac-barra i { display: block; height: 100%; background: var(--ac-oro); }
.tfx-ac-vacia { margin: 4px 0 14px; padding: 14px 16px; background: var(--t-alterna); border: 1px solid var(--t-borde); font-size: 16px; line-height: 1.5; color: var(--tinta2); }
.tfx-ac-leyenda { margin: 4px 0 0; font-size: 14px; line-height: 1.55; color: var(--tinta2); }

/* los botones de ordenar en los títulos de columna */
.tfx-ac-orden { display: inline-flex; align-items: flex-end; gap: 6px; margin: 0; padding: 0; border: 0; background: none; font: inherit; color: inherit; text-align: inherit; cursor: pointer; }
.tfx-ac-orden > span { display: block; }
.tfx-ac-orden::after { content: ""; flex: none; width: 0; height: 0; margin: 0 0 5px; border: 4px solid transparent; border-top-color: #a3a6ad; }
.tfx-ac-tabla th[aria-sort="ascending"] .tfx-ac-orden::after { margin: 0 0 9px; border-top-color: transparent; border-bottom-color: var(--tinta); }
.tfx-ac-tabla th[aria-sort="descending"] .tfx-ac-orden::after { border-top-color: var(--tinta); }
.tfx-ac-orden:hover { color: var(--verde-texto); }

/* la versión para insertar */
.tfx-ac-compacta { font-size: 14.5px; }
.tfx-ac-compacta .tfx-ac-c { width: 40%; }

/* las otras caras de una ficha */
.tfx-ac-vecinas { margin: 0 0 12px; padding: 0; list-style: none; }
.tfx-ac-vecinas li { margin: 0; padding: 8px 0; border-top: 1px solid #e7e8ea; }
.tfx-ac-vecinas li:last-child { border-bottom: 1px solid #e7e8ea; }
.tfx-ac-vecinas span { color: var(--tenue); font-size: 14px; }

@media (max-width: 640px) {
  .tfx-ac-frase { font-size: 16.5px; }
  .tfx-ac-controles { padding: 12px; }
  .tfx-ac-buscar, .tfx-ac-sector { flex: 1 1 100%; max-width: none; }
  .tfx-ac-tabla { font-size: 14px; }
  .tfx-ac-tabla th, .tfx-ac-tabla td { padding: 7px 6px; }
  .tfx-ac-tabla thead th { white-space: normal; font-size: 12.5px; line-height: 1.25; }
  .tfx-ac-tabla .tfx-ac-b, .tfx-ac-tabla .tfx-ac-s { display: none; }
  .tfx-ac-tabla .tfx-ac-c { width: 34%; min-width: 96px; }
  .tfx-ac-pos { padding-right: 2px; }
}