/* TendenciasFX · Señales forex de los 7 pares mayores · 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-sn-*), para no tocar la hoja común. Los colores son los de la cabecera del gráfico de MetaTrader:
   rojo = el par está caro (signo más); verde = el par tiene un descuento (signo menos). */

.tfx-sn { --sn-caro-fondo: #fbe9e7; --sn-caro-texto: #8f1d14; --sn-caro-borde: #e3b0aa; --sn-desc-fondo: #e6f2d8; --sn-desc-texto: #2f5a0e; --sn-desc-borde: #aacf86; }
.tfx-sn-frase { margin: 0 0 10px; font-size: 18px; line-height: 1.55; color: var(--tinta); }
.tfx-sn-sello { margin: 0 0 16px; font: 500 14px/1.45 var(--quick); color: var(--tinta2); }

/* la tabla: siete pares, una fila cada uno (en el móvil, una ficha cada uno: tfx-herr-tabla-apilable) */
.tfx-sn-marco { margin: 0 0 14px; }
.tfx-sn-tabla { font-size: 16px; }
.tfx-sn-tabla tbody th.tfx-sn-par { font: 700 17px/1.3 var(--quick); letter-spacing: .02em; color: var(--tinta); white-space: nowrap; vertical-align: middle; }
.tfx-sn-tabla td { vertical-align: middle; }
.tfx-sn-valor { display: inline-block; min-width: 4.6em; padding: 4px 10px; text-align: center; font: 700 16px/1.3 var(--quick); font-variant-numeric: tabular-nums; border: 1px solid; white-space: nowrap; }
.tfx-sn-caro { background: var(--sn-caro-fondo); color: var(--sn-caro-texto); border-color: var(--sn-caro-borde); }
.tfx-sn-desc { background: var(--sn-desc-fondo); color: var(--sn-desc-texto); border-color: var(--sn-desc-borde); }
.tfx-sn-nada { background: #f4f4f5; color: var(--tenue); border-color: var(--t-borde); font-weight: 600; }
.tfx-sn-edad { color: var(--tenue); font-size: 14.5px; white-space: nowrap; }
.tfx-sn-div { display: inline-block; margin: 0 14px 0 0; white-space: nowrap; font-variant-numeric: tabular-nums; }
.tfx-sn-div:last-child { margin-right: 0; }
.tfx-sn-cod { display: inline-block; margin: 0 4px 0 0; font: 600 14px/1.3 var(--quick); color: var(--tinta2); letter-spacing: .03em; }
.tfx-sn-sin .tfx-sn-par { color: var(--tinta2); }

/* el contador: una caja en tarjeta (sin raya de color de un lado), como los demás recuadros */
.tfx-sn-contador { margin: 0 0 14px; padding: 14px 18px; background: var(--t-alterna); border: 1px solid var(--t-borde); font-size: 17px; line-height: 1.55; color: var(--tinta); }
.tfx-sn-contador strong { font-weight: 700; }
.tfx-sn-leyenda { margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--tinta2); }

@media (max-width: 640px) {
  .tfx-sn-frase { font-size: 17px; }
  .tfx-sn-tabla { font-size: 16px; }
  .tfx-sn-tabla tbody th.tfx-sn-par { font-size: 17px; }
  .tfx-sn-div { margin-right: 12px; }
  .tfx-sn-contador { padding: 12px 14px; font-size: 16px; }
}