/* ============================================================
 * bfcr-table-wrap — wrapper responsive site-wide para tablas
 * del cuerpo de posts/pages. Scroll horizontal en mobile sin
 * romper el layout. Valores derivados del patron canonico
 * .table-wrap (bfcr-dictamen.css ~L2909).
 * ============================================================ */
.bfcr-table-wrap {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 2rem 0;
  border: 1px solid rgba(26, 24, 20, .18);
  border-radius: 3px;
  position: relative;
}

.bfcr-table-wrap > table {
  margin: 0;
}

/* Selector DESCENDIENTE (no ">"): muchas tablas viven dentro de un
 * <div> con estilo inline, no son hijas directas del wrap. min-width
 * es propiedad distinta de width, asi vence al width:100% inline y
 * fuerza el overflow horizontal del wrapper en pantallas chicas. */
@media (max-width: 640px) {
  .bfcr-table-wrap table {
    min-width: 480px;
  }
}