/* web-nueva.css: lo propio de la web nueva de TendenciasFX (paso 6, 25-10-2026). Lo escribe web_nueva.py. */

/* 3. Cabecera. El logo ya dice «TendenciasFX»: el titulo de texto de Astra salia al lado, doble y partido. */
.site-header .ast-site-title-wrap{display:none!important}
/* De 922 a 1199 px (tableta apaisada) el menu no cabia y bajaba encima del video de la portada. */
@media (min-width:922px) and (max-width:1199px){
  #ast-desktop-header .site-primary-header-wrap{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:16px!important;padding-right:16px!important}
  #ast-desktop-header .main-header-menu>.menu-item>.menu-link{padding-left:12px!important;padding-right:12px!important}
}

/* 1. Buscador del blog: los resultados, con las tarjetas del blog. */
.elementor-element-b7c4e21>.elementor-widget-container{display:flex;flex-wrap:wrap;align-items:flex-start;column-gap:12px}
.elementor-element-b7c4e21 form.tfx-buscador{flex:1 1 260px}
/* Mientras se busca, los filtros se quedan a la vista (5-11-2026: se puede filtrar lo encontrado); se esconden las
   entradas y su paginacion, y los resultados salen debajo de los filtros. */
.tfx-buscando .uael-post__body,.tfx-buscando .uael-post__footer,.tfx-buscando .uael-grid-pagination{display:none!important}
.tfx-resultados[hidden]{display:none!important}
.tfx-resultados__cuenta{margin:0 0 18px!important;font-family:Quicksand,sans-serif;font-size:15px;font-weight:600;color:#474c55}
.tfx-resultados__rejilla{display:flex;flex-wrap:wrap;margin:0 -16px}
.tfx-resultados .uael-post-wrapper{float:none!important;display:flex!important;width:50%!important;margin-bottom:25px;padding-left:16px;padding-right:16px;box-sizing:border-box}
.tfx-resultados .uael-post__bg-wrap{display:flex;height:100%}
.tfx-resultados .uael-post__inner-wrap{width:100%}
.tfx-resultados .uael-post__thumbnail img{display:block}
.tfx-resultado__resumen{order:4;margin:0 0 4px!important;font-size:14px;line-height:1.5;color:#e4e4e4;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:767px){.tfx-resultados .uael-post-wrapper{width:100%!important}}
.ast-404-search .search-form .search-field{min-width:240px}

/* 2. «Hazle tu pregunta a JH»: el boton y su ventana. Avisos en texto, sin caja. */
.tfx-pregunta-fila{margin:20px 0 8px}
.tfx-pregunta-fila--blog{margin:0 0 12px}
button.tfx-pregunta-boton{display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box;height:42px;margin:0;padding:0 18px!important;font-family:Quicksand,sans-serif!important;font-size:15px!important;font-weight:600!important;line-height:1!important;letter-spacing:0!important;text-transform:none!important;color:#474c55!important;background:#fff!important;border:0!important;border-radius:5px!important;box-shadow:inset 0 0 0 1px #b9bbc0!important;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s}
button.tfx-pregunta-boton:hover,button.tfx-pregunta-boton:focus-visible{color:#2f323a!important;background:#f9c20a!important;box-shadow:inset 0 0 0 1px #f9c20a!important}
dialog.tfx-pregunta{box-sizing:border-box;width:min(560px,calc(100vw - 24px));max-width:none;max-height:calc(100vh - 24px);margin:auto;padding:0;border:0;border-radius:8px;background:#fff;color:#2f323a;box-shadow:0 14px 44px rgba(0,0,0,.35);overflow:auto}
dialog.tfx-pregunta::backdrop{background:rgba(30,33,38,.62)}
dialog.tfx-pregunta.tfx-pregunta--sin-modal[open]{position:fixed;inset:12px;z-index:100000}
.tfx-pregunta__cab{position:relative;padding:18px 56px 16px 24px;background:#eceeef repeating-linear-gradient(135deg,rgba(255,255,255,.45) 0 2px,transparent 2px 9px);border-bottom:1px solid #d9dadd}
.tfx-pregunta__titulo{margin:0!important;padding:0!important;font-family:Oswald,"Arial Narrow",sans-serif!important;font-size:24px!important;font-weight:400!important;line-height:1.2!important;letter-spacing:.5px;text-transform:uppercase;color:#2f323a!important}
button.tfx-pregunta__cerrar{position:absolute;top:10px;right:10px;width:40px;height:40px;margin:0;padding:0!important;display:flex!important;align-items:center;justify-content:center;font-size:28px!important;line-height:1!important;color:#474c55!important;background:transparent!important;border:0!important;border-radius:5px!important;box-shadow:none!important;cursor:pointer}
button.tfx-pregunta__cerrar:hover{background:#dfe1e3!important}
.tfx-pregunta__cuerpo{padding:18px 24px 22px}
.tfx-pregunta__texto{margin:0 0 18px!important;font-size:15px;line-height:1.55;color:#3a3f47}
.tfx-pregunta__bloque{margin:0 0 14px}
.tfx-pregunta__etiqueta{display:block;margin:0 0 6px;font-size:14px;font-weight:600;color:#2f323a}
.tfx-pregunta__campo{box-sizing:border-box;display:block;width:100%!important;margin:0!important;padding:8px 12px!important;font-size:15px!important;color:#2f323a!important;background:#fff!important;border:1px solid #d5d8dc!important;border-radius:0!important;box-shadow:none!important}
input.tfx-pregunta__campo{height:42px!important}
textarea.tfx-pregunta__campo{min-height:120px;resize:vertical;line-height:1.5!important}
.tfx-pregunta__campo:focus{outline:none;border-color:#82c341!important;box-shadow:0 0 0 2px rgba(130,195,65,.25)!important}
.tfx-pregunta__campo::placeholder{color:#9a9ca1;opacity:1;letter-spacing:.04em}
.tfx-pregunta__ayuda{margin:6px 0 0!important;font-size:13px;line-height:1.4;color:#6b7079}
.tfx-pregunta__falta{margin:6px 0 0!important;font-size:14px;line-height:1.4;font-weight:600;color:#b3261e}
.tfx-pregunta__falta[hidden],.tfx-pregunta__msg[hidden],.tfx-pregunta form[hidden]{display:none!important}
.tfx-pregunta__trampa{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
button.tfx-pregunta__enviar{display:inline-flex!important;align-items:center;justify-content:center;height:42px;margin:4px 0 0;padding:0 20px!important;font-family:Quicksand,sans-serif!important;font-size:15px!important;font-weight:600!important;line-height:1!important;text-transform:none!important;letter-spacing:0!important;color:#2f323a!important;background:#f9c20a!important;border:0!important;border-radius:5px!important;box-shadow:none!important;cursor:pointer;transition:background .2s,color .2s}
button.tfx-pregunta__enviar:hover{color:#fff!important;background:#81c341!important}
button.tfx-pregunta__enviar[disabled]{opacity:.6;cursor:default}
.tfx-pregunta__msg{margin:0 0 16px!important;font-size:15px;line-height:1.5;font-weight:600}
.tfx-pregunta__msg--ok{color:#4d8316}
.tfx-pregunta__msg--error{color:#b3261e}

/* 1b. Blog en una linea (JH, 5-11-2026; style.css 39 hace la linea en las dos webs): desde 1.200 px, los filtros a la
   izquierda y el buscador (230 px) a la derecha, en la misma linea. «Hazle tu pregunta a JH» no cabe en ella (cuatro
   botones, buscador y boton piden unos 980 px y el contenido llega a 919): va justo encima del buscador, pegado a la
   derecha y de su mismo ancho, y las entradas bajan lo que mide (42 + 12 px). Mientras se busca, la linea de la cuenta
   de resultados no se mete debajo del buscador. Por debajo de 1.200 px, el buscador y el boton en su fila (en el movil,
   uno debajo del otro) y los filtros debajo. */
@media (min-width:1200px){
  .elementor-element-b7c4e21>.elementor-widget-container{flex-direction:column;align-items:flex-end}
  .elementor-element-b7c4e21 form.tfx-buscador{flex:none}
  .elementor-element-b7c4e21 .tfx-pregunta-fila--blog{order:-1;display:flex;margin:0 0 12px;pointer-events:auto}
  .elementor-element-b7c4e21 .tfx-pregunta-fila--blog button.tfx-pregunta-boton{width:230px}
  .elementor-3659 .elementor-element-d5f9ef7{margin-top:54px}
  .elementor-3659 .elementor-element-d5f9ef7 .tfx-resultados__cuenta{display:flex;align-items:center;min-height:33px;padding-right:246px;box-sizing:border-box}
}