/* ---------------------------------------------------------- foro.html --- */
.foro-lede{max-width:62ch;font-size:15px;line-height:1.75;color:var(--texto)}
.foro-reglas{
  display:grid;gap:14px;margin:30px 0 40px;padding:0;list-style:none;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));
}
.foro-reglas li{
  background:var(--banda);border:1px solid var(--hairline-neutra);
  padding:18px 20px;font-size:13.5px;line-height:1.6;color:var(--secundario);
}
.foro-reglas li b{display:block;color:var(--display);font-family:var(--serif);
  font-size:17px;font-weight:500;margin-bottom:6px}

/* ---------------------------------------------------------- formulario */
.foro-campo-web{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.foro-formulario{
  background:var(--banda);border:1px solid var(--hairline-neutra);
  padding:22px 24px 20px;margin:0 0 36px;display:grid;gap:10px;max-width:640px;
}
.foro-etiqueta{
  font-family:var(--sans);font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--secundario);margin-top:6px;
}
.foro-etiqueta span{text-transform:none;letter-spacing:0;opacity:.8}
.foro-formulario input[type="text"],.foro-formulario textarea{
  width:100%;background:var(--fondo);border:1px solid var(--hairline-neutra);
  color:var(--display);font:inherit;font-size:16px;padding:10px 12px;resize:vertical;
}
.foro-formulario input[type="text"]:focus,.foro-formulario textarea:focus{
  outline:none;border-color:var(--oro);
}
.foro-formulario-pie{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:4px}
.foro-mensaje{font-family:var(--sans);font-size:12px;color:var(--secundario)}
.foro-enviar{
  background:var(--oro);color:var(--fondo);border:0;padding:10px 24px;
  font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;cursor:pointer;transition:opacity .15s;
}
.foro-enviar:hover{opacity:.85}
.foro-enviar:disabled{opacity:.5;cursor:default}

/* -------------------------------------------------------------- lista */
#foro-lista{min-height:120px;margin-top:8px}
.foro-conteo{
  font-family:var(--sans);font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--secundario);margin:0 0 16px;
}
.foro-vacio{color:var(--secundario);font-size:14px;padding:20px 0}
.foro-item{
  border-top:1px solid var(--hairline-neutra);padding:16px 0;
}
.foro-item-cab{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.foro-item-cab b{font-family:var(--serif);font-size:15px;font-weight:600;color:var(--display)}
.foro-item-cab span{font-family:var(--sans);font-size:10.5px;color:var(--secundario)}
.foro-item p{margin:0;font-size:14px;line-height:1.65;color:var(--texto);white-space:pre-wrap}
.foro-borrar{
  background:none;border:0;padding:0;margin-top:8px;cursor:pointer;
  font-family:var(--sans);font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--secundario);opacity:.55;
}
.foro-borrar:hover{opacity:1;color:var(--terracota)}

.foro-cargando{
  display:flex;align-items:center;gap:12px;padding:40px 0;
  font-family:var(--sans);font-size:12px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--secundario);
}
.foro-cargando i{
  width:14px;height:14px;border-radius:50%;border:2px solid rgba(var(--oro-rgb),var(--a-3));
  border-top-color:var(--oro);animation:foro-girar .8s linear infinite;
}
@keyframes foro-girar{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.foro-cargando i{animation:none}}
.foro-aviso{
  margin:18px 0 0;padding:16px 20px;background:var(--banda);
  border-left:3px solid var(--terracota);font-size:13px;line-height:1.6;color:var(--secundario);
}
.foro-aviso[hidden]{display:none}