/* [2026-10-21] Secciones de la barra (Dividendos, Resultados, Posiciones cortas, Libros) con el diseño de foros v2.
   Todo bajo body.fx-sec; se carga después de foro_v2.css y foros_v2.css. */
body.fx-sec{background:#f4f5f9}
body.fx-sec main{flex:1 0 auto}
.fx-sec .fv2 a{text-decoration:none!important}
.fx-sec .fv2 a:not([class]),.fx-sec .fv2 .fbd-emp,.fx-sec .fv2 .fbd-note a,.fx-sec .fv2 .fbr-next a,.fx-sec .fv2 table.fbd a{color:#5e17eb;font-weight:700}
.fx-sec .fv2 .fbd-emp{font-weight:800}
.fx-sec .fx-h{margin-bottom:0}
.fx-sec .fx-h .fx-k{display:inline-block;font:800 11px/1 system-ui,sans-serif;letter-spacing:.8px;text-transform:uppercase;color:#5e17eb;background:#f3edff;border-radius:999px;padding:6px 10px;margin-bottom:10px}
/* filtro como tarjeta */
.fx-sec .fbd-filters{background:#fff;border:1px solid var(--fv-bd);border-radius:12px;box-shadow:var(--fv-sh);padding:14px 16px;margin:16px 0}
.fx-sec .fbd-filters label{color:#334155;font-weight:700;letter-spacing:0}
.fx-sec .fbd-filters select{border-color:#dfe3ec;min-width:220px}
.fx-sec .fbd-btn{background:#5e17eb;border-radius:10px;font-weight:700}
.fx-sec .fbd-btn:hover{background:#3a0ca3}
/* secciones = tarjetas */
.fx-sec .fbd-sec{background:#fff;border:1px solid var(--fv-bd);border-radius:12px;box-shadow:var(--fv-sh);padding:16px 18px 18px;margin:16px 0}
.fx-sec .fbd-sec h2{font-size:17px;font-weight:700;text-transform:none;letter-spacing:0;color:#0f172a;margin:0 0 12px;flex-wrap:wrap}
.fx-sec .fbd-sec h2::after{display:none}
.fx-sec .fbd-sec h2 a{color:#0f172a!important}
.fx-sec .fbd-table-wrap{border:1px solid #eef0f5;border-radius:10px}
.fx-sec table.fbd th{background:#f8f9fc;color:#64748b;font-weight:600;font-size:11.5px;letter-spacing:.4px}
.fx-sec table.fbd td{border-bottom-color:#eef0f5}
.fx-sec table.fbd tbody tr:hover td{background:#fafbfe}
.fx-sec .fbd-tag{background:#f3edff;color:#5e17eb;font-weight:700}
.fx-sec .fbd-empty{border:1px dashed #d9cdf7;background:#fbf9ff;font-weight:600}
.fx-sec .fbd-note{color:#64748b}
.fx-sec .fbp-ad-lista{margin:18px 0}
.fx-sec .fv2-main>.fbd-note:last-child,.fx-sec .fv2-main>p.fbd-note{background:#fff;border:1px solid var(--fv-bd);border-radius:12px;padding:12px 16px;margin-top:16px}
/* resultados */
.fx-sec .fbr-grid{margin-top:16px}
.fx-sec .fbr-card{background:#fff;border-color:var(--fv-bd)!important;box-shadow:var(--fv-sh)}
.fx-sec .fbr-card h3{font-weight:800}
/* libros: mismo esqueleto */
.fx-sec .lb-head{border-top:3px solid #5e17eb;border-radius:0 0 12px 12px;margin-bottom:18px}
.fx-sec .lb-card,.fx-sec .lb-com{border-color:var(--fv-bd);box-shadow:var(--fv-sh)}
.fx-sec .lb-btn{background:#5e17eb}.fx-sec .lb-btn:hover{background:#3a0ca3}
.fx-sec .lb-c .m a{color:#5e17eb;font-weight:700}
@media (max-width:767px){
  .fx-sec .fbd-filters{padding:12px}
  .fx-sec .fbd-filters select{min-width:0}
  .fx-sec .fbd-sec{padding:14px 12px 14px;border-radius:10px}
  .fx-sec .fbr-grid{grid-template-columns:1fr!important}
  .fx-sec .lb-head{padding:18px 16px}
}
@media (max-width:1023px){.fx-sec .lb-ad-m{display:block;background:#fff;border:1px solid var(--fv-bd);border-radius:12px;padding:8px 10px 10px;text-align:center}}
/* posiciones cortas en móvil: tabla compacta, el % siempre visible sin desplazamiento lateral */
@media (max-width:767px){
  .fx-sec table.fbd.fbc{min-width:0;font-size:13px;table-layout:auto}
  .fx-sec table.fbd.fbc th,.fx-sec table.fbd.fbc td{padding:8px 5px}
  .fx-sec table.fbd.fbc th:first-child,.fx-sec table.fbd.fbc td:first-child{padding-left:9px}
  .fx-sec table.fbd.fbc th{font-size:10.5px;letter-spacing:.2px}
  .fx-sec table.fbd.fbc td{overflow-wrap:break-word}
  .fx-sec table.fbc:not(.fbc-h) td:nth-child(3),.fx-sec table.fbc.fbc-h td:nth-child(1){font-size:12px}
  .fx-sec table.fbd.fbc td strong{white-space:nowrap}
  .fx-sec table.fbc:not(.fbc-h) td:nth-child(3),.fx-sec table.fbc.fbc-h td:nth-child(1),.fx-sec table.fbc.fbc-h td:nth-child(3){white-space:nowrap}
  .fx-sec table.fbd.fbc td:last-child{font-size:11.5px}
  .fx-sec table.fbd.fbc td:last-child a{overflow-wrap:normal;word-break:normal;hyphens:auto}
}
/* ===== [2026-10-21 14:21] filas a todo el ancho + buscador (sin filtros) ===== */
.fx-sec [data-q][hidden],.fx-sec [data-qgroup][hidden],.fx-sec .fx-nores[hidden]{display:none!important}
.fx-sec .fx-qbox{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid var(--fv-bd);border-radius:12px;box-shadow:var(--fv-sh);padding:12px 14px;margin:16px 0}
.fx-sec .fx-qbox .fx-s{flex:1 1 280px;position:relative;display:flex;align-items:center}
.fx-sec .fx-qbox .fx-s svg{position:absolute;left:12px;color:#94a3b8;pointer-events:none}
.fx-sec .fx-qbox input{width:100%;height:42px;box-sizing:border-box;border:1px solid #dfe3ec;border-radius:10px;padding:0 12px 0 38px;font:inherit;font-size:15px;background:#fff;color:#0f172a;outline:none}
.fx-sec .fx-qbox input:focus{border-color:#a78bfa;box-shadow:0 0 0 3px rgba(94,23,235,.10)}
.fx-sec .fx-qbox-d{justify-content:space-between}
.fx-sec .fx-src{display:inline-flex;align-items:center;height:42px;padding:0 14px;border:1.5px solid #c4b5fd;border-radius:10px;color:#5e17eb!important;font-weight:700;font-size:13.5px;white-space:nowrap;background:#fbf9ff}
.fx-sec .fx-back,.fx-sec .fx-back-a{font-weight:700;color:#5e17eb}
.fx-sec p.fx-back{margin:14px 2px}
.fx-sec .fx-nores{background:#fff;border:1px dashed #d9cdf7;border-radius:12px;padding:22px;text-align:center;color:#64748b;font-weight:600;margin:16px 0}
/* Resultados: filas */
.fx-sec .fbr-list{background:#fff;border:1px solid var(--fv-bd);border-radius:12px;box-shadow:var(--fv-sh);overflow:hidden;margin-top:16px}
.fx-sec .fbr-list>.fbp-ad-lista{margin:0;padding:14px 0;border-bottom:1px solid #eef0f5}
.fx-sec .fbr-row{display:grid;grid-template-columns:88px minmax(0,1fr) 150px;gap:16px;align-items:center;padding:12px 18px;border-bottom:1px solid #eef0f5}
.fx-sec .fbr-row:last-child{border-bottom:0}
.fx-sec .fbr-lg{display:flex;align-items:center;height:44px}.fx-sec .fbr-lg img{display:block;max-width:88px;max-height:40px;width:auto;height:auto;object-fit:contain}
.fx-sec .fbr-lg .ini{width:40px;height:40px;border-radius:10px;background:#f3edff;color:#3a0ca3;font-weight:800;display:flex;align-items:center;justify-content:center}
.fx-sec .fbr-c{min-width:0}
.fx-sec .fbr-c h3{margin:0 0 2px;font-size:15.5px;font-weight:800;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.fx-sec .fbr-c h3 .tk{font-size:12px;font-weight:500;color:#64748b}
.fx-sec .fbr-c .fb-res-h{font-size:13px;color:#334155}
.fx-sec .fbr-c .fb-res li{margin:0;padding:0}
.fx-sec .fbr-c .fb-res ul{list-style:none;margin:3px 0 2px;padding:0;display:flex;flex-wrap:wrap;gap:2px 0;font-size:13px;color:#475569}
.fx-sec .fbr-c .fb-res li:not(:last-child)::after{content:"·";margin:0 7px;color:#cbd5e1}
.fx-sec .fbr-c .fb-res-s{font-size:11.5px;color:#94a3b8}
.fx-sec .fbr-c>p{margin:2px 0 0;font-size:13px;color:#475569}
.fx-sec .fbr-r{text-align:right;font-size:12.5px;color:#64748b;display:flex;flex-direction:column;align-items:flex-end;gap:1px}
.fx-sec .fbr-r .l{font-size:11px;text-transform:uppercase;letter-spacing:.3px;color:#94a3b8}
.fx-sec .fbr-r b{font-size:14.5px;color:#0f172a}.fx-sec .fbr-r b.sf{font-size:13px;color:#64748b;font-weight:600}
.fx-sec .fbr-r a{font-weight:700;color:#5e17eb}
/* Libros: filas */
.fx-sec .lb-grid{display:block!important;background:#fff;border:1px solid var(--fv-bd);border-radius:12px;box-shadow:var(--fv-sh);overflow:hidden}
.fx-sec .lb-card{display:grid!important;grid-template-columns:72px minmax(0,1fr) auto;gap:18px;align-items:center;border:0!important;border-bottom:1px solid #eef0f5!important;border-radius:0!important;box-shadow:none!important;padding:14px 18px!important}
.fx-sec .lb-card:last-of-type{border-bottom:0!important}
.fx-sec .lb-card:hover{box-shadow:none;background:#fcfcfe}
.fx-sec .lb-cover img{width:72px!important;height:108px!important}
.fx-sec .lb-title{font-size:16px}
.fx-sec .lb-autor{margin:1px 0 6px}
.fx-sec .lb-tags{margin-bottom:6px}
.fx-sec .lb-para{margin:0 0 4px}
.fx-sec .lb-res{margin:0 0 4px;font-size:13.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fx-sec .lb-more{margin:0}
.fx-sec .lb-r{align-self:center}
.fx-sec .lb-r .lb-btn{margin:0;white-space:nowrap}
.fx-sec .lb-grid>.lb-ad-m{border:0;border-bottom:1px solid #eef0f5;border-radius:0;margin:0}
@media (max-width:767px){
  .fx-sec .fx-qbox{padding:10px}
  .fx-sec .fx-src{width:100%;justify-content:center}
  .fx-sec .fbr-row{grid-template-columns:56px minmax(0,1fr);gap:4px 12px;padding:12px}
  .fx-sec .fbr-c .fb-res ul{gap:1px 12px}.fx-sec .fbr-c .fb-res li::after{content:none!important}
  .fx-sec .fbr-lg{height:auto;align-self:start;padding-top:2px}.fx-sec .fbr-lg img{max-width:56px;max-height:30px}
  .fx-sec .fbr-r{grid-column:2;text-align:left;align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:6px;align-items:baseline}
  .fx-sec .fbr-r .l{text-transform:none;letter-spacing:0;font-size:12px}
  .fx-sec .fbr-r b{font-size:13px}
  .fx-sec .lb-card{grid-template-columns:60px minmax(0,1fr)!important;gap:4px 12px;padding:12px!important;align-items:start}
  .fx-sec .lb-cover img{width:60px!important;height:90px!important}
  .fx-sec .lb-r{grid-column:2}
  .fx-sec .lb-r .lb-btn{padding:7px 12px;font-size:13px}
}
/* ===== [2026-10-21 14:45] Botones que son <a>: texto blanco con buen contraste, sin subrayado, también en hover, focus y visitado ===== */
.fx-sec .fv2 a.lb-btn,.fx-sec .fv2 a.lb-cta-btn,.fx-sec .fv2 .lb-form button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 16px;border:0;border-radius:9px;background:#5e17eb;color:#fff!important;font-weight:800;font-size:14px;line-height:1.2;text-decoration:none!important;cursor:pointer;transition:background .15s}
.fx-sec .fv2 a.lb-btn:is(:visited,:hover,:focus,:active),.fx-sec .fv2 a.lb-cta-btn:is(:visited,:hover,:focus,:active){color:#fff!important;text-decoration:none!important}
.fx-sec .fv2 a.lb-btn:hover,.fx-sec .fv2 a.lb-cta-btn:hover,.fx-sec .fv2 .lb-form button:hover{background:#3a0ca3}
.fx-sec .fv2 a.lb-btn:focus-visible,.fx-sec .fv2 a.lb-cta-btn:focus-visible,.fx-sec .fv2 .lb-form button:focus-visible{outline:3px solid #c4b5fd;outline-offset:2px}
.fx-sec .fv2 a.lb-btn svg{color:#fff}
@media (max-width:767px){.fx-sec .fv2 a.lb-btn,.fx-sec .fv2 a.lb-cta-btn,.fx-sec .fv2 .lb-form button{min-height:38px;padding:8px 14px;font-size:13.5px}}
