/* ============================================================
   catto.ar — Foro. Se carga después de base.css y papel.css y
   usa su misma paleta de hoja de papel.
   ============================================================ */
.foro{max-width:880px;margin:0 auto;padding:22px 16px 60px}
.foro h1{font-size:26px;margin:4px 0 6px}
.foro .bajada{color:var(--soft);margin:0 0 18px}
.foro-barra{background:var(--carbon);border-bottom:1px solid #000}
.foro-barra .in{max-width:1120px;min-height:48px;box-sizing:border-box;margin:0 auto;padding:8px 16px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.foro-barra a{color:#e6edf3;font-size:14px}
.foro-barra a.fb-primario{background:#74acdf;color:#0b2a45;padding:4px 12px;border-radius:3px}
.foro-barra a.fb-primario:hover{text-decoration:none;background:#8cc4f0}
.foro-barra a.fb-foro,.foro-barra a.fb-mod,.foro-barra a.fb-nueva,.foro-barra a.fb-yo{padding:4px 10px;border-radius:3px;border:1px solid transparent}
.foro-barra a.fb-nueva{border-color:#74acdf}
.foro-barra a.fb-activo{background:#74acdf;border-color:#74acdf;color:#0b2a45}
.foro-barra a.fb-activo:hover{text-decoration:none;background:#8cc4f0}
.foro-barra a.fb-mod{display:inline-flex;align-items:center;gap:6px}
.foro-barra .fb-num{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#d6303f;color:#fff;font-size:12px;font-weight:700;line-height:20px;text-align:center;box-sizing:border-box}
.foro-barra .fb-num[hidden]{display:none}
.foro-barra a.fb-yo{margin-left:auto;font-family:"IBM Plex Mono",monospace}

.f-grupo{margin:22px 0 8px;font-size:13px;letter-spacing:.6px;text-transform:uppercase;color:var(--soft)}
.f-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}
.f-cat{display:block;background:var(--panel);border:1px solid var(--line);border-radius:3px;padding:10px 12px;color:var(--txt)}
.f-cat:hover{border-color:var(--accent);text-decoration:none}
.f-cat b{display:block;font-weight:600}
.f-cat span{font-size:13px;color:var(--soft)}

.f-lista{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.f-lista li{border-bottom:1px solid var(--line);padding:10px 2px;display:flex;gap:12px;align-items:flex-start}
.f-lista .t{flex:1;min-width:0}
.f-lista .t a{color:var(--txt);font-weight:600}
.f-lista .meta{font-size:13px;color:var(--soft);margin-top:2px}
.f-lista .n{min-width:52px;text-align:center;font-family:"IBM Plex Mono",monospace;font-size:13px;color:var(--soft)}
.f-lista .n b{display:block;font-size:17px;color:var(--txt)}
.f-lista .mini{flex:none;display:block;width:60px;height:44px;border-radius:3px;overflow:hidden;border:1px solid var(--line);background:var(--panel2)}
.f-lista .mini img{display:block;width:100%;height:100%;object-fit:cover}
.f-lista .mini:hover{border-color:var(--accent)}
.f-et{display:inline-block;font-size:12px;padding:1px 7px;border-radius:2px;border:1px solid var(--line);background:var(--panel2);color:var(--muted);margin-left:6px;vertical-align:1px}
.f-et.ok{border-color:#2f6f41;color:#2f6f41;background:#e3eee5}
.f-et.pend{border-color:#8a5a10;color:#8a5a10;background:#f3ead9}
.f-et.oc{border-color:#ad2436;color:#ad2436;background:#f5e1e3}

.f-msg{background:var(--panel);border:1px solid var(--line);border-radius:3px;padding:14px 16px;margin:12px 0}
.f-msg .cab{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--soft);margin-bottom:6px;flex-wrap:wrap}
.f-msg .cab b{color:var(--txt);font-family:"IBM Plex Mono",monospace;font-weight:500}
.f-msg .acc{display:flex;gap:12px;justify-content:flex-end;margin-top:8px;flex-wrap:wrap}
.f-msg .acc button{font-size:13px}
.f-cuerpo{overflow-wrap:anywhere}
.f-cuerpo p{margin:0 0 10px}
.f-cuerpo code{font-family:"IBM Plex Mono",monospace;font-size:.92em;background:var(--panel2);padding:1px 4px;border-radius:2px}
.f-cuerpo pre{background:var(--pantalla);color:#e6edf3;padding:10px 12px;border-radius:3px;overflow:auto}
.f-cuerpo pre code{background:none;padding:0;color:inherit}
.f-cuerpo .katex-display{overflow-x:auto;overflow-y:hidden}
.f-cuerpo img{display:block;max-width:100%;max-height:520px;height:auto;margin:8px 0;border:1px solid var(--line);border-radius:3px;background:#fff}
.f-cuerpo video{display:block;width:100%;max-width:640px;max-height:480px;margin:8px 0;border:1px solid var(--line);border-radius:3px;background:#000}
.f-cuerpo .f-video{display:block;position:relative;width:100%;max-width:640px;aspect-ratio:16/9;margin:8px 0;border:1px solid var(--line);border-radius:3px;background:#000;overflow:hidden}
.f-cuerpo .f-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.f-panel-vid{margin:0 0 8px;padding:10px 12px;background:var(--panel);border:1px solid var(--line);border-radius:3px;font-size:14px}
.f-panel-vid p{margin:0 0 8px}
.f-panel-vid .f-fila input[type=url]{flex:1 1 260px;min-width:0;width:auto}

.f-form label{display:block;font-size:14px;color:var(--muted);margin:14px 0 4px}
.f-form input[type=text],.f-form input[type=url],.f-form select,.f-form textarea{width:100%;font:inherit;font-size:15px;background:#fbfaf7;color:var(--txt);
  border:1px solid var(--line);border-radius:3px;padding:8px 10px}
.f-form textarea{font-family:"IBM Plex Mono",monospace;font-size:14px;line-height:1.55;min-height:180px;resize:vertical}
.f-form .chk{display:flex;gap:8px;align-items:flex-start;font-size:14px;color:var(--txt);margin:8px 0}
.f-form .chk input{margin-top:4px}
.f-err{color:#ad2436;font-size:14px;margin:6px 0 0;min-height:0}
.f-tabla-c{overflow-x:auto;border:1px solid var(--line);border-radius:3px;background:var(--panel)}
.f-tabla{width:100%;border-collapse:collapse;font-size:14px}
.f-tabla th,.f-tabla td{padding:7px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
.f-tabla th{font-size:12px;letter-spacing:.4px;text-transform:uppercase;color:var(--soft);font-weight:600}
.f-tabla tr:last-child td{border-bottom:0}
.f-tabla .num{text-align:right;font-family:"IBM Plex Mono",monospace}
.f-tabla .al{font-family:"IBM Plex Mono",monospace;color:var(--txt)}
.f-tabla .f-et{margin-left:0}
.f-ok{color:#2f6f41;font-size:14px;margin:8px 0 0}
.f-aviso{background:#f3ead9;border:1px solid #d9c49b;border-radius:3px;padding:10px 12px;font-size:14px;margin:12px 0}
.f-btn{font:inherit;font-size:14px;background:var(--panel);color:var(--txt);border:1px solid var(--line);border-radius:3px;padding:7px 14px;cursor:pointer}
.f-btn:hover{border-color:var(--accent)}
.f-btn.pri{background:#1f5f99;border-color:#1f5f99;color:#fff}
.f-btn.pri:hover{background:#164a78}
.f-btn.peligro{color:#ad2436;border-color:#ad2436}
.f-btn.link{border:0;background:none;color:var(--link);padding:0;font-size:13px}
.f-fila{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.f-barra-ed{display:flex;gap:6px;margin:8px 0 6px;flex-wrap:wrap}
.f-barra-ed button{font:inherit;font-size:13px;min-width:34px;height:30px;background:var(--panel);border:1px solid var(--line);border-radius:3px;cursor:pointer;color:var(--txt)}
.f-barra-ed .sep{flex:1}
.f-prev{background:#fbfaf7;border:1px solid var(--line);border-radius:3px;padding:10px 12px;min-height:180px}
.f-google{display:inline-flex;gap:10px;align-items:center;font:inherit;font-size:15px;background:#fff;color:#1b1d21;border:1px solid #9aa0a6;border-radius:3px;padding:9px 18px;cursor:pointer}
.f-google:hover{border-color:#1b1d21}
.f-pagina{font-size:14px;margin:4px 0 0}
.f-vacio{color:var(--soft);padding:14px 2px}
.f-legal h2{font-size:18px;margin:22px 0 6px}
.f-legal p,.f-legal li{line-height:1.65}
/* Portada del foro: últimas consultas a la izquierda, categorías en una columna a la derecha */
.foro.f-ancho{max-width:1120px}
.foro.f-ancho .bajada{max-width:848px}
.f-portada{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:32px;align-items:start}
.f-portada .f-principal>.f-grupo{margin-top:0}
.f-lateral .f-grupo{margin:18px 0 6px}
.f-lateral .f-grupo:first-child{margin-top:0}
.f-lateral .f-cats{grid-template-columns:1fr;gap:6px}
.f-lateral .f-cat{padding:7px 10px}
.f-lateral .f-cat b{font-size:15px}
.f-lateral .f-cat span{font-size:12px}
@media (max-width:820px){ .f-portada{grid-template-columns:1fr;gap:10px} .f-lateral{border-top:1px solid var(--line);padding-top:16px} }
@media (max-width:560px){ .foro h1{font-size:22px} .f-lista .n{min-width:40px} .f-lista li{gap:9px} .f-lista .mini{width:44px;height:36px} .foro-barra .in{gap:3px;padding:8px 12px} .foro-barra a.fb-foro,.foro-barra a.fb-mod,.foro-barra a.fb-nueva,.foro-barra a.fb-yo{padding:4px 6px;font-size:13px} }

/* ---- Moderación: pestañas y listas de gestión ---- */
.m-tabs{display:flex;flex-wrap:wrap;gap:2px;border-bottom:1px solid var(--line);margin:18px 0 4px}
.m-tabs button{font:inherit;font-size:14px;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:8px 12px;color:var(--muted);cursor:pointer;white-space:nowrap}
.m-tabs button:hover{color:var(--txt)}
.m-tabs button.on{color:var(--txt);border-bottom-color:var(--accent);font-weight:600}
.m-n{display:inline-block;margin-left:6px;padding:0 6px;min-width:8px;border-radius:9px;font-size:12px;line-height:18px;background:var(--panel2);color:var(--muted);font-weight:600;text-align:center}
.m-n:empty{display:none}
.m-n.alerta{background:#c62828;color:#fff}
.m-ayuda{font-size:14px;color:var(--soft);margin:10px 0 12px}
.f-btn.ch{font-size:13px;padding:4px 10px}
.m-acc{display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:flex-end}
.f-tabla .m-acc{justify-content:flex-start;min-width:0}
.f-tabla td.cu{white-space:normal;min-width:110px}
.f-tabla td:last-child{white-space:normal}
.m-act li{align-items:center;flex-wrap:wrap}
.m-act .t{flex:1 1 320px}
.m-act .meta a{color:inherit;text-decoration:underline}
.m-mover,.m-filtro input,.m-filtro select{font:inherit;font-size:13px;padding:4px 6px;border:1px solid var(--line);border-radius:3px;background:var(--panel);color:var(--txt);max-width:190px}
.m-filtro input,.m-filtro select{font-size:14px;padding:6px 8px;max-width:none}
.m-filtro input{flex:0 1 220px;min-width:0}