/* TendenciasFX · Calendario económico · 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-ca-*), para no tocar la hoja común. Verde = cuenta para valorar la divisa; gris = contexto; dorado = fecha provisional. */

.tfx-ca { --ca-si: #3d7a14; --ca-si-fondo: #e6f1da; --ca-no: #6b7079; --ca-no-fondo: #eceeef; --ca-prov: #7a5a00; --ca-prov-fondo: #fbf3dc; }
.tfx-ca-frase { margin: 0 0 10px; font-size: 18px; line-height: 1.55; color: var(--tinta); }
.tfx-ca-sello { margin: 0 0 16px; font: 500 14px/1.45 var(--quick); color: var(--tinta2); }
.tfx-ca-nota { margin: 0 0 12px; font-size: 16px; line-height: 1.55; color: var(--tinta2); }
.tfx-ca-controles { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px 28px; margin: 0 0 14px; }
.tfx-ca-controles[hidden], .tfx-ca-estado[hidden] { display: none; }
.tfx-ca-grupo .tfx-herr-etiqueta { margin: 0 0 6px; }
.tfx-ca-grupo-check { padding-bottom: 8px; }
.tfx-ca-select { min-width: 200px; }
.tfx-ca-select select { flex: 1 1 auto; width: 100%; height: 100%; margin: 0; padding: 0 10px; border: 0; background: transparent; outline: none; font: 600 16px/1.2 var(--quick); color: var(--tinta); cursor: pointer; }
.tfx-ca-estado { margin: 0 0 12px; font: 500 14px/1.45 var(--quick); color: var(--tinta2); }

/* las tablas */
.tfx-ca-semana > .tfx-herr-h3 { margin: 18px 0 8px; }
.tfx-ca-marco { margin: 0 0 14px; }
.tfx-ca-tabla { width: 100%; font-size: 15px; }
.tfx-ca-tabla tbody tr:nth-child(even) { background: transparent; }
.tfx-ca-tabla tr.tfx-ca-dia th { padding: 7px 14px; background: var(--t-cab) var(--t-raya); border-top: 1px solid var(--t-borde); border-bottom: 1px solid var(--t-borde); font: 600 14px/1.35 var(--quick); letter-spacing: .02em; color: var(--tinta); }
.tfx-ca-tabla tr.tfx-ca-dia th::first-letter { text-transform: uppercase; }
.tfx-ca-tabla tr.tfx-ca-ev.tfx-ca-pasado td { color: var(--tenue); }
.tfx-ca-tabla tr.tfx-ca-ev.tfx-ca-pasado .tfx-ca-cuenta { background: var(--ca-no-fondo); border-color: #d5d7da; color: var(--ca-no); }
.tfx-ca-hora { white-space: nowrap; font-weight: 600; color: var(--tinta); }
.tfx-ca-pasado .tfx-ca-hora { color: var(--tenue); }
.tfx-ca-zona { display: block; font: 500 12.5px/1.3 var(--quick); color: var(--tenue); }
.tfx-ca-aqui { display: block; font: 500 12.5px/1.3 var(--quick); color: var(--tenue); }
.tfx-ca-div b { display: inline-block; min-width: 3em; font: 700 14px/1.3 var(--quick); color: var(--tinta); }
.tfx-ca-dato small { display: block; font: 500 12.5px/1.35 var(--quick); color: var(--tenue); }
.tfx-ca-dato small.tfx-ca-prov { display: inline-block; margin-top: 2px; padding: 1px 7px; background: var(--ca-prov-fondo); border: 1px solid #c9a100; color: var(--ca-prov); font-weight: 600; }
.tfx-ca-cuenta, .tfx-ca-contexto { display: inline-block; padding: 1px 8px; font: 600 13px/1.5 var(--quick); border: 1px solid transparent; }
.tfx-ca-cuenta { background: var(--ca-si-fondo); border-color: #b9d7a0; color: var(--ca-si); }
.tfx-ca-contexto { background: var(--ca-no-fondo); border-color: #d5d7da; color: var(--ca-no); }
.tfx-ca-cuenta-td small { display: block; font: 500 12.5px/1.35 var(--quick); color: var(--tenue); }
.tfx-ca-fuente { white-space: nowrap; font-weight: 600; color: var(--tinta2); }
.tfx-ca-vacio { padding: 18px 14px; color: var(--tinta2); }
.tfx-ca-leyenda { margin: 4px 0 8px; font-size: 14px; line-height: 1.55; color: var(--tinta2); }

/* la tabla de las 23 divisas y la de qué mide cada dato */
.tfx-ca-paises td, .tfx-ca-paises th, .tfx-ca-datos td, .tfx-ca-datos th { font-size: 14.5px; line-height: 1.45; }
.tfx-ca-paises tbody th b { display: inline-block; min-width: 3em; font: 700 14px/1.3 var(--quick); color: var(--tinta); }
.tfx-ca-paises small { display: block; margin-top: 2px; font: 500 12.5px/1.4 var(--quick); color: var(--tenue); }
.tfx-ca-lista { margin: 0; padding: 0; list-style: none; }
.tfx-ca-lista li { margin: 0 0 4px; padding: 0; }
.tfx-ca-lista small { display: inline; margin-left: 4px; font-weight: 600; }
.tfx-ca-lista small.tfx-ca-si { color: var(--ca-si); }
.tfx-ca-lista small.tfx-ca-no { color: var(--ca-no); }
.tfx-ca-datos tbody th { color: var(--tinta); font-weight: 600; }

@media (max-width: 640px) {
  .tfx-ca-frase { font-size: 16.5px; }
  .tfx-ca-controles { gap: 12px 16px; }
  .tfx-ca-select { min-width: 0; width: 100%; }
  .tfx-ca-grupo { width: 100%; }
  .tfx-ca-tabla tr.tfx-ca-dia { margin-bottom: 4px; }
  .tfx-ca-tabla tr.tfx-ca-dia th { text-align: left; }
  .tfx-ca-hora { white-space: normal; }
  .tfx-ca-zona, .tfx-ca-aqui { display: inline; margin-left: 6px; }
  /* las fichas, compactas: la etiqueta de cada dato en la misma línea que su valor */
  .tfx-ca-tabla.tfx-herr-tabla-apilable tr.tfx-ca-ev td { padding: 3px 12px; }
  .tfx-ca-tabla.tfx-herr-tabla-apilable tr.tfx-ca-ev td::before { display: inline; margin-right: 8px; font-size: 11.5px; }
  .tfx-ca-tabla.tfx-herr-tabla-apilable tr.tfx-ca-ev td:first-child { padding-top: 9px; }
  .tfx-ca-tabla.tfx-herr-tabla-apilable tr.tfx-ca-ev td:last-child { padding-bottom: 9px; }
  .tfx-ca-dato small, .tfx-ca-cuenta-td small { display: inline; margin-left: 6px; }
}